:root{color-scheme:light;--bg:#f0f3f7;--panel:#ffffff;--line:#e1e7ef;--text:#203c60;--muted:#536b80;--accent:#38838f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.7 Inter,Arial,sans-serif}header,main,footer{width:min(900px,calc(100% - 40px));margin:auto}header{padding:36px 0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent);color:#203c60}.brand small{display:block;color:var(--accent);font-size:16px;letter-spacing:2px}main{padding:42px 0 60px}article{padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 4px 18px #203c6008}h1{margin:0 0 10px;font-size:clamp(32px,6vw,52px);line-height:1.08}h2{margin:34px 0 8px;font-size:22px}p,li{color:var(--muted)}.date{margin:0 0 30px;color:var(--accent);font-weight:700}a{color:var(--accent)}li+li{margin-top:8px}footer{padding:0 0 36px;color:#536b80;font-size:16px}footer a{margin-right:18px}@media(max-width:600px){header,main,footer{width:min(100% - 24px,900px)}article{border-radius:16px}}
:root{--bg:#f0f3f7;--panel:#fff;--line:#dce3eb;--text:#203c60;--muted:#536b80;--accent:#38838f}.mark{color:#fff;background:#38838f}footer{color:#536b80}
.brand small{color:#50d8a4}.mark{background:#50d8a4;color:#062536}
:root{--text:#082f47;--accent:#087f73}