.hb-main{padding-top:var(--nav-h)}.hb-band{position:relative;overflow:hidden;padding:58px 0 34px;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel)}.hb-band .wrap{position:relative;z-index:1}.hb-crumb{margin-bottom:18px}.hb-title{font-size:var(--fs-h1-doc);font-weight:700;letter-spacing:-.03em;line-height:1.12;max-width:760px;text-wrap:balance;margin-bottom:14px}.hb-lead{font-size:var(--fs-body);color:var(--text-2);line-height:1.68;max-width:680px;text-wrap:pretty}.hb-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:var(--fs-caption);color:var(--text-3)}.hb-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}.hb-environment b{color:var(--text-2);font-weight:500}.hb-topic-pill{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--accent-text);background:var(--accent-soft);border-radius:5px;padding:3px 9px}.hb-catalog{padding-top:44px;padding-bottom:72px}.hb-catalog-title{font-size:23px;margin-bottom:24px}.hb-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.hb-direction{display:flex;flex-direction:column;gap:12px;padding:24px 0;border-top:1px solid var(--border);min-width:0}.hb-direction h3{font-size:23px;font-weight:600}.hb-direction p{color:var(--text-2);font-size:var(--fs-body);line-height:1.65}.hb-direction-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:auto;color:var(--text-3);font-size:var(--fs-caption)}.hb-direction-foot>:last-child{color:var(--accent-text)}.hb-direction:hover h3{color:var(--accent-text)}.hb-catalog-search:not([hidden]){display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.hb-catalog-search label{font-weight:600}.hb-search-row{display:flex;flex-wrap:wrap;gap:10px}.hb-search-row input{flex:1 1 250px;max-width:560px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:16px}.hb-search-row input::placeholder{color:var(--text-3)}.hb-catalog-search [role=status],.hb-search-empty{color:var(--text-2);font-size:var(--fs-caption)}.hb-group-nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.hb-group-nav a{padding-block:10px;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}[data-handbook-group][hidden],[data-handbook-article][hidden]{display:none}.hb-group-nav~.hb-topic .hb-topic-head{scroll-margin-top:20px}.hb-topic+.hb-topic,.hb-topic+.hb-practice-card{margin-top:80px}.hb-topic-header{display:grid;grid-template-columns:48px minmax(0,720px);gap:16px;align-items:start;margin-bottom:26px}.hb-topic-index{font-family:var(--mono);font-size:var(--fs-mono-sm);font-weight:500;letter-spacing:.08em;color:var(--accent-text);padding-top:9px}.hb-topic-head{font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.025em;line-height:1.1;overflow-wrap:normal;text-wrap:balance}.hb-topic-head a{display:inline-flex;align-items:center;gap:10px;color:var(--text);transition:color var(--dur-fast)}.hb-topic-head a:hover{color:var(--accent-text)}.hb-topic-head a span{font-family:var(--mono);font-size:var(--fs-caption);font-weight:400;color:var(--text-3)}.hb-topic-lead{max-width:680px;margin-top:10px;font-size:var(--fs-caption);line-height:1.65;color:var(--text-2);text-wrap:pretty}.hb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 28px}.hb-card{position:relative;grid-column:span 6;display:flex;flex-direction:column;min-width:0;gap:9px;padding:24px 16px 26px;background:transparent;border:1px solid transparent;border-top-color:var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast),background var(--dur-fast)}.hb-card:hover{border-color:var(--border-strong);background:var(--surface)}.hb-card-chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:var(--fs-mono-sm);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text-faint)}.hb-card-arrow{font-size:var(--fs-caption);color:var(--text-3);transition:color var(--dur-fast)}.hb-card:hover .hb-card-arrow{color:var(--accent-text)}.hb-card h2,.hb-card h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.32;color:var(--text);text-wrap:balance}.hb-card p{font-size:var(--fs-caption);color:var(--text-2);line-height:1.58;text-wrap:pretty}.hb-card time{margin-top:auto;padding-top:6px;font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-faint)}.hb-card.is-featured{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-rows:auto auto 1fr auto;column-gap:32px;row-gap:12px;min-height:300px;margin-bottom:28px;padding:30px;background:var(--surface-raised);border-color:var(--border);border-radius:var(--radius-lg);overflow:hidden}.hb-card.is-featured .hb-card-chrome,.hb-card.is-featured h2,.hb-card.is-featured h3,.hb-card.is-featured p,.hb-card.is-featured time{grid-column:1}.hb-card.is-featured .hb-card-chrome{grid-row:1}.hb-card.is-featured h2,.hb-card.is-featured h3{grid-row:2;font-size:clamp(23px,2.8vw,30px);line-height:1.18}.hb-card.is-featured p{grid-row:3;max-width:60ch;font-size:var(--fs-body);line-height:1.65}.hb-card.is-featured time{grid-row:4}.hb-card-art{grid-column:2;grid-row:1 / 5;min-height:238px;overflow:hidden;background:var(--well);border:1px solid var(--border-subtle);border-radius:10px}.hb-card-art img{display:block;width:100%;height:100%;object-fit:cover;opacity:.86;transition:opacity var(--dur-fast)}.hb-card.is-featured:hover .hb-card-art img{opacity:1}.hb-task-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}.hb-task-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:17px 10px;border-top:1px solid var(--border);color:var(--text)}.hb-task-links a:hover b,.hb-task-links a:hover>span:last-child{color:var(--accent-text)}.hb-task-links span{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.hb-task-links b{font-size:var(--fs-caption);font-weight:500;line-height:1.5}.hb-article{max-width:820px;padding-top:36px;padding-bottom:8px}.hb-article h2{font-size:23px;font-weight:600;letter-spacing:-.02em;margin:34px 0 14px;scroll-margin-top:calc(var(--nav-h) + 22px)}.hb-article h3{font-size:17px;font-weight:600;margin:22px 0 10px;color:var(--text)}.hb-article p{font-size:var(--fs-body);color:var(--text-2);line-height:1.72;margin-bottom:14px;text-wrap:pretty}.hb-article ul,.hb-article ol{margin:0 0 16px 22px;display:flex;flex-direction:column;gap:8px}.hb-article li{font-size:var(--fs-body);color:var(--text-2);line-height:1.62}.hb-article strong{color:var(--text);font-weight:600}.hb-article a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.hb-article code{font-family:var(--mono);font-size:var(--fs-caption);color:var(--accent-text);background:var(--well);border:1px solid var(--border-subtle);padding:1px 6px;border-radius:5px;overflow-wrap:anywhere;white-space:normal}.hb-article pre{background:var(--well)!important;border:1px solid var(--border-subtle);border-radius:10px;padding:16px 18px;margin:0 0 16px;overflow-x:auto}.hb-article pre code{background:none;border:none;padding:0;white-space:pre;font-size:var(--fs-caption);color:inherit}.hb-article table{display:table;width:max-content;min-width:100%;max-width:none;margin:0;overflow:visible;background:var(--well);border:0;border-radius:0;border-collapse:separate;border-spacing:0;font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;line-height:1.55;scrollbar-color:var(--border-strong) transparent}.hb-article th,.hb-article td{max-width:30ch;padding:12px 15px;vertical-align:top;border-bottom:1px solid var(--border-subtle);transition:background-color var(--dur-fast)}.hb-article th{font-family:var(--ui);font-size:var(--fs-caption);font-weight:600;letter-spacing:0;color:var(--text);text-align:left}.hb-article thead th{background:var(--surface-raised);border-bottom:1px solid var(--border-strong)}.hb-article td{color:var(--text-2)}.hb-article tr>*+*{border-inline-start:1px solid var(--border-subtle)}.hb-article tbody tr:nth-child(2n)>*{background:color-mix(in srgb,var(--surface) 55%,var(--well))}.hb-article tbody tr:hover>*{background:var(--surface-hover)}.hb-article tbody tr:last-child>*{border-bottom:0}.hb-article table code{padding:0;background:transparent;border:0;border-radius:0;font-size:var(--fs-mono);line-height:inherit}.hb-article table caption:not(.sr-only){padding:15px 17px 13px;background:var(--surface-raised);border-bottom:1px solid var(--border-strong);font-family:var(--ui);font-size:var(--fs-body-sm);font-weight:600;line-height:1.45;text-align:left;color:var(--text)}.hb-article-summary{margin:28px 0 40px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.hb-article .hb-article-kicker{margin:0 0 5px;font-family:var(--mono);font-size:var(--fs-mono-sm);font-weight:500;line-height:1.4;letter-spacing:.08em;color:var(--accent-text)}.hb-article .hb-article-summary h2,.hb-article .hb-article-next h2{margin:0 0 18px;font-size:21px}.hb-article-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin:0}.hb-article-summary dl>div{padding:13px 0 11px;border-top:1px solid var(--border-subtle)}.hb-article-summary dt{margin-bottom:5px;font-size:var(--fs-caption);line-height:1.4;color:var(--text-3)}.hb-article-summary dd{margin:0;font-size:var(--fs-body);font-weight:600;line-height:1.4;color:var(--text)}.hb-article-table{width:100%;margin:20px 0 26px;overflow-x:auto;overscroll-behavior-inline:contain;background:var(--well);border:1px solid var(--border);border-radius:var(--radius);scrollbar-color:var(--border-strong) transparent}.hb-article-table:focus-visible,.hb-fig-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hb-article .hb-article-table .hb-syntax-table{min-width:790px}.hb-article .hb-syntax-table th:first-child{min-width:150px}.hb-article .hb-syntax-table th:not(:first-child){min-width:160px}.hb-article .hb-syntax-table th,.hb-article .hb-syntax-table td{vertical-align:middle}.hb-article-table th,.hb-article-table td{padding:13px 16px}.hb-code-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 20px}.hb-code-compare>section{min-width:0;padding:17px;background:var(--surface);border-top:1px solid var(--border-strong);border-radius:9px 9px 12px 12px}.hb-code-compare .hb-article-kicker{min-height:2.8em}.hb-code-compare pre{margin-bottom:0}.hb-code-compare-explained h3{min-height:2.8em;margin-top:8px}.hb-code-compare-explained>section>p:last-child{margin:16px 0 0;font-size:var(--fs-caption)}.hb-db-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;margin:22px 0 30px}.hb-db-card{min-width:0;padding:21px 22px;background:var(--well);border-top:2px solid var(--border-strong);border-radius:8px 8px 13px 13px}.hb-db-card-wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);gap:28px}.hb-db-card h3{margin:7px 0 12px;font-size:20px}.hb-db-card p{font-size:var(--fs-caption);line-height:1.65}.hb-db-card p:last-child{margin-bottom:0}.hb-db-card-note{padding-top:12px;border-top:1px solid var(--border-subtle)}.hb-article .hb-tradeoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:20px 0 26px;padding:0;overflow:hidden;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius);list-style:none}.hb-tradeoff-grid li{padding:18px;background:var(--well)}.hb-tradeoff-grid strong,.hb-tradeoff-grid span{display:block}.hb-tradeoff-grid strong{margin-bottom:6px;font-size:var(--fs-caption);color:var(--text)}.hb-tradeoff-grid span{font-size:var(--fs-caption);line-height:1.55;color:var(--text-2)}.hb-tradeoff-grid .hb-tradeoff-wide{grid-column:1 / -1}.hb-article .hb-decision-list{display:grid;gap:0;margin:20px 0 24px;padding:0;counter-reset:database-step;list-style:none}.hb-decision-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 15px;padding:15px 0;border-top:1px solid var(--border-subtle);counter-increment:database-step}.hb-decision-list li:before{grid-row:1 / 3;content:counter(database-step,decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-mono-sm);line-height:1.8;color:var(--accent-text)}.hb-decision-list strong,.hb-decision-list span{display:block}.hb-decision-list strong{font-size:var(--fs-body);color:var(--text)}.hb-decision-list span{font-size:var(--fs-caption);line-height:1.55;color:var(--text-2)}.hb-article-rule{margin:24px 0 36px;padding:19px 22px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.hb-article .hb-article-rule p{margin:0;color:var(--text)}.hb-article-next{margin:26px 0 54px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.hb-article-next>p:not(.hb-article-kicker){max-width:650px}.hb-article-next>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hb-article .hb-article-next a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);font-size:var(--fs-caption);font-weight:600;text-decoration:none;transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.hb-article .hb-article-next a:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.hb-article .hb-article-next a:hover{border-color:var(--accent);color:var(--accent-text);transform:translateY(-1px)}.hb-article .hb-article-next a:first-child:hover{color:var(--on-accent);filter:brightness(1.08)}.hb-article .hb-article-next a:active{transform:translateY(0)}.hb-article .hb-cover{display:block;width:100%;height:auto;margin:0 0 28px;border:1px solid var(--border-subtle);border-radius:var(--radius)}.hb-fig img{display:block;width:100%;height:auto;border-radius:var(--radius) var(--radius) 0 0}.hb-article figure.hb-fig{margin:34px 0 40px;padding:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:0}.hb-fig-heading{display:grid;grid-template-columns:1fr auto;gap:12px 20px;margin:24px 24px 0;padding-left:18px;border-left:4px solid var(--accent)}.hb-fig-heading>span{align-self:center;font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.hb-fig-brand{display:inline-flex;align-items:center;gap:5px;font-size:18px;letter-spacing:-.04em;color:var(--text)}.hb-fig-brand:after{content:"";width:6px;height:16px;background:var(--accent)}.hb-article .hb-fig-heading p{grid-column:1 / -1;margin:0;font-size:clamp(21px,3vw,27px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--text)}.hb-fig-canvas{padding:24px 24px 14px;overflow-x:auto;scrollbar-color:var(--border-strong) transparent}.hb-fig svg{display:block;width:100%;min-width:660px;height:auto}.hb-article .hb-fig figcaption{padding:16px 24px 20px;border-top:1px solid var(--border);font-size:var(--fs-caption);line-height:1.6;color:var(--text-2)}.hb-fig figcaption b{color:var(--text);font-weight:600}.d-bracket{fill:none;stroke:var(--accent);stroke-width:4}.d-dot.is-accent,.d-band.is-accent{fill:var(--accent)}.d-box{fill:var(--surface);stroke:var(--border-strong);stroke-width:1}.d-box.is-accent{fill:var(--accent-soft);stroke:var(--accent)}.d-box.is-green{fill:var(--green-soft);stroke:var(--syn-green)}.d-box.is-plum{fill:var(--plum-soft);stroke:var(--syn-plum)}.d-box.is-amber{fill:var(--amber-soft);stroke:var(--syn-amber)}.d-box.is-coral{fill:var(--coral-soft);stroke:var(--syn-coral)}.d-box.is-ghost{fill:var(--bg-panel);stroke:var(--border-strong);stroke-dasharray:5 4}.d-panel{fill:var(--bg-panel);stroke:var(--border-subtle)}.d-line{fill:none;stroke:var(--border-strong);stroke-width:2}.d-line.is-accent{stroke:var(--accent)}.d-line.is-green{stroke:var(--syn-green)}.d-line.is-plum{stroke:var(--syn-plum)}.d-line.is-amber{stroke:var(--syn-amber)}.d-line.is-dashed{stroke-dasharray:5 4}.d-dot{fill:var(--text-3)}.d-dot.is-green{fill:var(--syn-green)}.d-dot.is-plum{fill:var(--syn-plum)}.d-dot.is-amber{fill:var(--syn-amber)}.d-h{font-family:var(--ui);font-size:18px;font-weight:600;fill:var(--text)}.d-t{font-family:var(--mono);font-size:16px;fill:var(--text)}.d-t.is-muted{fill:var(--text-3)}.d-t.is-green{fill:var(--syn-green)}.d-t.is-plum{fill:var(--plum-text)}.d-t.is-amber{fill:var(--amber-text)}.d-t.is-accent{fill:var(--accent-text)}.d-cap{font-family:var(--ui);font-size:14px;fill:var(--text-3)}.d-cap.is-strong{fill:var(--text-2)}.d-mid{text-anchor:middle}.d-end{text-anchor:end}.hb-fig .d-label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;fill:var(--text-3)}.hb-fig .d-display{font-family:var(--mono);font-size:48px;font-weight:500;letter-spacing:-.04em;fill:var(--text)}.hb-fig .d-large{font-size:22px}.hb-fig .d-display.d-large{font-size:28px}.hb-fig .d-page-title{font-size:32px}.hb-fig .d-code{font-size:14px}.hb-fig .d-ink{stroke:var(--text-2)}.hb-fig .d-band{fill:var(--text-3)}.hb-fig .d-band.is-amber{fill:var(--syn-amber)}.hb-fig .d-band.is-green{fill:var(--syn-green)}.hb-sources{margin-top:42px;padding-top:4px;border-top:1px solid var(--border-subtle)}.hb-cluster-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;margin-top:26px}.hb-cluster-nav a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--well);color:var(--text)}.hb-cluster-nav a.is-next{grid-column:2;text-align:right}.hb-cluster-nav span{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.hb-cluster-nav b{font-size:var(--fs-caption);line-height:1.45}.hb-practice{padding-top:26px;padding-bottom:72px}.hb-practice-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:820px}.hb-practice-card h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.hb-practice-card p{font-size:var(--fs-caption);color:var(--text-2);line-height:1.6;max-width:520px}.hb-practice-card .btn{flex-shrink:0}.hb-nearby{padding-top:8px;padding-bottom:72px}.hb-nearby.is-inline{padding:0;margin-bottom:26px}.hb-nearby h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.hb-nearby-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;max-width:820px;list-style:none;padding:0;margin:0}.hb-nearby-list a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:border-color var(--dur-fast),background var(--dur-fast)}.hb-nearby-list a:hover{background:var(--surface-hover);border-color:var(--border-strong)}.hb-nearby-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hb-nearby-label{font-size:var(--fs-body-sm);font-weight:600;color:var(--text)}.hb-nearby-label:after{content:" ›";color:var(--text-3)}.hb-nearby-text{font-size:var(--fs-caption);line-height:1.5;color:var(--text-2)}@media(max-width:960px){.hb-card.is-featured{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr)}}@media(max-width:720px){.hb-band{padding:40px 0 26px}.hb-catalog{padding-top:32px;padding-bottom:56px}.hb-topic+.hb-topic,.hb-topic+.hb-practice-card{margin-top:60px}.hb-topic-header{grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:20px}.hb-topic-index{padding-top:7px}.hb-topic-head{font-size:25px}.hb-grid,.hb-directions,.hb-task-links{grid-template-columns:minmax(0,1fr)}.hb-card{grid-column:1;padding:20px 10px 22px}.hb-card.is-featured{grid-column:1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;min-height:0;margin-bottom:20px;padding:20px}.hb-card.is-featured .hb-card-chrome{grid-column:1;grid-row:1}.hb-card.is-featured .hb-card-art{grid-column:1;grid-row:2;min-height:0;aspect-ratio:16 / 8}.hb-card.is-featured h2,.hb-card.is-featured h3{grid-column:1;grid-row:3;font-size:22px}.hb-card.is-featured p{grid-column:1;grid-row:4;font-size:var(--fs-caption)}.hb-card.is-featured time{grid-column:1;grid-row:5}.hb-practice-card{flex-direction:column;align-items:flex-start}.hb-cluster-nav{grid-template-columns:minmax(0,1fr)}.hb-cluster-nav a.is-next{grid-column:1;text-align:left}.hb-article-summary,.hb-article-next{padding:20px}.hb-article th,.hb-article td{padding:10px 12px}.hb-fig-heading{margin:20px 14px 0}.hb-fig-canvas{padding:20px 14px 8px}.hb-article .hb-fig figcaption{padding:12px 14px 15px}.hb-article-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-code-compare,.hb-db-grid{grid-template-columns:minmax(0,1fr)}.hb-code-compare .hb-article-kicker,.hb-code-compare-explained h3{min-height:0}.hb-db-card-wide{grid-column:1;grid-template-columns:minmax(0,1fr);gap:0}.hb-article .hb-tradeoff-grid{grid-template-columns:minmax(0,1fr)}.hb-tradeoff-grid .hb-tradeoff-wide{grid-column:1}.hb-article-next>div{flex-direction:column}.hb-article .hb-article-next a{justify-content:center;min-height:44px}.hb-run-ghost,.hb-run-btn{min-height:44px}}@media(max-width:460px){.hb-article-summary dl{grid-template-columns:minmax(0,1fr)}}.hb-run{border:1px solid var(--border);border-radius:10px;background:var(--well);margin:0 0 16px;overflow:hidden}.hb-run:focus-within{border-color:var(--border-strong)}.hb-run-bar{display:flex;align-items:center;gap:9px;padding:7px 8px 7px 14px;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel)}.hb-run-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.hb-run-name{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--text-2)}.hb-run-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.hb-run-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:26px;padding:0 9px;border:0;border-radius:7px;background:transparent;font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--text-3);cursor:pointer;transition:color .15s ease,background .15s ease}.hb-run-ghost:hover{color:var(--text);background:var(--surface-hover)}.hb-run-ghost[hidden]{display:none}.hb-run-ghost.is-done{color:var(--syn-green)}.hb-run-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:26px;padding:0 12px;border:0;border-radius:7px;background:var(--accent);color:var(--on-accent);font-family:var(--mono);font-size:var(--fs-mono-sm);font-weight:600;letter-spacing:.08em;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.hb-run-btn:hover{filter:brightness(1.12)}.hb-run-btn:disabled{opacity:.55;cursor:default;filter:none}.hb-run-editor{position:relative;display:flex}.hb-run-gutter{flex:none;width:42px;padding:16px 10px 16px 0;overflow:hidden;text-align:right;white-space:pre;font-family:var(--mono);font-size:var(--fs-caption);line-height:1.6;color:var(--text-faint);user-select:none;border-right:1px solid var(--border-subtle)}.hb-run-editor pre{flex:1;min-width:0;margin:0;padding:16px 18px;border:0;border-radius:0;background:transparent!important;overflow:hidden}.hb-run-editor pre,.hb-run-editor pre code,.hb-run-input{font-family:var(--mono);font-size:var(--fs-caption);line-height:1.6;letter-spacing:normal;tab-size:4;font-variant-ligatures:none}.hb-run-input{position:absolute;inset:0 0 0 42px;width:calc(100% - 42px);height:100%;padding:16px 18px;margin:0;border:0;resize:none;outline:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text);white-space:pre;overflow:auto}.hb-run-input::selection{background:var(--accent-soft)}.hb-run .hljs-keyword,.hb-run .hljs-operator{color:var(--syn-plum)}.hb-run .hljs-string{color:var(--syn-green)}.hb-run .hljs-comment{color:var(--text-3)}.hb-run .hljs-number,.hb-run .hljs-literal{color:var(--syn-amber)}.hb-run .hljs-title,.hb-run .hljs-built_in,.hb-run .hljs-meta{color:var(--accent-text)}.hb-run .hljs-title.class_,.hb-run .hljs-type{color:var(--syn-cyan)}.hb-run .hljs-params,.hb-run .hljs-subst{color:var(--text)}.hb-run-out{border-top:1px solid var(--border-subtle)}.hb-run-out-head{display:flex;align-items:center;gap:10px;padding:9px 18px 0;font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--text-3)}.hb-run-time{margin-left:auto}.hb-article .hb-run-out-body,.hb-run-out-body{margin:0;padding:7px 18px 14px;border:0;border-radius:0;background:transparent;font-family:var(--mono);font-size:var(--fs-caption);line-height:1.6;color:var(--text-2);white-space:pre-wrap;overflow-x:auto}.hb-run-out-body.is-error{color:var(--coral-text)}.hb-run-out-body.is-note{color:var(--text-3);font-style:italic}.hb-aside-link{margin-top:16px;font-size:var(--fs-caption);line-height:1.6;color:var(--text-3);max-width:640px;text-wrap:pretty}.hb-aside-link a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.hb-run-stdin{border-top:1px solid var(--border-subtle);padding:9px 18px 12px}.hb-run-stdin-head{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--text-3);margin-bottom:6px}.hb-run-stdin-hint{letter-spacing:0;color:var(--text-faint)}.hb-run-stdin-input{width:100%;resize:vertical;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-panel);color:var(--text);padding:8px 11px;font-family:var(--mono);font-size:var(--fs-caption);line-height:1.6}.hb-run-stdin-input:focus{outline:none;border-color:var(--border-strong)}.hb-run-stdin-input::placeholder{color:var(--text-faint)}@media(pointer:coarse){.hb-run-editor pre,.hb-run-editor pre code,.hb-run-input,.hb-run-gutter,.hb-run-stdin-input{font-size:16px}.hb-article .hb-article-next a,.hb-run-ghost,.hb-run-btn{min-height:44px}}@media(max-width:480px){.hb-run-bar{align-items:flex-start;flex-wrap:wrap}.hb-run-actions{width:100%;margin-left:0}.hb-run-ghost,.hb-run-btn{flex:1}}