.hero{padding:80px var(--gutter) 100px}
  .hero h1{margin-bottom:16px}

  
  .faq-page{background:var(--surface)}
  .faq-grid{display:block;max-width:880px}
  .faq-side .h-section,
  .faq-side h1.h-section{margin:8px 0 20px}
  .faq-side > p{font-size:18px;line-height:1.6;color:var(--muted);margin-bottom:20px}

  .faq-item{border-bottom:1px solid var(--border);padding:28px 0;cursor:default}
  .faq-item:first-child{border-top:1px solid var(--border)}
  .faq-q{display:flex;justify-content:space-between;align-items:start;gap:24px}
  .faq-q > div:first-child{font-family:var(--serif);font-weight:400;font-size:21px;color:#45413C;line-height:1.4;margin:0;flex:1}
  .faq-toggle{display:none}
  .faq-a{max-height:none;overflow:visible}
  .faq-a-in{font-size:18px;line-height:1.75;color:var(--muted);padding:16px 0 4px}

@media (min-width: 769px) {
  body.page-faq .faq-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
    align-items: start;
    max-width: none;
  }

  body.page-faq .faq-side {
    position: sticky;
    top: 120px;
  }

  body.page-faq .faq-side .h-section,
  body.page-faq .faq-side h1.h-section {
    margin: 8px 0 28px;
    font-size: 48px;
  }

  body.page-faq .faq-side > p {
    font-size:18px;
    line-height: 1.6;
    color: var(--muted);
    margin-bottom: 20px;
  }
}