:root{color-scheme:light;--ink:#152b3b;--muted:#506778;--line:#d5e0e5;--paper:#fffefb;--accent:#087c79}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#086e79;text-underline-offset:.2em}a:hover{color:#a64819}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e89b30;outline-offset:4px}
.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:20}.skip:focus{top:1rem}
header{background:#132e3e;color:white;padding:1rem max(1rem,calc((100vw - 1160px)/2));display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none}header .brand{font-size:1.35rem;font-weight:750;margin-right:auto}header nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.94rem}
.search{position:relative;margin:.3rem 0}input{max-width:100%;width:220px;border:1px solid #b7c9d0;border-radius:6px;padding:.6rem .8rem;font:inherit;background:white;color:var(--ink)}
#search-results{position:absolute;right:0;top:100%;width:min(440px,85vw);background:white;color:var(--ink);box-shadow:0 8px 24px #0003;z-index:10;max-height:70vh;overflow:auto;border-radius:6px}
#search-results a{display:block;color:#086e79;padding:.65rem 1rem;border-bottom:1px solid var(--line)}#search-results p{padding:.7rem 1rem;margin:0}
main{max-width:1000px;margin:0 auto;padding:2.6rem 1.4rem 4rem}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:.4rem 0 1.4rem}h2{font-size:1.7rem;line-height:1.25;margin-top:2.3rem;scroll-margin-top:1rem}h3{line-height:1.35;scroll-margin-top:1rem}
p,li{overflow-wrap:anywhere}p{margin:.85rem 0}li{margin:.3rem 0}img,video,svg{max-width:100%;height:auto}video{display:block;width:100%;background:#132e3e;border-radius:10px;margin:1rem 0}
table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.94rem}th,td{padding:.65rem .85rem;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf4f5}
pre{overflow:auto;background:#edf3f5;border:1px solid var(--line);border-radius:7px;padding:1rem;font-size:.85rem;line-height:1.55}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.87em}p code,li code{background:#edf3f5;padding:.1rem .25rem;border-radius:3px}
blockquote{margin:1.4rem 0;border-left:4px solid #e89b30;padding:.1rem 1.1rem;background:#fff6e5}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.8rem;font-weight:700}.page-tools{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.88rem;color:var(--muted);padding-top:2rem;border-top:1px solid var(--line);margin-top:3rem}
.mermaid{background:transparent;border:0;text-align:center}.mermaid svg{height:auto}footer{padding:1.5rem;text-align:center;background:#edf3f5;color:var(--muted);font-size:.88rem}
@media(max-width:600px){header{padding:1rem}header nav{gap:.8rem}.search,input{width:100%}main{padding:1.7rem 1rem 3rem}h1{font-size:2.25rem}ul,ol{padding-left:1.4rem}}
@media print{header,.page-tools,footer,.search{display:none}main{max-width:none;padding:0}a{color:inherit}pre{white-space:pre-wrap}h2,h3{break-after:avoid}}