:root{--bg:#fbfbfa;--fg:#1a1a1a;--mut:#5b6570;--line:#dfe3e8;--accent:#1f5f8b;
--pos:#0f7b52;--neg:#a33a2c;--warn:#8a6d1f;--card:#fff;}
*{box-sizing:border-box}
body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:var(--bg);color:var(--fg)}
header{background:var(--card);border-bottom:1px solid var(--line);padding:18px 24px}
header h1{margin:0;font-size:18px;letter-spacing:-.01em}
header .sub{color:var(--mut);font-size:13px;margin-top:4px}
.wrap{display:flex;align-items:flex-start;gap:28px;max-width:1180px;margin:0 auto;padding:24px}
nav{flex:0 0 216px;position:sticky;top:24px}
nav a{display:block;padding:7px 10px;color:var(--fg);text-decoration:none;border-radius:6px;
font-size:14px}
nav a:hover{background:#eef1f4}
nav a.on{background:var(--accent);color:#fff}
main{flex:1;min-width:0}
h2{font-size:20px;margin:0 0 4px;letter-spacing:-.01em}
h3{font-size:15px;margin:26px 0 8px;color:var(--accent)}
p{margin:10px 0}
.badge{display:inline-block;padding:2px 9px;border-radius:11px;font-size:11.5px;
font-weight:600;letter-spacing:.02em;vertical-align:middle}
.b-review{background:#fdf3d8;color:var(--warn);border:1px solid #e8d4a0}
.b-pub{background:#dcf0e6;color:var(--pos);border:1px solid #a9d8c2}
.b-desc{background:#eceff2;color:var(--mut);border:1px solid var(--line)}
.card{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:16px 18px;
margin:14px 0}
.key{border-left:3px solid var(--accent)}
.hold{border-left:3px solid var(--warn);background:#fffdf6}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin:10px 0}
th,td{border-bottom:1px solid var(--line);padding:6px 9px;text-align:right}
th:first-child,td:first-child{text-align:left}
th{background:#f2f4f6;font-weight:600;color:var(--mut);white-space:nowrap}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
code{background:#eef1f4;padding:1px 5px;border-radius:4px;font-size:12.5px}
.mut{color:var(--mut);font-size:13px}
.stat{font-variant-numeric:tabular-nums;font-weight:600}
.pos{color:var(--pos)}.neg{color:var(--neg)}
figure{margin:14px 0}
figure img{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}
figcaption{color:var(--mut);font-size:13px;margin-top:7px}
footer{color:var(--mut);font-size:12.5px;border-top:1px solid var(--line);
margin-top:34px;padding-top:14px}
@media(max-width:820px){.wrap{flex-direction:column;padding:16px}nav{position:static;flex:none;
width:100%;display:flex;flex-wrap:wrap;gap:4px}nav a{font-size:13px;padding:5px 9px}}