:root{--bg:#f5f6f7;--surface:#fff;--text:#1f2427;--muted:#6b747b;--slate-1:#2f3a40;--slate-2:#3e4a52;--border:#d9dee2;--accent:#b87333;--accent-soft:rgba(184,115,51,.14);--radius:14px;--shadow:0 10px 25px rgba(31,36,39,.06);--wrap:1500px;--pad-x:clamp(12px,1.8vw,22px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe\ UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);line-height:1.55}a{color:var(--accent);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}.wrap{max-width:min(var(--wrap),96vw);margin:0 auto;padding:0 var(--pad-x)}.wrap .wrap{max-width:100%;padding-left:0;padding-right:0}header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-link:hover{text-decoration:none}.brand-mark{width:40px;height:40px;flex:0 0 auto}.brand-text{display:grid;gap:2px;min-width:0}.brand-title{font-size:1.08rem;font-weight:700;letter-spacing:.2px;color:var(--slate-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{font-size:.92rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}nav a{color:var(--slate-2);font-weight:600;font-size:.95rem;padding:8px 10px;border-radius:10px}nav a:hover{background:var(--accent-soft);color:var(--slate-1);text-decoration:none}.header-rule{height:2px;background:linear-gradient(90deg,var(--accent),transparent 65%)}main.wrap{padding-top:26px;padding-bottom:90px}.grid{display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:18px}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-12{grid-column:span 12}.card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}h1,h2,h3{margin:0 0 10px;line-height:1.25;color:var(--slate-1)}h1{font-size:2.0rem;letter-spacing:-.2px}h2{font-size:1.35rem}h3{font-size:1.1rem;color:var(--slate-2)}p{margin:0 0 14px}small,.small{color:var(--muted);font-size:.95rem}.hr{height:1px;background:var(--border);margin:18px 0}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fbfbfc;color:var(--slate-2);font-weight:600;font-size:.9rem}.badge-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.list{margin:0;padding-left:18px}.list li{margin:6px 0}footer{border-top:2px solid var(--accent);padding:26px 0 40px;color:var(--muted);background:transparent}.footer-inner{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:var(--slate-2)}.footer-links a:hover{color:var(--slate-1)}@media (max-width:980px){.header-inner{padding:16px 0}nav{gap:8px}nav a{padding:7px 10px}}@media (max-width:820px){.header-inner{align-items:flex-start}nav{justify-content:flex-start}.grid{grid-template-columns:minmax(0,1fr)}.col-7,.col-5,.col-12{grid-column:auto}.brand-title,.brand-tag{white-space:normal;overflow:visible;text-overflow:clip}}nav a.active{background:var(--accent-soft);color:var(--slate-1);text-decoration:none}