:root{
  --bg:#0d1117;--panel:#151b23;--panel2:#1b222c;--surface:#111821;--surface2:#202936;--line:#2b3542;--text:#eef2f6;--muted:#9aa7b5;--muted2:#6f7f8e;--accent:#6aa56e;--amber:#ffb14b;--accent-soft:rgba(106,165,110,.16);--amber-soft:rgba(255,177,75,.13);--pattern:rgba(255,255,255,.035);--pattern2:rgba(255,255,255,.028);--panel-highlight:rgba(255,255,255,.06)
}
html[data-theme="light"]{
  --bg:#eef2ed;--panel:#ffffff;--panel2:#f4f6f2;--surface:#f7f8f5;--surface2:#e9eee7;--line:#d2dbd1;--text:#182026;--muted:#51616c;--muted2:#7b8a93;--accent:#3f7550;--amber:#af6b13;--accent-soft:rgba(63,117,80,.13);--amber-soft:rgba(175,107,19,.12);--pattern:rgba(43,60,50,.055);--pattern2:rgba(43,60,50,.04);--panel-highlight:rgba(255,255,255,.88)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{position:relative;isolation:isolate;min-width:320px}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,var(--pattern) 1px,transparent 1px),linear-gradient(0deg,var(--pattern) 1px,transparent 1px),repeating-linear-gradient(135deg,transparent 0 26px,var(--pattern2) 26px 27px,transparent 27px 54px);background-size:64px 64px,64px 64px,auto;opacity:.45}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 8%,var(--accent-soft),transparent 34%),radial-gradient(ellipse at 82% 12%,var(--amber-soft),transparent 31%),radial-gradient(ellipse at 52% 100%,rgba(106,165,110,.08),transparent 44%)}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;background:rgba(8,12,17,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}html[data-theme="light"] .topbar{background:rgba(248,250,247,.86)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));font-weight:900;color:#fff}.brand h1{font-size:18px;margin:0}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.top-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-links a,.theme-toggle{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;padding:7px 11px;font-size:12px;font-weight:700}.theme-toggle{cursor:pointer;width:34px;height:34px;padding:0}.page-wrap{max-width:1040px;margin:0 auto;padding:40px 20px 54px}.hero{border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--accent-soft),transparent 34%),linear-gradient(245deg,var(--amber-soft),transparent 30%),linear-gradient(180deg,var(--panel),var(--surface));box-shadow:0 22px 58px rgba(0,0,0,.16),inset 0 1px 0 var(--panel-highlight);padding:34px}.hero-kicker{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h2{font-size:34px;line-height:1.08;margin:10px 0 12px}.hero p{color:var(--muted);font-size:15px;line-height:1.65;max-width:760px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--surface));padding:20px;box-shadow:0 12px 32px rgba(0,0,0,.09),inset 0 1px 0 var(--panel-highlight)}.card.full{grid-column:1/-1}.card h3{margin:0 0 12px;font-size:16px}.card p,.card li{color:var(--muted);font-size:13px;line-height:1.6}.card a{color:var(--accent);font-weight:800;text-decoration:none}.placeholder{border:1px dashed color-mix(in srgb,var(--amber) 55%,var(--line));background:var(--amber-soft);border-radius:12px;padding:12px;color:var(--text);font-size:13px;font-weight:700}.footer{max-width:1040px;margin:0 auto 28px;padding:0 20px;color:var(--muted2);font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer a{color:var(--muted);text-decoration:none}
@media(max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}.hero{padding:24px}.hero h2{font-size:28px}.page-wrap{padding-top:24px}}


/* === v14: content pages aligned with ARK palette === */
:root{
  --bg:#07111a;--panel:#0d1a25;--panel2:#112230;--surface:#0d1822;--surface2:#173040;--line:#254454;--text:#eef7ff;--muted:#97adbc;--muted2:#708897;--accent:#5ed4db;--amber:#e6ad5c;--accent-soft:rgba(94,212,219,.15);--amber-soft:rgba(230,173,92,.13);--pattern:rgba(151,233,238,.07);--pattern2:rgba(230,173,92,.05);--panel-highlight:rgba(255,255,255,.05)
}
html[data-theme="light"]{
  --bg:#eff4f5;--panel:#ffffff;--panel2:#f5f8fa;--surface:#f2f7f8;--surface2:#e4eef1;--line:#cad8de;--text:#1a2833;--muted:#637786;--muted2:#7c8d9b;--accent:#2e97a5;--amber:#b8782e;--accent-soft:rgba(46,151,165,.11);--amber-soft:rgba(184,120,46,.10);--pattern:rgba(53,114,128,.06);--pattern2:rgba(184,120,46,.04);--panel-highlight:rgba(255,255,255,.85)
}
body{background:radial-gradient(circle at 13% -6%,var(--accent-soft),transparent 30%),radial-gradient(circle at 88% 1%,var(--amber-soft),transparent 24%),linear-gradient(180deg,#0b1722 0,var(--bg) 220px)}
body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='138' viewBox='0 0 160 138'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.2'%3E%3Cpath d='M34 1 68 20v39L34 78 0 59V20L34 1Z'/%3E%3Cpath d='M103 1 137 20v39l-34 19L69 59V20L103 1Z'/%3E%3Cpath d='M68 59 103 78v39l-35 19-34-19V78l34-19Z'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 138px;background-position:center top;opacity:.16;mix-blend-mode:screen}
html[data-theme="light"] body::before{opacity:.12;mix-blend-mode:multiply}
.topbar{background:linear-gradient(90deg,rgba(94,212,219,.10),transparent 24%,transparent 78%,rgba(230,173,92,.08)),rgba(7,15,23,.84);border-bottom-color:color-mix(in srgb,var(--accent) 12%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.14)}
html[data-theme="light"] .topbar{background:linear-gradient(90deg,rgba(46,151,165,.08),transparent 24%,transparent 78%,rgba(184,120,46,.06)),rgba(248,251,251,.88)}
.hero,.card{backdrop-filter:blur(8px) saturate(120%);border-color:color-mix(in srgb,var(--accent) 10%,var(--line))}
.hero{background:linear-gradient(135deg,var(--accent-soft),transparent 34%),linear-gradient(245deg,var(--amber-soft),transparent 30%),linear-gradient(180deg,var(--panel),var(--surface))}
.card{background:linear-gradient(180deg,var(--panel),var(--surface))}
.card a{color:color-mix(in srgb,var(--accent) 62%,var(--text))}
.placeholder{background:linear-gradient(135deg,var(--amber-soft),transparent),color-mix(in srgb,var(--surface) 90%,transparent)}

/* v17 language selector */
.language-select{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer;outline:none}.language-select:hover,.language-select:focus{background:var(--surface2);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.language-select option{background:var(--panel);color:var(--text)}