:root { color-scheme: light; --ink:#11323d; --muted:#5f6f75; --line:#d8e3e7; --bg:#f7fbfc; --panel:#ffffff; --accent:#eab308; --deep:#164e63; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--bg); color:var(--ink); line-height:1.62; }
a { color:#0f5f76; }
header.site-header { background:linear-gradient(135deg, #123c49, #17606f); color:white; padding:24px 18px; }
.header-inner, main, footer { max-width:1100px; margin:0 auto; }
nav a { color:white; margin-right:14px; font-weight:700; text-decoration:none; }
main { padding:26px 18px 48px; }
.banner { border:2px solid var(--accent); background:#fff8d8; color:#3a3000; padding:12px 14px; border-radius:14px; font-weight:800; margin:0 0 22px; }
.hero, .card, article { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:20px; box-shadow:0 1px 0 rgba(17,50,61,.04); }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.meta { color:var(--muted); font-size:.94rem; }
h1 { line-height:1.15; margin-top:0; }
h2 { margin-top:1.6em; }
pre, code { background:#eef6f8; border-radius:8px; padding:.1em .35em; }
footer { padding:28px 18px 48px; color:var(--muted); }
.badge { display:inline-block; background:#e6f3f6; color:#164e63; border:1px solid #c6dde3; border-radius:999px; padding:4px 10px; font-size:.88rem; margin:2px; }