.page{max-width:1100px;margin:auto;padding:48px 0 64px}
.page h1{font-size:clamp(44px,5vw,72px);margin:22px 0 18px}
.lede{max-width:640px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}
.tile{min-width:0;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.tile .k{color:#799382}.tile .v{font-size:26px;margin-top:8px}.tile .v.ok{color:var(--mint)}.tile .s{font-size:12px;color:var(--muted);margin-top:6px}
h2.sec{font-family:Instrument,Georgia,serif;font-weight:400;font-size:32px;margin:48px 0 6px}
.sub{color:var(--muted);font-size:14px;margin:0 0 16px;max-width:700px;line-height:1.6}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;color:#799382;font:11px Mono,monospace;letter-spacing:1.2px;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}
.tbl td{padding:14px 10px;border-bottom:1px solid #1d2826;vertical-align:top}
.tbl td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.tbl a{color:var(--mint)}
.ratio{font-family:Mono,monospace}.ok{color:var(--mint)}.warn{color:var(--amber)}
.wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.att{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:14px;line-height:1.8}
.att code{font-family:Mono,monospace;font-size:12px;color:var(--muted);word-break:break-all}
.steps-v{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps-v li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 16px 16px 56px;position:relative;font-size:14px;line-height:1.6;color:var(--muted)}
.steps-v li:before{content:counter(s);position:absolute;left:18px;top:16px;width:24px;height:24px;border-radius:50%;border:1px solid #425d4c;color:var(--mint);font:12px/22px Mono,monospace;text-align:center}
.steps-v b{color:var(--paper);font-weight:500}
.navlink{color:var(--mint);font-size:13px;text-decoration:none}
@media(max-width:800px){.summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.summary{grid-template-columns:1fr}.page{padding-top:28px}}