/* Saylight's quieter reading room: the same sky, with an opaque place for policy. */
/* Strong keyboard focus on pale reading surfaces; retain a bright edge on blue. */
.document-page a:focus-visible{outline:3px solid var(--deep);outline-offset:5px;box-shadow:0 0 0 3px var(--paper);border-radius:3px}
.document-header a:focus-visible{outline-color:var(--yellow);box-shadow:0 0 0 3px var(--deep)}
.document-header{position:relative;background:var(--blue);padding-block:25px;flex-wrap:wrap}
.document-header nav{display:flex;gap:12px 28px;flex-wrap:wrap}
.document-header nav a{min-height:44px;display:inline-flex;align-items:center}
.document-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--yellow)}
.document-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:white;min-height:350px}
.document-hero>img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}
.document-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#123dc9 0%,#123dc9 34%,#123dc9f5 58%,#09278385 100%)}
.document-hero-copy{width:89%;max-width:1240px;margin:auto;padding:48px 0 55px}
.document-hero-copy>p{max-width:650px;color:#f2f5ff}
.document-hero-copy>p:first-child{font-size:1rem;margin-bottom:17px}
.document-hero h1{font-size:clamp(2.7rem,5.3vw,4.7rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:25px}
.document-hero-copy .document-date{font-size:.9rem;margin-top:22px;color:#e3ebff}
.document-layout{width:89%;max-width:1240px;margin:64px auto 30px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;align-items:start}
.document-navigation{position:sticky;top:30px;max-height:calc(100dvh - 60px);overflow-y:auto;padding:8px;margin:-8px;scrollbar-gutter:stable}
.document-navigation nav{display:flex;flex-direction:column;gap:4px;border-left:2px solid #d1dcf1;padding-left:18px}
.document-navigation a{font-size:.95rem;line-height:1.5;padding:9px 0;min-height:44px;color:#314875}
.document-navigation a:hover{text-decoration:underline;text-underline-offset:4px}
.document-content{max-width:72ch;min-width:0}
.document-content section{margin-bottom:44px;scroll-margin-top:26px}
.document-content h2{font-size:clamp(1.9rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:20px;color:var(--deep)}
.document-content h2{overflow-wrap:anywhere;hyphens:auto}
.document-content p{font-size:1.05rem;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere}
.document-content a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.document-contact{background:#e8efff;border-radius:26px;padding:30px}
.document-content .document-button{background:var(--blue);color:white;min-height:52px;margin-top:6px;line-height:1.5;white-space:normal;max-width:100%}
.document-content .document-contact-note{font-size:.9rem;margin:22px 0 0}
.document-footer{border-top:1px solid #cad6ef;flex-wrap:wrap}
.document-footer small{flex-basis:100%;line-height:1.6}
@media(max-width:1050px){.document-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.document-header nav{gap:8px 20px}}
@media(max-width:760px){.document-header{padding:19px 7%;gap:14px 25px}.document-header nav{display:flex;font-size:.9rem;gap:4px 18px}.document-hero>img{width:100%;opacity:.38}.document-hero::after{background:#092783b3}.document-hero-copy{width:86%;padding:40px 0 45px}.document-hero-copy>p{font-size:1rem}.document-hero-copy>p br{display:none}.document-layout{width:86%;display:block;margin-top:35px}.document-navigation{position:static;max-height:none;overflow:visible;padding:0;margin:0 0 38px;scrollbar-gutter:auto}.document-navigation nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;border-left:0;border-bottom:1px solid #cad6ef;padding:0 0 22px}.document-navigation a{font-size:.9rem;overflow-wrap:anywhere}.document-content section{margin-bottom:38px}.document-content p{font-size:1rem;line-height:1.75}.document-contact{padding:22px;border-radius:22px}.document-content h2{font-size:2rem}.document-footer{padding-top:30px}}
@media(max-width:360px){.document-header nav{gap:4px 14px;font-size:.85rem}.document-navigation nav{grid-template-columns:1fr}.document-hero h1{font-size:2.5rem}.document-contact{padding:19px}}
@media(prefers-reduced-motion:reduce){.document-content .document-button:hover{transform:none}}