/* Four clear routes, with context and related links on deeper pages. */
header nav{gap:26px}
header nav a{display:inline-flex;align-items:center;min-height:44px}
header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.content-page header{position:sticky;top:0;left:auto;right:auto;margin:0;padding:20px 5vw;background:var(--background);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent);z-index:8}
.content-page :target{scroll-margin-top:100px}
.content-page a:focus{scroll-margin-top:120px}
.page-wayfinding{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--soft)}
.page-wayfinding>a{padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.section-route{font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
.related-pages{margin-top:60px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;font-size:14px}
.related-pages a{padding:10px 0;line-height:1.5;text-decoration:underline;text-underline-offset:5px}.related-pages span{display:block;font-size:12px;color:var(--soft);margin-bottom:8px}.related-pages a:first-child{font-size:20px;letter-spacing:-.3px;max-width:65%}
.writing-page main{width:min(1050px,90%);margin-top:70px;margin-bottom:85px}
.directory-heading{max-width:700px}.directory-heading h1{font-size:clamp(56px,7vw,90px);margin-bottom:22px}.directory-heading>p{font-size:16px;color:var(--soft)}
.writing-page .research-list{margin-top:45px}.writing-page .research-list h2{font-size:23px;font-weight:400;letter-spacing:-.55px;margin:0 0 10px}.writing-page .research-list h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.writing-page .research-list h2 a:hover{background:var(--accent)}
.writing-extras{margin-top:45px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.writing-extras h2{font-size:23px}.writing-extras .research-links{margin-top:24px}
@media(min-width:701px){.case-art{top:90px}}
@media(max-width:480px){
 header{flex-wrap:wrap;row-gap:16px}header nav{width:100%;justify-content:space-between;gap:16px;font-size:13px}
 .content-page header{padding:17px 25px 14px}
 body:not(.content-page) main{padding-top:160px}
 .content-page :target{scroll-margin-top:120px}
 .content-page main{margin-top:45px}
 .page-wayfinding{gap:20px}
 .writing-page main{width:calc(100% - 50px);margin-top:45px;margin-bottom:65px}
 .directory-heading h1{font-size:51px;line-height:1.02}.directory-heading>p{font-size:15px}
 .related-pages{align-items:flex-start;flex-direction:column;gap:15px;margin-top:45px}.related-pages a:first-child{max-width:100%}
 .research-heading .section-route{display:inline-block;margin-top:8px}
 .content-page footer{gap:15px}.footer-right{gap:12px}
}