.b101-guia{--paper:var(--hx-mist,#f3f4f6);--surface:var(--hx-day,#fff);--surface-2:#eceef1;--ink:var(--hx-ink,#0d0f13);--ink-2:var(--hx-ink-2,#2b3039);--ink-3:var(--hx-ink-3,#545b67);--rule:var(--hx-line,#e3e5e9);--rule-2:#eceef1;--accent:var(--hx-blue,#1a5fb4);--accent-soft:#e8f0fb;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s1-f:rgba(42,120,214,.2);--s2-f:rgba(235,104,52,.2);--s3-f:rgba(27,175,122,.2);--good:#0f7a52;--good-bg:#e4f2eb;--warn:#a2570b;--warn-bg:#faf0e1;--crit:#bf3a2f;--crit-bg:#fbe9e7;--serif:var(--hx-sans,"Hanken Grotesk Variable",Arial,sans-serif);--mono:var(--hx-mono,"B612 Mono",ui-monospace,Consolas,monospace)}.b101-guia *{box-sizing:border-box}.b101-guia{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}.b101-guia .shell{max-width:1180px;margin:0 auto;padding:0 28px 40px}.b101-guia h1,.b101-guia h2,.b101-guia h3{margin:0;text-wrap:balance;font-weight:var(--hx-h2-weight,450);letter-spacing:-.02em}.b101-guia h1{font-weight:var(--hx-display-weight,420);letter-spacing:var(--hx-display-track,-.035em)}.b101-guia h1{font-size:clamp(2.2rem,5.2vw,3.4rem);line-height:1.06}.b101-guia h2{font-size:clamp(1.5rem,2.9vw,2.05rem);line-height:1.16}.b101-guia h3{font-size:1.14rem;font-weight:var(--hx-h3-weight,560);line-height:1.32;letter-spacing:-.01em}.b101-guia p{margin:0}.b101-guia a{color:var(--accent)}.b101-guia em{font-style:italic}.b101-guia .mono,.b101-guia .eyebrow,.b101-guia .lbl,.b101-guia figcaption,.b101-guia th,.b101-guia .legend,.b101-guia .axis,.b101-guia .dt,.b101-guia .rl,.b101-guia .fig-title,.b101-guia .tag{font-family:var(--mono)}.b101-guia .eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.b101-guia .dt{font-size:.86rem;background:var(--surface-2);padding:1px 6px;border-radius:3px}.b101-guia header.hero{padding:64px 0 44px;border-bottom:1px solid var(--rule)}.b101-guia .brandline{display:flex;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.b101-guia .mark{font-family:var(--mono);font-weight:600;font-size:.76rem;letter-spacing:.06em;color:var(--surface);background:var(--ink);padding:3px 8px;border-radius:2px}.b101-guia .lede{font-size:1.24rem;color:var(--ink-2);max-width:63ch;margin-top:20px}.b101-guia .lede+.lede{margin-top:14px;font-size:1.08rem}.b101-guia .layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;align-items:start;margin-top:48px}@media(max-width:920px){.b101-guia .layout{grid-template-columns:1fr;gap:26px}.b101-guia nav.toc{position:static!important;border-left:0!important;padding-left:0!important;border-top:1px solid var(--rule);padding-top:20px}}.b101-guia nav.toc{position:sticky;top:26px;font-family:var(--mono);font-size:.73rem;line-height:1.45;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--rule);padding-left:16px}.b101-guia nav.toc a{color:var(--ink-3);text-decoration:none;display:flex;gap:9px}.b101-guia nav.toc a b{font-weight:500;flex:none;width:14px}.b101-guia nav.toc a:hover,.b101-guia nav.toc a:hover b{color:var(--accent)}.b101-guia section{margin-bottom:78px;scroll-margin-top:24px}.b101-guia .sec-num{font-size:.71rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:9px;font-family:var(--mono)}.b101-guia section>h2{margin-bottom:18px}.b101-guia .prose{display:flex;flex-direction:column;gap:17px;max-width:66ch;color:var(--ink-2)}.b101-guia .prose strong{color:var(--ink);font-weight:600}.b101-guia .prose h3{color:var(--ink);margin-top:14px}.b101-guia .term{color:var(--ink);font-weight:600;border-bottom:2px dotted var(--accent);padding-bottom:1px}.b101-guia figure{margin:30px 0 0;background:var(--surface);border:1px solid var(--rule);padding:22px 22px 18px}.b101-guia .fig-title{font-size:.71rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}.b101-guia figcaption{font-size:.79rem;color:var(--ink-3);margin-top:16px;padding-top:13px;border-top:1px solid var(--rule-2);line-height:1.5;font-family:var(--mono)}.b101-guia svg{display:block;width:100%;height:auto;overflow:visible}.b101-guia .legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.75rem;color:var(--ink-2);margin-top:12px}.b101-guia .legend span{display:flex;align-items:center;gap:7px}.b101-guia .sw{width:11px;height:11px;border-radius:2px;flex:none}.b101-guia .ctrls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--rule-2)}.b101-guia .ctrl{flex:1 1 200px;min-width:180px}.b101-guia .ctrl label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-family:var(--mono);font-size:.73rem;color:var(--ink-2);margin-bottom:5px}.b101-guia .ctrl label output{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.b101-guia input[type=range]{width:100%;accent-color:var(--accent);height:22px;margin:0}.b101-guia .btn{font-family:var(--mono);font-size:.73rem;padding:8px 14px;border-radius:3px;cursor:pointer;border:1px solid var(--rule);background:var(--surface);color:var(--ink)}.b101-guia .btn:hover{border-color:var(--accent);color:var(--accent)}.b101-guia .btn.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.b101-guia .btn.solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.b101-guia .btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.b101-guia .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.b101-guia .readout{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:16px}.b101-guia .readout div{background:var(--surface);padding:11px 15px;flex:1 1 130px}.b101-guia .readout .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.b101-guia .readout .v{font-family:var(--mono);font-size:1.35rem;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums}.b101-guia .pill{display:inline-block;font-family:var(--mono);font-size:.7rem;padding:2px 9px;border-radius:11px;white-space:nowrap}.b101-guia .pill.ok{background:var(--good-bg);color:var(--good)}.b101-guia .pill.mid{background:var(--warn-bg);color:var(--warn)}.b101-guia .pill.no{background:var(--crit-bg);color:var(--crit)}.b101-guia .note{border-left:3px solid var(--accent);background:var(--accent-soft);padding:17px 21px;font-size:.98rem;color:var(--ink);margin-top:26px}.b101-guia .note.warn{border-left-color:var(--warn);background:var(--warn-bg)}.b101-guia .note .t{font-weight:600;display:block;margin-bottom:5px}.b101-guia .note p+p{margin-top:9px}.b101-guia table.crit{width:100%;border-collapse:collapse;font-size:.93rem}.b101-guia .crit th,.b101-guia .crit td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule-2);vertical-align:top}.b101-guia .crit th{font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.b101-guia .crit td.k{font-family:var(--mono);font-size:.85rem;white-space:nowrap}.b101-guia ul.check{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px}.b101-guia ul.check li{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;font-size:.97rem;color:var(--ink-2)}.b101-guia ul.check li .n{font-family:var(--mono);font-size:.69rem;color:var(--accent);border:1px solid var(--rule);width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none;margin-top:2px}.b101-guia .gates{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--rule)}@media(max-width:720px){.b101-guia .gates{grid-template-columns:1fr}}.b101-guia .gate{background:var(--surface);padding:17px;display:flex;flex-direction:column;gap:8px}.b101-guia .gate .bar{height:3px;border-radius:2px;margin-bottom:3px}.b101-guia .gate .step{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}.b101-guia .gate .q{font-size:1.03rem;font-weight:600;line-height:1.28;color:var(--ink)}.b101-guia .gate .tool{font-family:var(--mono);font-size:.73rem;color:var(--accent)}.b101-guia .gate .fail{font-size:.84rem;color:var(--ink-3);line-height:1.45}.b101-guia .grid-wrap{overflow-x:auto}.b101-guia .agrid{display:grid;grid-template-columns:82px repeat(10,1fr);gap:3px;min-width:560px}.b101-guia .agrid .hd{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);text-align:center;padding-bottom:3px}.b101-guia .agrid .rh{font-family:var(--mono);font-size:.68rem;color:var(--ink-3);display:flex;align-items:center}.b101-guia .cell{background:var(--surface-2);border-radius:3px;height:34px;display:flex;gap:2px;align-items:flex-end;justify-content:center;padding:3px;transition:background .18s,outline-color .18s;outline:2px solid transparent;outline-offset:-2px}.b101-guia .cell i{width:5px;border-radius:1px;background:var(--ink-3);transition:background .18s}.b101-guia .cell.hi{background:var(--accent-soft);outline-color:var(--accent)}.b101-guia .cell.hi i{background:var(--accent)}@media(prefers-reduced-motion:reduce){.b101-guia .cell,.b101-guia .cell i{transition:none}}.b101-guia .modebar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.b101-guia .mode-exp{margin-top:14px;font-size:.93rem;color:var(--ink-2);min-height:3.2em}.b101-guia .tool-panel{background:var(--surface);border:1px solid var(--rule);padding:28px;margin-top:10px}.b101-guia .does{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:22px}.b101-guia .does div{background:var(--surface);padding:15px 17px}.b101-guia .does .h{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.b101-guia .does .b{font-size:.93rem;color:var(--ink-2);line-height:1.5}.b101-guia .does .b b{color:var(--ink);font-weight:600}.b101-guia .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.b101-guia .cta a{font-family:var(--mono);font-size:.75rem;text-decoration:none;padding:11px 18px;border-radius:3px;border:1px solid var(--ink);color:var(--paper);background:var(--ink)}.b101-guia .cta a.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.b101-guia .cta a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.b101-guia footer{margin-top:44px;padding-top:26px;border-top:1px solid var(--rule);font-size:.84rem;color:var(--ink-3);max-width:66ch}
/*# sourceMappingURL=/cdn/shop/t/29/assets/b101-guia.css.map */