:root{--teal:#1F7A82;--teal-deep:#0F4A50;--teal-soft:#7AC8CF;--mint:#E2EEEC;--ink:#0E1F22;--muted:#5C6F72;--surface:#FBFAF7;--surface-2:#F1EFE9;--line:#D8E0E0;--display:'Manrope',sans-serif;--sans:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace}
html{color-scheme:light only}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:var(--surface)}
.nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav .brand img.m{width:40px;height:40px;border-radius:50%}.nav .brand img.w{height:34px;width:auto}
.nav a.back{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(20px,5vw,72px) 80px;display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.side{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px}
.side a{font-size:14px;color:var(--muted);text-decoration:none;padding:5px 0;border-left:2px solid var(--line);padding-left:12px}.side a:hover{color:var(--teal);border-color:var(--teal)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;line-height:1.05;margin:0 0 6px}
.sub{font-size:19px;color:var(--muted);margin:0 0 10px}
.ver{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin:0 0 22px}
.meta{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:6px 22px;margin:0 0 34px}
.mrow{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.mrow:first-child{border-top:0}
dt{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);padding-top:3px}dd{margin:0;font-size:15.5px}
h2{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:38px 0 12px;scroll-margin-top:24px}
p{margin:0 0 12px}strong{font-weight:600}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--line)}th{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep);background:var(--surface-2)}
ul,ol{padding-left:22px}li{margin:4px 0}
a{color:var(--teal)}
.foot{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,72px);font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}