*{box-sizing:border-box}
html{background:#fff;color:#050505;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
body{margin:0}
.accordion-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;padding:28px;font-size:12px;line-height:20px}
.accordion-nav a{color:inherit;text-decoration:none}
.accordion-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.accordion-nav a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.project-heading{display:flex;flex-direction:column;gap:4px;text-align:center}
.project-heading h1{margin:0;font-size:16px;line-height:24px;font-weight:600}
.project-heading p{margin:0;font-size:12px;line-height:18px;color:#777}
.accordion-nav__back{justify-self:end;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.project-content{min-height:calc(100svh - 110px)}
@media(max-width:600px){
  .accordion-nav{grid-template-columns:1fr auto;gap:32px 16px;padding:24px 18px}
  .project-heading{grid-column:1 / -1;grid-row:2;text-align:left}
  .accordion-nav__back{grid-column:2;grid-row:1}
  .project-content{min-height:calc(100svh - 160px)}
}