:root { --ink:#102044; --muted:#596780; --line:#c9d9ea; --paper:#fff; --cloud:#eaf2fb; --blue:#0969da; --navy:#071c43; --aqua:#00c8ae; --shadow:0 18px 42px rgba(12,35,78,.13); }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 90% 7%,rgba(0,200,174,.13),transparent 27%),radial-gradient(circle at 8% 94%,rgba(9,105,218,.08),transparent 28%),linear-gradient(145deg,#eaf2fb 0%,#dbe8f7 47%,#e3f1ef 100%); color:var(--ink); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--blue); }
.shell { max-width:900px; margin:0 auto; padding:0 24px 58px; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:24px 0 28px; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); font-size:1.22rem; font-weight:850; letter-spacing:-.045em; text-decoration:none; }
.brandmark { width:41px; height:41px; object-fit:contain; filter:drop-shadow(0 7px 11px rgba(6,67,159,.17)); }
.back { color:#405b84; font-size:.92rem; text-decoration:none; }
.back:hover { color:var(--blue); text-decoration:underline; }
.site-menu { position:relative; }
.site-menu summary { display:none; list-style:none; cursor:pointer; }
.site-menu summary::-webkit-details-marker { display:none; }
.site-nav { display:flex; align-items:center; gap:17px; color:#405b84; font-size:.9rem; }
.site-nav a { color:inherit; font-weight:720; text-decoration:none; }
.site-nav a:hover { color:var(--blue); text-decoration:underline; }
.paper { padding:clamp(28px,5vw,54px); background:rgba(255,255,255,.97); border:1px solid rgba(193,211,233,.98); border-radius:25px; box-shadow:var(--shadow); }
.eyebrow { color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
h1 { max-width:690px; margin:7px 0 15px; color:var(--navy); font-size:clamp(2rem,5vw,3.45rem); line-height:1.04; letter-spacing:-.06em; }
h2 { margin:30px 0 8px; color:var(--navy); font-size:1.25rem; letter-spacing:-.025em; }
p,li { color:#45526c; }
p { margin:0 0 16px; }
ul { margin:0 0 16px; padding-left:22px; }
li + li { margin-top:8px; }
.callout { margin:25px 0; padding:18px 20px; border-left:4px solid var(--aqua); border-radius:0 14px 14px 0; background:#eefbf8; }
.site-footer { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-top:32px; padding:22px 2px 0; border-top:1px solid rgba(180,197,220,.72); color:#5a6880; font-size:.86rem; }
.site-footer p { max-width:330px; margin:0; color:#5a6880; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 15px; }
.footer-links a { color:#38547e; text-decoration:none; }
.footer-links a:hover { color:var(--blue); text-decoration:underline; }
@media (max-width:600px) { .shell { padding:0 15px 36px; } .topbar { padding:17px 0 20px; } .back { font-size:.84rem; } .site-menu summary { display:flex; align-items:center; gap:8px; min-height:40px; padding:0 12px; border:1px solid #c8d8ec; border-radius:10px; color:#214773; background:#fff; font-size:.86rem; font-weight:800; } .site-menu summary span { color:var(--blue); font-size:1.05rem; line-height:1; } .site-menu > nav { position:absolute; z-index:10; right:0; top:calc(100% + 8px); width:min(230px,calc(100vw - 30px)); padding:8px; border:1px solid #cbd9eb; border-radius:13px; background:#fff; box-shadow:0 16px 34px rgba(12,35,78,.16); } .site-menu:not([open]) > nav { display:none; } .site-menu[open] > nav { display:grid; gap:2px; } .site-nav a { padding:10px 11px; border-radius:8px; font-size:.92rem; } .site-nav a:hover { background:#edf5ff; text-decoration:none; } .paper { padding:27px 21px; border-radius:19px; } .site-footer { display:grid; gap:14px; } .footer-links { justify-content:flex-start; } }
@media (max-width:760px) { .topbar { display:grid; grid-template-columns:1fr; gap:11px; align-items:start; } .site-nav { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:7px 13px; width:100%; color:#38547e; font-size:.86rem; } .site-nav a { padding:0!important; border-radius:0!important; background:transparent!important; } }