:root {color-scheme:light;--navy:#0f172a;--ink:#111827;--teal:#0f766e;--bright:#14b8a6;--slate:#475569;--border:#deebec;--white:#fff;--bg:#f6f9fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.75}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:#084d48}
a:focus-visible{outline:2px solid var(--bright);outline-offset:4px;border-radius:3px}
.container{max-width:1120px;width:calc(100% - 48px);margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}
.logo{display:block;width:228px;height:auto}
.back{font-size:14px;font-weight:650;color:#476174;text-decoration:none}
.back:hover{text-decoration:underline}
.page-grid{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:36px;padding:45px 0 80px}
.side{position:sticky;top:22px;border:1px solid var(--border);border-radius:17px;background:#fff;padding:22px 20px;box-shadow:0 5px 20px rgba(15,23,42,.025)}
.side strong{display:block;font-size:12px;color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.side ol{list-style:none;padding:0;margin:0}
.side li+li{margin-top:9px}
.side a{color:#4c6775;text-decoration:none;font-weight:570;font-size:13px;line-height:1.4;display:block;padding:5px 0}
.side a:hover{color:var(--teal);text-decoration:underline}
.paper{background:#fff;border:1px solid var(--border);border-radius:22px;padding:clamp(28px,5.1vw,65px);box-shadow:0 18px 55px rgba(15,23,42,.04);min-width:0}
.eyebrow{display:inline-block;color:var(--teal);background:#eafaf7;border:1px solid #cceee9;font-size:12px;font-weight:780;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:6px 13px}
h1{font-size:clamp(32px,4vw,49px);letter-spacing:-.045em;line-height:1.15;color:var(--navy);margin:22px 0 13px}
.meta{font-size:14px;color:#667b8d;margin:0 0 28px}
.lead{font-size:16px;line-height:1.8;color:#3f5967;margin:0 0 33px;padding-bottom:30px;border-bottom:1px solid #e6edef}
section{scroll-margin-top:20px}
section+section{margin-top:36px}
h2{color:var(--navy);font-size:20px;letter-spacing:-.024em;line-height:1.45;margin:0 0 14px}
p{margin:0 0 15px}
p:last-child{margin-bottom:0}
ul{margin:10px 0 16px;padding-left:23px}
li{padding-left:3px;margin-bottom:8px}
.callout{background:#f0fbf9;border-left:3px solid #19b5a6;padding:17px 20px;border-radius:0 12px 12px 0;margin:17px 0;color:#285760}
.contact{background:#f7fafb;border:1px solid #e0eced;border-radius:14px;padding:16px 20px;margin:16px 0}
.contact strong{color:var(--navy)}
.site-footer{background:#fff;border-top:1px solid var(--border)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:24px 0;font-size:13px;color:#6d8191}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{color:#3c6270;font-weight:630;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
@media(max-width:860px){.page-grid{grid-template-columns:1fr;padding:24px 0 50px;gap:16px}.side{position:static}.side ol{columns:2;column-gap:28px}.side li{break-inside:avoid}.paper{padding:34px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.logo{width:190px}.back{font-size:12px}.side ol{columns:1}.paper{padding:26px 23px}.header-inner{padding:18px 0}.footer-inner{align-items:flex-start}}
@media print{body{background:#fff}.site-header,.side,.site-footer{display:none}.page-grid{display:block;margin:0;padding:0}.paper{box-shadow:none;border:0;padding:0}section{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}