:root{--bg:#F6EFDD;--ink:#2A241C;--soft:#6B6050;--accent:#5C3A22;--line:#E2D6B8;--green:#748C4E;--box:#FFF8E8;--on-accent:#FFF8E8;color-scheme:light}
:root[data-theme=dark]{--bg:#141210;--ink:#F0E6C8;--soft:#A89A80;--accent:#D4A24C;--line:#2E271E;--box:#1E1A15;--on-accent:#141210;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
main{max-width:760px;margin:0 auto;padding:40px 22px 80px}
header{display:flex;align-items:center;gap:12px;margin-bottom:28px}
header img{width:44px;height:44px;border-radius:10px}
header .brand{color:var(--accent);font:700 15px/1 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;text-decoration:none}
h1{font-size:32px;line-height:1.2;margin:0 0 6px}
h2{font:700 19px/1.3 system-ui,sans-serif;margin:36px 0 8px;color:var(--accent)}
p,li{margin:8px 0}
ul{padding-left:22px}
.meta{color:var(--soft);font:14px/1.5 system-ui,sans-serif;margin-bottom:24px}
.box{background:var(--box);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0}
table{border-collapse:collapse;width:100%;font:15px/1.45 system-ui,sans-serif;margin:12px 0}
th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;vertical-align:top}
th{color:var(--soft);font-weight:600}
a{color:var(--accent)}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);color:var(--soft);font:14px/1.6 system-ui,sans-serif}
footer a{margin-right:14px}
@media (max-width:520px){body{font-size:16px}h1{font-size:26px}}
header{justify-content:space-between}
header .left{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font:600 13px/1 system-ui,sans-serif}
.lang a,.lang span{padding:7px 12px;text-decoration:none;letter-spacing:1px}
.lang span{background:var(--accent);color:var(--on-accent)}
.lang a{color:var(--accent)}
.lang a:hover{background:var(--box)}
table{table-layout:fixed}
th,td{overflow-wrap:anywhere;hyphens:auto}
img{max-width:100%}
@media (max-width:520px){
  main{padding:28px 16px 64px}
  table{font-size:13px}
  th,td{padding:8px 5px}
}
header .right{display:flex;align-items:center;gap:10px}
.theme{background:none;border:1px solid var(--line);border-radius:999px;width:34px;height:31px;cursor:pointer;color:var(--accent);font:16px/1 system-ui,sans-serif;padding:0}
.theme:hover{background:var(--box)}