.hb-main{padding-top:78px;padding-bottom:8px;min-height:64vh}.hb-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:100;transform-origin:0 50%;transform:scaleX(0);background:var(--teal);will-change:transform}.hb-hero{padding:30px 0 22px}.hb-hero h1{max-width:16ch;margin-top:6px}.hb-hero .lead{max-width:56ch;margin-top:18px}.hb-filter{margin-top:26px;display:grid;grid-gap:16px;gap:16px}.hb-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:12px 18px;max-width:460px;box-shadow:var(--shadow)}.hb-search input{border:0;outline:0;background:transparent;width:100%;font:500 15px Inter,sans-serif;color:var(--ink)}.hb-search input::placeholder{font-family:var(--mono);font-size:13px;color:var(--ink3)}.hb-search .ic{color:var(--ink3);flex:none}.hb-pillrow{display:flex;flex-wrap:wrap;gap:9px}.hb-pillbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:99px;padding:8px 15px;font:700 12px/1 var(--mono);letter-spacing:.04em;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.hb-pillbtn:hover{border-color:var(--ink3);color:var(--ink)}.hb-pillbtn.on{background:var(--teal);border-color:var(--teal);color:white}.hb-search:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.hb-pillbtn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-featured{margin-top:34px;display:grid;grid-template-columns:1.05fr 1fr;grid-gap:0;gap:0;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.hb-featured:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hb-featured .cover{min-height:300px}.hb-featured .body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center}.hb-featured .body h2{font-size:clamp(24px,2.4vw,34px);margin:14px 0 10px}.hb-featured .body .excerpt{color:var(--ink2);font-size:15.5px;line-height:1.6}.hb-cover{aspect-ratio:16/9;background:var(--teal-bg);background-size:cover;background-position:50%;position:relative;overflow:hidden}.hb-cover.tall{aspect-ratio:auto;height:100%}.hb-cover .glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(30px,5vw,60px) var(--mono);color:var(--teal);opacity:.5;letter-spacing:.1em}.hb-cards{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.hb-card{padding:0;overflow:hidden}.hb-card,.hb-card .body{display:flex;flex-direction:column}.hb-card .body{padding:20px 22px 22px;gap:10px;flex:1 1}.hb-card h3{font-size:19px;line-height:1.25;transition:color .18s var(--ease)}.hb-card:hover h3{color:var(--teal)}.hb-card .excerpt{color:var(--ink2);font-size:14.5px;line-height:1.55;flex:1 1}.hb-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:600 12px var(--mono);color:var(--ink3)}.hb-meta .dot:before{content:"·";margin-right:8px}.hb-empty{margin:48px auto;max-width:520px;text-align:center;padding:40px 28px}.hb-empty .mono{font-family:var(--mono);color:var(--ink2);font-size:14px;margin:12px 0 20px}.hb-detail{display:grid;grid-template-columns:minmax(0,1fr) 288px;grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);align-items:start;padding:8px 0 40px}.hb-article{min-width:0}.hb-header{padding:6px 0 8px}.hb-header h1{font-size:clamp(32px,4.4vw,54px);max-width:20ch;margin:12px 0 14px}.hb-header .dek{font-size:clamp(17px,1.4vw,20px);color:var(--ink2);max-width:60ch;line-height:1.5}.hb-byline{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.hb-avatar{width:42px;height:42px;border-radius:99px;background:var(--teal);color:white;display:grid;place-items:center;font:800 14px var(--mono);flex:none}.hb-byline .who b{font-size:15px}.hb-byline .who span{display:block;font:600 12px var(--mono);color:var(--ink3);margin-top:2px}.hb-share{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.hb-share a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font:700 12px var(--mono);color:var(--ink2);background:var(--surface);transition:border-color .18s var(--ease),color .18s var(--ease)}.hb-share a:hover{border-color:var(--teal);color:var(--teal)}.hb-share a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-hero-cover{margin:26px 0 6px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg)}.hb-block{margin:22px 0}.hb-measure{max-width:68ch}.hb-prose{color:var(--ink2);font-size:17px;line-height:1.72}.hb-prose p{margin:0 0 16px}.hb-prose a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.hb-prose ol,.hb-prose ul{margin:0 0 16px 1.1em;display:grid;grid-gap:8px;gap:8px}.hb-prose li{padding-left:4px}.hb-prose b,.hb-prose strong{color:var(--ink)}.hb-prose code{font:600 14px var(--mono);background:var(--teal-bg);color:var(--teal);padding:2px 6px;border-radius:6px}.hb-prose blockquote{border-left:3px solid var(--line);padding-left:16px;color:var(--ink2);margin:0 0 16px}.hb-h2{margin:40px 0 8px}.hb-h2,.hb-h3{scroll-margin-top:96px}.hb-h3{margin:30px 0 6px}.hb-h4{margin:24px 0 4px;scroll-margin-top:96px;font-size:18px}.hb-tldr{background:var(--teal-bg);border-color:var(--teal2);padding:22px 24px;margin:6px 0 26px}.hb-tldr .kicker{margin-bottom:12px}.hb-tldr ul{list-style:none;display:grid;grid-gap:10px;gap:10px}.hb-tldr li{display:flex;gap:10px;color:var(--ink);font-size:15.5px;line-height:1.5}.hb-tldr li .ck{color:var(--teal);font-weight:800;flex:none}.hb-quote{margin:30px 0;border:0}.hb-quote blockquote{font-size:clamp(22px,2.4vw,30px);line-height:1.32;font-weight:800;letter-spacing:-.02em;color:var(--teal);border-left:4px solid var(--teal);padding-left:22px}.hb-quote figcaption{margin-top:14px;padding-left:22px;font:600 13px var(--mono);color:var(--ink3)}.hb-figure{margin:28px 0}.hb-figure img{width:100%;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.hb-figure figcaption{margin-top:10px;font:600 12.5px var(--mono);color:var(--ink3);text-align:center}.hb-statband{margin:28px 0;padding:12px 8px}.hb-comparison{margin:28px 0;overflow-x:auto}.ctable thead th.hb-win,.hb-win{background:var(--teal-bg)}.ctable thead th.hb-win{color:var(--teal)}.hb-case{margin:28px 0;padding:22px 24px;border-left:3px solid var(--violet)}.hb-case .lbl{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hb-case .lbl .ind{font:600 12px var(--mono);color:var(--ink3)}.hb-case h4{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:14px 0 4px}.hb-case p{color:var(--ink2);font-size:15px;line-height:1.6}.hb-capability{margin:28px 0}.hb-capability .fi{font-size:22px}.hb-capability .cap-label{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.hb-callout{margin:26px 0;padding:20px 22px;border-left:3px solid var(--ink3)}.hb-callout .title{font-weight:800;color:var(--ink);margin:10px 0 6px}.hb-callout p{color:var(--ink2);font-size:15px;line-height:1.6}.hb-callout-info{background:var(--blue-bg);border-left-color:var(--blue)}.hb-callout-success{background:var(--green-bg);border-left-color:var(--green)}.hb-callout-warning{background:var(--amber-bg);border-left-color:var(--amber)}.hb-callout-danger{background:var(--red-bg);border-left-color:var(--red)}.hb-callout-teal{background:var(--teal-bg);border-left-color:var(--teal)}.hb-ctaband{margin:34px 0;background:var(--teal);color:white;border-radius:22px;padding:clamp(28px,4vw,48px);text-align:center}.hb-ctaband h2{color:white;font-size:clamp(24px,2.6vw,36px)}.hb-ctaband p{color:white;opacity:.92;max-width:52ch;margin:12px auto 0}.hb-ctaband .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.hb-ctaband .btn.solid{background:white;color:var(--teal)}.hb-ctaband .btn.solid:hover{transform:translateY(-2px)}.hb-ctaband .btn.ghost{background:transparent;color:white;border-color:currentColor}.hb-divider{border:0;border-top:1px solid var(--line);margin:34px 0}.hb-blockmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 0}.hb-sup{font:700 11px var(--mono);color:var(--teal);vertical-align:super;text-decoration:none;margin-left:3px}.hb-sup:hover{text-decoration:underline}.hb-blockmeta .src{font:600 12px var(--mono);color:var(--ink3)}.hb-sources{margin:40px 0 8px;padding-top:22px;border-top:1px solid var(--line)}.hb-sources ol{margin:14px 0 0 1.2em;display:grid;grid-gap:10px;gap:10px}.hb-sources li{color:var(--ink2);font-size:14px;line-height:1.5}.hb-sources a{color:var(--teal);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.hb-faq{margin:30px 0}.hb-faq .faq{margin:0}.hb-faq .srcnote{font:600 12px var(--mono);color:var(--ink3);padding:0 0 16px}.hb-rail{position:-webkit-sticky;position:sticky;top:92px;display:grid;grid-gap:18px;gap:18px;align-self:start}.hb-toc h4,.hb-toc-inline h4{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}.hb-toc nav{display:grid;grid-gap:2px;gap:2px;border-left:2px solid var(--line)}.hb-toc a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink2);font-size:13.5px;line-height:1.4;transition:color .16s var(--ease),border-color .16s var(--ease)}.hb-toc a.lvl3{padding-left:26px;font-size:13px;color:var(--ink3)}.hb-toc a.on,.hb-toc a:hover{color:var(--teal)}.hb-toc a.on{border-left-color:var(--teal);font-weight:700}.hb-toc a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hb-toc-inline{padding:20px 22px;margin:26px 0}.hb-toc-inline ol{margin:0 0 0 1.1em;display:grid;grid-gap:8px;gap:8px}.hb-toc-inline a{color:var(--ink2);font-size:14.5px}.hb-toc-inline a:hover{color:var(--teal)}.hb-demo{padding:22px 22px 24px}.hb-demo .kicker{margin-bottom:10px}.hb-demo p{font-size:14px;color:var(--ink2);margin:0 0 16px;line-height:1.55}.hb-demo .btn{width:100%;justify-content:center}.hb-author{margin:40px 0 8px;padding:24px;display:flex;gap:16px;align-items:center}.hb-author .who b{font-size:16px}.hb-author .who p{font-size:14px;color:var(--ink2);margin-top:4px;max-width:60ch}.hb-related{margin-top:12px}.hb-related .grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.hb-skel{border-radius:12px;background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:hb-shim 1.3s var(--ease) infinite}@keyframes hb-shim{0%{background-position:200% 0}to{background-position:-200% 0}}.hb-skel-hero{height:46px;max-width:60%;margin:40px 0 14px}.hb-skel-line{height:14px;margin:8px 0}.hb-skel-cards{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.hb-skel-card{height:300px;border-radius:16px}.hb-404{padding:90px 0 60px;text-align:center;max-width:560px;margin:0 auto}.hb-404 .code{font:800 clamp(60px,10vw,120px) var(--mono);color:var(--teal);line-height:1}@media (max-width:980px){.hb-detail{grid-template-columns:1fr}.hb-rail{position:static;top:auto}.hb-cards,.hb-related .grid,.hb-skel-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.hb-featured{grid-template-columns:1fr}.hb-featured .cover{min-height:200px}.hb-cards,.hb-related .grid,.hb-skel-cards{grid-template-columns:1fr}.hb-share{margin-left:0}}@media (prefers-reduced-motion:reduce){.hb-skel{animation:none}.hb-card h3,.hb-featured,.hb-pillbtn,.hb-share a,.hb-toc a{transition:none}}