.guide-width { max-width: 900px; }
.guide-hero { padding: calc(var(--header-height) + 68px) 0 88px; background: var(--jet); }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 54px; color: #aeb5bd; font-size: .72rem; }
.guide-breadcrumb a { color: var(--white); border-bottom: 1px solid #60656a; }
.guide-hero h1 { max-width: 900px; margin-bottom: 28px; font-size: clamp(3.1rem, 6.5vw, 5.5rem); }
.guide-intro { max-width: 700px; margin-bottom: 34px; font-size: 1.04rem; line-height: 1.8; }
.guide-section { padding: 72px 0; }
.guide-section + .guide-section { padding-top: 0; }
.guide-section h2 { max-width: 780px; margin-bottom: 28px; font-size: clamp(2rem, 4.2vw, 3.4rem); }
.guide-section p { max-width: 780px; margin-bottom: 22px; }
.guide-section .text-link { margin-right: 28px; }
.guide-section .text-link:last-child { margin-right: 0; }
.guide-series { padding: 0 0 24px; }
.guide-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 56px; margin-top: 36px; }
.guide-terms article { padding-top: 24px; border-top: 1px solid var(--line); }
.guide-terms h3 { margin-bottom: 14px; font-size: .82rem; letter-spacing: .08em; }
.guide-terms p { margin-bottom: 0; font-size: .92rem; }
.guide-faq { margin-top: 34px; border-top: 1px solid var(--line); }
.guide-faq details { border-bottom: 1px solid var(--line); }
.guide-faq summary { padding: 24px 4px; cursor: pointer; font-size: .96rem; font-weight: 500; line-height: 1.6; }
.guide-faq details > p { padding: 0 4px; margin: 0 0 26px; font-size: .92rem; }
.guide-reference { font-size: .78rem; }
.guide-reference a { text-decoration: underline; text-underline-offset: 4px; }
.guide-page a:focus-visible, .guide-page summary:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.guide-page .button { width: fit-content; max-width: 100%; }

@media (max-width: 820px) {
  .guide-hero { padding-top: calc(var(--header-height) + 44px); padding-bottom: 64px; }
  .guide-breadcrumb { margin-bottom: 42px; }
  .guide-section { padding: 56px 0; }
  .guide-terms { gap: 32px; }
}

@media (max-width: 560px) {
  .guide-hero h1 { font-size: clamp(2.5rem, 9vw, 3.15rem); }
  .guide-hero .eyebrow { font-size: .63rem; }
  .guide-intro { font-size: .95rem; }
  .guide-section h2 { font-size: clamp(1.9rem, 7.2vw, 2.5rem); }
  .guide-section p { font-size: .92rem; }
  .guide-terms { grid-template-columns: 1fr; }
  .guide-section .text-link { font-size: .63rem; line-height: 1.7; }
  .guide-page .button { flex: 0 1 auto; align-self: flex-start; padding-inline: 18px; }
  .guide-page .guide-reference { font-size: .76rem; }
}