.page .phero-split{text-align:left;padding-bottom:64px}.page .phero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.page .phero-split .crumb{justify-content:flex-start}.page .phero-split h1{margin:0;max-width:none}.page .phero-split .lede{margin-left:0;margin-right:0}.page .phero-split .phero-cta{justify-content:flex-start}.page .phero-r{position:relative}.page .flist{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}.page .flist li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--text);line-height:1.5}.page .vc{flex:none;width:18px;height:18px;border-radius:5px;background:var(--accent-soft);display:grid;place-items:center;margin-top:1px}@media(max-width:900px){.page .phero-grid{grid-template-columns:1fr;gap:34px}}.page .panel{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 30px 70px -50px #000c}.page .panel-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:1px solid var(--border);background:var(--bg2)}.page .pb-dot{width:11px;height:11px;border-radius:50%;background:var(--border2)}.page .pb-title{margin-left:8px;font-family:var(--mono);font-size:11.5px;color:var(--dim)}.page .panel-body{padding:16px}.page .term .panel-body{background:#0a0d13}.page .code{font-family:var(--mono);font-size:12.5px;line-height:1.65;color:#7fd49a;white-space:pre;overflow-x:auto}.page .code .c-dim{color:var(--dim)}.page .code .c-tx{color:var(--text)}.page .code .c-good{color:var(--good)}.page .code .c-warn{color:#f5b94a}.page .code .cur{animation:hp-blink 1.1s steps(1) infinite}@keyframes hp-blink{50%{opacity:0}}.page .topo-badge{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;border-radius:9px;padding:6px 9px;background:var(--panel2);box-shadow:0 8px 24px -10px #000c}.page .tb-ac{top:-12px;right:-8px;color:var(--accent);border:1px solid rgba(255,86,48,.3)}.page .replay-wrap{position:relative;max-width:860px;margin:0 auto;padding-bottom:34px}.page .replay-bar{justify-content:space-between}.page .rb-l{display:flex;align-items:center;gap:7px}.page .rb-r{display:flex;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--dim)}.page .replay-controls{display:flex;align-items:center;gap:13px;padding:10px 15px;border-bottom:1px solid var(--border);background:#0d111780}.page .play-btn{width:30px;height:30px;border-radius:50%;border:0;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;cursor:pointer;flex:none;transition:background .15s}.page .play-btn:hover{background:#ff563033}.page .play-btn svg{margin-left:1px}.page .prog-track{flex:1;height:6px;background:#ffffff0f;border-radius:100px;overflow:hidden}.page .prog-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .1s linear}.page .time-disp{font-family:var(--mono);font-size:11px;color:var(--muted);width:80px;text-align:right}.page .speed{font-family:var(--mono);font-size:10px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:5px}.page .replay-body{min-height:280px;background:#0a0d13}.page .replay-meta{position:absolute;left:32px;bottom:0;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:14px 22px;display:flex;gap:26px;box-shadow:0 12px 30px -14px #000c}.page .rm-cell{text-align:center}.page .rm-cell b{display:block;font-size:18px;font-weight:700;color:var(--text)}.page .rm-cell b.accent{color:var(--accent)}.page .rm-cell b.good{color:var(--good)}.page .rm-cell span{display:block;font-size:10px;color:var(--muted);margin-top:2px}@media(max-width:560px){.page .replay-meta{position:static;margin-top:16px;justify-content:center}.page .replay-wrap{padding-bottom:0}}.page .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page .flow-cell{position:relative}.page .flow-arr{display:none;position:absolute;top:50%;right:-12px;transform:translateY(-50%);color:#ff563066;font-size:18px;z-index:2}@media(min-width:861px){.page .flow-cell:not(:last-child) .flow-arr{display:block}}@media(max-width:860px){.page .flow-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.page .flow-grid{grid-template-columns:1fr}}.page .stepcard{height:100%}.page .stepcard .stepnum{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);border:1px solid rgba(255,86,48,.3);color:var(--accent);font-family:var(--mono);font-size:14px;font-weight:600;display:grid;place-items:center;margin-bottom:16px}.page .stepcard h3{font-size:16px}.page .checks{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:10px}.page .checks li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text)}.page .infobox{margin-top:16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:13px}.page .mono{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.page .mono.accent{color:var(--accent)}.page .ib-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.page .rec{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--good)}.page .rec-dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.page .ib-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted)}.page .elev{display:flex;justify-content:space-between;margin-bottom:10px}.page .elev b{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.page .elev-acts{display:flex;gap:8px}.page .pill-good{font-size:11.5px;font-weight:600;color:var(--good);background:#3ddc841a;border-radius:7px;padding:5px 12px}.page .pill-bad{font-size:11.5px;font-weight:600;color:#ff7a5c;background:#ff56301a;border-radius:7px;padding:5px 12px}.page .accmap{display:flex;flex-direction:column;gap:9px}.page .acc-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page .acc-arr{color:var(--dim);font-size:12px}.page .cmp3{min-width:560px}.page .cmp3 thead th:nth-child(2),.page .cmp3 thead th:nth-child(3){font-weight:600}.page .cmp3 .sm{font-size:13px}.page .cmp3 td.me .sm.accent{color:var(--accent);font-weight:500}.page .cta{border-top:1px solid var(--border)}
