.guide-page{padding-bottom:72px}
.guide-hero{max-width:880px;margin:auto;padding:72px 0 36px;text-align:center}
.guide-hero h1{font-size:clamp(36px,4.5vw,60px);font-weight:660;line-height:1.1;max-width:20ch;margin:auto}
.guide-hero>p{font-size:var(--site-copy-size);line-height:1.7;color:#68758a;margin:24px auto 0;max-width:65ch}
.guide-hero .guide-date{font-size:13px;margin-top:14px}
.guide-example{max-width:960px;margin:0 auto 44px}
.guide-example figcaption{font-size:14px;color:#68758a;margin-top:12px;text-align:center}
.guide-copy{max-width:800px;margin:auto}
.guide-section{margin-top:44px}
.guide-section h2{font-size:var(--site-subheading-size);line-height:1.25;margin-bottom:18px}
.guide-section p,.guide-section li,.guide-list p{font-size:var(--site-copy-size);line-height:1.75;color:#68758a}
.guide-section p+p{margin-top:16px}
.guide-section ul,.guide-section ol{padding-left:24px}
.guide-section li+li{margin-top:12px}
.guide-page a:not(.button){color:#496bd0;text-underline-offset:3px}
.guide-page a:not(.button):hover{text-decoration:underline}
/* A link inside running text is underlined, as on every page; the guide list's titles are headings. */
.guide-page :is(p,li) a:not(.button){text-decoration:underline}
.guide-list a:not(:hover){text-decoration:none}
.guide-section details{border-bottom:1px solid #e8edf5}
.guide-section summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:16px;cursor:pointer;color:#5e6b81;text-wrap:balance}
.guide-section summary::-webkit-details-marker{display:none}
/* The homepage FAQ's plus sign, drawn here so the question text stays the schema's exact name. */
.guide-section summary::after{content:"+";content:"+" / "";flex:none;color:#a1adbf;font-size:19px;line-height:1.4}
.guide-section details[open] summary::after{transform:rotate(45deg)}
.guide-section details p{padding-bottom:20px}
.guide-list{max-width:850px;list-style:none;padding:0;margin:auto}
.guide-list li{padding:28px 0;border-top:1px solid #e8edf5}
.guide-list a{font-size:var(--site-subheading-size);font-weight:550;line-height:1.3}
.guide-list p{margin-top:12px}
@media(max-width:650px){.guide-section summary{font-size:15px;padding:17px 0}.guide-hero{padding:44px 0 28px}.guide-section{margin-top:32px}.guide-page{padding-bottom:48px}.guide-example{margin-bottom:32px}}