:root{--ink:#101822;--ink2:#4A5A6B;--paper:#FFF8EE;--card:#fff;--or:#C97213;--rule:#EADFCF;--no:#C0392B}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16.5px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:36px 18px 70px}
.wrap{max-width:760px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--rule);border-radius:22px;padding:34px 30px 30px;box-shadow:0 20px 50px -30px rgba(16,24,34,.4)}
.top{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.top img{width:56px;height:56px;border-radius:14px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
h1{font-size:28px;line-height:1.2;margin:14px 0 4px;letter-spacing:-.02em}
.meta{color:var(--ink2);font-size:14px;margin:0 0 22px}
h2{font-size:19px;margin:30px 0 8px;letter-spacing:-.01em}
h3{font-size:16px;margin:18px 0 4px}
ul,ol{padding-left:22px;margin:8px 0}li{margin:0 0 6px}
a{color:var(--or)}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
td,th{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}
.tbl{overflow-x:auto}
.box{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:14px 18px;margin:14px 0}
.lang{display:flex;gap:6px;margin-left:auto}
.lang button{border:1px solid var(--rule);background:#fff;border-radius:999px;padding:5px 12px;font:600 13px system-ui;cursor:pointer;color:var(--ink2)}
.lang button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
nav.foot{margin-top:26px;font-size:14px;color:var(--ink2);text-align:center}
nav.foot a{margin:0 8px}
[hidden]{display:none!important}
