.htr-head{max-width:var(--maxw);margin:0 auto;padding:38px 28px 8px}.htr-head h1{font-size:38px;font-weight:800;letter-spacing:-.04em;margin:12px 0 10px}.htr-head p{font-size:17px;color:var(--ink-2);max-width:64ch;margin:0}.video-ph{max-width:var(--maxw);margin:22px auto 0;padding:0 28px}.video-ph .frame{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(160deg,#10162a,#1b2350);display:grid;place-items:center;color:#fff;box-shadow:var(--sh-lg);position:relative;overflow:hidden}.video-ph .play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;border:1px solid rgba(255,255,255,.3)}.video-ph .play:after{content:"";border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}.video-ph .cap{position:absolute;bottom:14px;font-family:var(--mono);font-size:12px;color:#aeb6d6}.htr-layout{max-width:var(--maxw);margin:30px auto 0;padding:0 28px;display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}.htr-toc{position:sticky;top:84px}.htr-toc .tl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:12px}.htr-toc a{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.4;border-left:2px solid transparent;padding:7px 0 7px 12px;margin-left:-12px}.htr-toc a.on,.htr-toc a:hover{color:var(--accent)}.htr-toc a.on{border-left-color:var(--accent);font-weight:700}.htr-toc-mobile{display:none}.sec h2{font-size:23px;font-weight:800;letter-spacing:-.025em;margin:0 0 12px;scroll-margin-top:84px}.sec{padding:14px 0 30px;border-bottom:1px solid var(--line)}.sec ol,.sec p,.sec ul{font-size:16px;line-height:1.7;color:var(--ink-2);margin:0 0 16px}.sec ol,.sec ul{padding-left:22px}.sec li{margin:0 0 7px}.sec blockquote{margin:0 0 16px;padding:12px 18px;border-left:3px solid var(--accent-line);background:var(--accent-soft);border-radius:0 var(--r) var(--r) 0;font-size:15px;line-height:1.65;color:var(--ink-2)}.sec strong{color:var(--ink)}.shot{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);margin:6px 0}.shot img{display:block;width:100%;height:auto}.shot .ph{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,#eef1f7 0 12px,#f5f7fb 12px 24px);display:grid;place-items:center;text-align:center;padding:18px}.shot .cap,.shot .ph{color:var(--ink-3);font-family:var(--mono);font-size:12px}.shot .cap{padding:9px 12px;border-top:1px solid var(--line);background:var(--card-2)}.xlinks{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.xlinks a{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:9px;padding:8px 13px;text-decoration:none}.xlinks a:hover{background:var(--accent);color:#fff}.htr-matrix{max-width:var(--maxw);margin:34px auto 0;padding:0 28px}.htr-matrix h2{font-size:23px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px}.htr-matrix p{font-size:15px;color:var(--ink-2);margin:0 0 16px;max-width:70ch}@media(max-width:820px){.htr-layout{grid-template-columns:1fr;gap:0}.htr-toc{position:static;margin-bottom:18px}.htr-toc .tl{display:none}.htr-toc-mobile{display:block}.htr-toc-links{display:none}.htr-toc-mobile select{width:100%}}