:root{--primary:#123d7a;--secondary:#0c7c86;--bg:#fff;--text:#18212f;--muted:#657286;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.72}a{color:var(--primary)}header.site{border-bottom:1px solid #e6eaf0;background:color-mix(in srgb,var(--bg) 94%,transparent);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.bar{max-width:var(--max);margin:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;text-decoration:none;color:var(--primary);font-size:clamp(1.05rem,2vw,1.35rem);display:flex;align-items:center}.brand img{max-height:44px;max-width:230px;width:auto}nav{display:flex;flex-wrap:wrap;gap:15px}nav a{text-decoration:none;font-weight:650}.wrap{max-width:var(--max);margin:auto;padding:clamp(28px,5vw,64px) 20px}.article{max-width:820px;margin:auto}.article img{max-width:100%;height:auto}.lead{font-size:1.12rem;color:var(--muted)}h1{font-size:clamp(1.9rem,4.8vw,3.35rem);line-height:1.08;letter-spacing:-.035em}h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}h3{font-size:clamp(1.15rem,2.4vw,1.55rem)}blockquote{border-left:4px solid var(--secondary);margin:25px 0;padding:10px 20px;background:#f5f8fb}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{padding:10px;border:1px solid #dce4ec}pre{overflow:auto;padding:18px;background:#111827;color:#f8fafc;border-radius:12px}.public-button{display:inline-block;background:var(--primary);color:white;text-decoration:none;padding:11px 17px;border-radius:10px;font-weight:750}.notice404{padding:clamp(25px,5vw,55px);border-radius:18px;background:#f2f6fa;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:var(--secondary)}footer{border-top:1px solid #e6eaf0;color:var(--muted);padding:25px 0;margin-top:50px}.ad-zone{max-width:var(--max);margin:20px auto;padding:10px 20px;text-align:center;min-height:40px}.ad-zone>span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8a95a5;margin-bottom:6px}@media(max-width:650px){.bar{align-items:flex-start}.site .bar{flex-direction:column}.site nav{gap:10px 14px}.wrap{padding-top:28px}footer .bar{flex-direction:column}}
.tool-kicker{font-weight:700;color:var(--secondary);margin-bottom:.5rem}.tool-demo{margin-top:2rem;padding:1.2rem;border:1px solid #dbe2ea;border-radius:16px;background:#f8fafc;display:grid;gap:.8rem}.tool-demo label{display:grid;gap:.35rem}.tool-demo input{padding:.75rem;border:1px solid #cbd5e1;border-radius:10px}.tool-demo output{font-size:1.4rem;font-weight:800;color:var(--primary)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.media-card img{width:100%;height:130px;object-fit:cover;border-radius:10px}.media-card code{font-size:.75rem;word-break:break-all}

.header-cta{background:var(--primary);color:#fff!important;padding:8px 12px;border-radius:9px}.site nav{align-items:center}