@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');}
:root{--navy:#0A3D62;--navy-deep:#062845;--navy-ink:#03182B;--teal:#00A6A6;--teal-light:#4FC7C1;--teal-text:#007a7a;--ink:#10222F;--muted:#5C7080;--line:#E4E9EC;--gray-bg:#F8F9FA;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-padding-top:24px;}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
header{background:var(--navy-deep);}
header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;}
.logo{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;color:#fff;text-decoration:none;}
.logo img{width:42px;height:42px;}
.logo .me{color:var(--teal-light);}
.back{color:rgba(255,255,255,.8);text-decoration:none;font-size:14.5px;font-weight:500;}
.back:hover{color:var(--teal-light);}
.hero{background:linear-gradient(150deg,var(--navy-deep),var(--navy-ink));color:#fff;padding:56px 0 64px;border-top:1px solid rgba(255,255,255,.06);}
.eyebrow{color:var(--teal-light);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em;line-height:1.2;}
h1{font-size:clamp(32px,5vw,46px);margin-top:12px;}
.updated{margin-top:12px;color:rgba(255,255,255,.65);font-size:15px;}
main{padding:56px 0 80px;}
.doc{max-width:760px;}
.intro{font-size:17.5px;color:var(--ink);}
.toc{margin:32px 0 8px;padding:22px 26px;background:var(--gray-bg);border:1px solid var(--line);border-radius:16px;}
.toc strong{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.toc ol{padding-left:20px;columns:2;column-gap:32px;font-size:15px;}
.toc a{color:var(--navy);text-decoration:none;}
.toc a:hover{color:var(--teal-text);text-decoration:underline;}
h2{font-size:24px;color:var(--navy-deep);margin:44px 0 12px;}
p,li{font-size:16px;color:#33495a;}
p+p{margin-top:12px;}
ul.list{margin:12px 0 0 22px;}
ul.list li{margin-bottom:8px;}
.doc a{color:var(--teal-text);font-weight:500;}
table{width:100%;border-collapse:collapse;margin-top:14px;font-size:15px;}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);color:#33495a;}
th{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--gray-bg);}
.note{margin-top:16px;padding:16px 20px;border-left:3px solid var(--teal);background:#f1fafa;border-radius:0 12px 12px 0;}
footer{background:var(--navy-ink);color:rgba(255,255,255,.65);padding:28px 0;font-size:13.5px;}
footer .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
footer nav{display:flex;gap:20px;}
footer a{text-decoration:none;}
footer a:hover,footer a[aria-current]{color:var(--teal-light);}
@media (max-width:640px){
  .toc ol{columns:1;}
  table,thead,tbody,tr,th,td{display:block;}
  thead{display:none;}
  td{border-bottom:none;padding:4px 0;}
  tr{padding:12px 0;border-bottom:1px solid var(--line);}
  td:first-child{font-weight:600;color:var(--navy-deep);}
  .back span{display:none;}
}