/* Reading surfaces inherit the homepage grid, Manrope, palette, and quieter heading rhythm.
   Main markup and bilingual copy remain unchanged. */
body{background:var(--paper);font-synthesis:none}
.wrap{width:min(100%,1392px);max-width:1392px;box-sizing:border-box;padding-inline:56px;margin-inline:auto}
main{min-height:calc(100svh - var(--header-height))}
main .page-head{padding-block:76px 44px;background:var(--paper);border-bottom:1px solid var(--line)}
main .page-head .wrap{max-width:1392px}
main .page-head h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(38px,4.4vw,60px);line-height:1.15;font-weight:700;letter-spacing:-.04em;max-width:24ch;margin:0 auto;text-wrap:balance;text-align:center}
main .page-head .eyebrow{text-align:center;font-size:12px;line-height:1.5;letter-spacing:.04em;font-weight:600;color:var(--ink-2);margin:0 0 18px}
main .page-head .lede{max-width:58ch;font-size:18px;line-height:1.65;color:var(--ink-2);margin:22px auto 0;text-align:center}
main .prose{width:min(100%,75ch);max-width:75ch;margin-inline:auto;padding-block:44px 92px}
main .prose p,main .prose li{font-size:16px;line-height:1.85}
main .prose h2{font-size:27px;line-height:1.35;font-weight:650;letter-spacing:-.025em;margin-top:48px;margin-bottom:16px;text-wrap:balance}
main .prose h2:first-child{margin-top:0}
main .prose h3{font-size:20px;line-height:1.45;font-weight:650;letter-spacing:-.015em;margin-top:30px}
main .prose a{color:var(--accent);text-underline-offset:.24em}
main .prose :is(p,ul,ol,dl){overflow-wrap:anywhere}
main .prose .note{background:var(--paper-2);border:0;border-radius:12px;padding:20px;font-weight:400;line-height:1.8}
main .people-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
main .person-link{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:24px;min-height:154px;justify-content:space-between;gap:20px}
main .person-link:hover{border-color:var(--accent);box-shadow:none}
main .person-without-profile:hover{border-color:var(--line)}
main .person-link strong{font-size:18px;color:var(--ink);font-weight:650}
main .person-role{font-size:14px;color:var(--ink-2)}
main .person-link .profile-action{font-size:13px;line-height:1.5;border-radius:0;background:transparent}
main .policy-meta{margin-top:0}
main .reading-card{padding-block:24px}
main .reading-card h3{margin-top:10px;font-size:18px}
main .reading-card p{font-size:14px;line-height:1.75}
main .reading-card time,main .reading-type{font-size:13px;color:var(--ink-2)}
main .access-layout{padding-top:44px;padding-bottom:28px;gap:40px}
main .access-platform{border-radius:14px}
main .access-help{padding-bottom:72px}
main>.section.wrap{padding-top:76px;padding-bottom:92px}
@media(max-width:1100px){.wrap{padding-inline:36px}}
@media(max-width:760px){.wrap{padding-inline:24px}main .page-head{padding-block:48px 32px}main .page-head h1{font-size:38px}main .page-head .lede{font-size:17px;line-height:1.7;margin-top:20px}main .prose{padding-block:32px 64px}main .prose h2{font-size:25px;margin-top:36px}main .prose p,main .prose li{line-height:1.8}main .person-link{padding:20px}main .access-layout{padding-top:32px}main>.section.wrap{padding-top:48px;padding-bottom:64px}}
@media(max-width:420px){.wrap{padding-inline:22px}main .people-links{grid-template-columns:1fr}main .page-head h1{font-size:35px}}

/* Supporting pages share the centered heading and teal emphasis of the homepage. */
main .heading-accent{color:var(--accent)}

main .prose .reading-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:0;border-radius:8px;background:var(--accent);color:var(--paper);font:inherit;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;transition:background-color .15s ease}
main .prose .reading-cta:hover{background:color-mix(in srgb,var(--accent) 90%,var(--ink))}
main .prose .reading-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Missing addresses use the same measured type and spacing as the reading pages. */
body[data-page-type=not_found] main{display:grid;align-content:center}
body[data-page-type=not_found] main>.section.wrap{text-align:center;padding-block:clamp(64px,12vh,120px)}
body[data-page-type=not_found] .eyebrow{margin:0 0 18px;font-size:13px;line-height:1.5}
body[data-page-type=not_found] h1{max-width:22ch;margin:0 auto;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}
body[data-page-type=not_found] .lede{max-width:36ch;margin:22px auto 0;font-size:18px;font-weight:400;line-height:1.7}
body[data-page-type=not_found] .actions{display:flex;justify-content:center;margin:30px 0 0}
body[data-page-type=not_found] .actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:0;border-radius:8px;background:var(--accent);color:var(--paper);font-size:14px;font-weight:650;line-height:1.5;text-decoration:none}
body[data-page-type=not_found] .actions .btn:hover{background:color-mix(in srgb,var(--accent) 90%,var(--ink))}
body[data-page-type=not_found] .actions .btn:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
