/* Static discovery pages: all content and links work without JavaScript. */
.guide-page { line-height: 1.7; }
.guide-nav, .guide-footer { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 22px 0; }
.guide-nav { display: flex; justify-content: space-between; gap: 16px; align-items: center; border-bottom: 1px solid var(--line); }
.guide-nav > a { font-weight: 750; font-size: 1.15rem; }
.guide-nav span { display: block; font-size: .75rem; font-weight: 400; }
.guide-nav nav { display: flex; gap: 18px; }
.guide-shell { width: min(760px, calc(100% - 40px)); margin: 42px auto 64px; overflow-wrap: anywhere; }
.guide-shell h1 { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.14; letter-spacing: -.035em; }
.guide-shell h2 { font-size: 1.45rem; line-height: 1.3; margin: 40px 0 16px; scroll-margin-top: 24px; }
.guide-shell p, .guide-shell li { font-size: 1.05rem; }
.guide-shell li + li { margin-top: 10px; }
.guide-shell a, .guide-footer a, .discovery-guides a { text-decoration: underline; text-underline-offset: 4px; }
.guide-breadcrumb, .guide-byline { color: #594c61; font-size: .9rem; }
.guide-answer, .guide-contents, .guide-next { padding: 22px; border-radius: 16px; background: var(--cream); border: 1px solid var(--line); margin: 28px 0; }
.guide-contents ol { padding-left: 24px; }
.guide-contents li { font-size: .95rem; }
.guide-shell blockquote { margin: 24px 0; padding: 8px 22px; border-left: 4px solid var(--green); background: var(--cream); }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 28px 0; }
.guide-grid article { border: 1px solid var(--line); border-radius: 18px; padding: 24px; background: var(--paper); }
.guide-grid h2, .guide-grid h3 { font-size: 1.25rem; line-height: 1.4; margin: 0 0 14px; }
.guide-footer { border-top: 1px solid var(--line); }
.discovery-guides { padding-top: 64px; padding-bottom: 64px; }
@media (max-width: 600px) { .guide-grid { grid-template-columns: 1fr; } .guide-nav { align-items: flex-start; } .guide-nav nav { flex-direction: column; gap: 8px; } .guide-shell { margin-top: 28px; } }
/* The landing stylesheet hides nav links below 900px; guide navigation stays usable. */
.guide-page .guide-nav nav > a, .guide-page .guide-breadcrumb > a { display: inline-flex; min-height: 44px; align-items: center; }
.guide-page .guide-contents { display: block; font-weight: 400; }
.guide-page .guide-breadcrumb { display: block; }
.guide-page table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 0.95rem; }
.guide-page th, .guide-page td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.guide-page details { margin: 10px 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; }
.guide-page summary { cursor: pointer; font-weight: 600; }
.quick-answer { padding-top: 24px; padding-bottom: 8px; }
.quick-answer h2 { font-size: 1.1rem; margin: 0 0 8px; }
.quick-answer small { font-weight: 400; opacity: 0.75; margin-left: 8px; }