.bwb-crumbs{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.bwb-crumbs a{font-weight:600;color:var(--ink2)!important}.bwb-crumbs span[aria-hidden]{color:var(--line2)}.bwb-kick{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--tone-text,var(--acct));font-size:10px;line-height:1.6;display:inline-block}.bwb-pill{background:var(--tone-soft,var(--bg2));white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex;color:var(--tone-text,var(--ink2))!important;text-decoration:none!important}a.bwb-pill:hover{box-shadow:inset 0 0 0 1px var(--tone-text,var(--line2))}.bwb-topics{flex-wrap:wrap;gap:8px;display:flex}.bwb-topics a{border:1px solid var(--line2);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex;color:var(--ink2)!important;text-decoration:none!important}.bwb-topics a:hover{border-color:var(--ink3);color:var(--ink)!important}.bwb-topics a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff!important}.bwb-topics a small{font:600 12px var(--font-mono);color:var(--ink3)}.bwb-topics a[aria-current=page] small{color:#c3ccd9}.bwb-card{border:1px solid var(--line);height:100%;transition:border-color .2s, transform .25s var(--ease-push), box-shadow .25s;background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;color:var(--ink)!important;text-decoration:none!important}.bwb-card:hover{border-color:var(--line2);box-shadow:var(--sh);transform:translateY(-2px)}.bwb-card img{aspect-ratio:1200/630;object-fit:cover;background:var(--tone-tint,var(--bg2));border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.bwb-card .b{flex-direction:column;flex:1;padding:18px 20px 22px;display:flex}.bwb-card .m{font:500 12.5px var(--font-mono);color:var(--ink3);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.bwb-card h2,.bwb-card h3{letter-spacing:-.015em;text-wrap:balance;margin-top:10px;font-size:18px;font-weight:800;line-height:1.3}.bwb-card p{color:var(--ink2);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:14.5px;display:-webkit-box;overflow:hidden}.bwb-card .go{color:var(--blue);align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;display:inline-flex}.bwb-card.feat h2{letter-spacing:-.025em;font-size:clamp(22px,2.4vw,30px);line-height:1.18}.bwb-card.feat p{-webkit-line-clamp:4;font-size:16px}.bwb-card.feat .b{padding:24px 26px 28px}.bwb-card.row{flex-direction:row;align-items:stretch}.bwb-card.row img{aspect-ratio:auto;object-fit:contain;border-bottom:0;border-right:1px solid var(--line);flex:none;width:168px;height:auto}.bwb-card.row .b{padding:14px 16px}.bwb-card.row h3{margin-top:6px;font-size:16px}.bwb-card.row p{-webkit-line-clamp:2;font-size:14px}.bwb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.bwb-grid>li{min-width:0;display:block}.bwb-hero{border-bottom:1px solid var(--line);background:linear-gradient(var(--tone-tint,var(--bg2)), #fff);padding:56px 0 40px}.bwb-hero h1{letter-spacing:-.04em;max-width:18ch;margin-top:14px;font-size:clamp(36px,4.8vw,60px);font-weight:800;line-height:1.04}.bwb-hero .lead{color:var(--ink2);text-wrap:pretty;max-width:60ch;margin-top:18px;font-size:19px;line-height:1.6}.bwb-hero .bwb-topics{margin-top:28px}.bwb-hero .bwb-crumbs{margin-bottom:18px}.bwb-hero .facts{color:var(--ink3);flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14.5px;font-weight:600;display:flex}.bwb-hero .facts span{align-items:center;gap:7px;display:inline-flex}.bwb-hero .facts svg{color:var(--ok)}.bwb-sec{padding:56px 0}.bwb-sec+.bwb-sec{padding-top:8px}.bwb-sec-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.bwb-sec-h h2{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.15}.bwb-sec-h a{align-items:center;gap:6px;font-weight:700;display:inline-flex}.bwb-feature{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.bwb-feature .side{flex-direction:column;gap:14px;display:flex}.bwb-feature .side>*{flex:1}.bwb-intro{max-width:70ch;color:var(--ink2);font-size:17px;line-height:1.7}.bwb-intro p+p{margin-top:12px}.bwb-intro a{font-weight:600}.bwb-post{padding:40px 0 0}.bwb-post-grid{grid-template-columns:minmax(0,720px) 248px;justify-content:center;gap:72px;display:grid}.bwb-head{max-width:720px}.bwb-head .bwb-kick{margin-top:22px}.bwb-head h1{letter-spacing:-.035em;margin-top:12px;font-size:clamp(32px,4.4vw,50px);font-weight:800;line-height:1.07}.bwb-head .lead{color:var(--ink2);text-wrap:pretty;margin-top:18px;font-size:19.5px;line-height:1.6}.bwb-byline{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px;padding-top:22px;display:flex}.bwb-byline .who{align-items:center;gap:12px;display:flex}.bwb-avatar{background:var(--orange-50);width:42px;height:42px;color:var(--acct);border:1px solid #fed7aa;border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.bwb-byline .who a{font-weight:700;color:var(--ink)!important}.bwb-byline .who small{color:var(--ink3);font-size:13px;line-height:1.3;display:block}.bwb-byline .when{font:500 13px var(--font-mono);color:var(--ink3);flex-wrap:wrap;gap:4px 14px;display:flex}.bwb-byline .when b{color:var(--ink2);font-weight:600}.bwb-head .bwb-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.bwb-cover{max-width:1040px;margin:32px auto 0}.bwb-cover img{aspect-ratio:1200/630;border:1px solid var(--line);background:var(--tone-tint,var(--bg2));border-radius:20px;width:100%;height:auto;display:block}.bwb-cover figcaption{color:var(--ink3);text-align:center;margin-top:10px;font-size:13.5px}.bwb-body{padding-top:40px}.bwb-progress{z-index:50;transform-origin:0;background:var(--tone,var(--orange-500));pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.bwb-toc{align-self:start;max-height:calc(100vh - 120px);padding-bottom:24px;position:sticky;top:92px;overflow:auto}.bwb-toc .bwb-kick{margin-bottom:14px}.bwb-toc ol{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.bwb-toc li a{border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 14px;font-size:14px;line-height:1.4;transition:color .15s,border-color .15s;display:block;color:var(--ink3)!important;text-decoration:none!important}.bwb-toc li a:hover{color:var(--ink)!important}.bwb-toc li a[aria-current=true]{border-left-color:var(--tone,var(--orange-500));font-weight:700;color:var(--ink)!important}.bwb-toc .try{background:var(--bg2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;margin-top:24px;padding:16px;display:flex}.bwb-toc .try b{font-size:15px;line-height:1.3}.bwb-toc .try>span{color:var(--ink3);font-size:13.5px;line-height:1.45}.bwb-toc .try .bw-push,.bwb-toc .try .bw-push .front{width:100%;display:flex}.bwb-toc-m{border:1px solid var(--line);background:var(--bg2);border-radius:14px;margin:0 0 8px;display:none}.bwb-toc-m summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-weight:700;list-style:none;display:flex}.bwb-toc-m summary::-webkit-details-marker{display:none}.bwb-toc-m summary svg{color:var(--ink3);transition:transform .2s}.bwb-toc-m[open] summary svg{transform:rotate(180deg)}.bwb-toc-m ol{flex-direction:column;gap:6px;margin:0;padding:0 16px 14px 36px;font-size:15px;display:flex}.bwb-toc-m a{color:var(--ink2)!important}.bwb-prose{color:var(--ink2);min-width:0;font-size:18px;line-height:1.75}.bwb-prose>:first-child{margin-top:0}.bwb-prose :where(p):not(:where(.not-prose,.not-prose *)){margin:1.2em 0}.bwb-prose :where(h2):not(:where(.not-prose,.not-prose *)),.bwb-prose :where(h3):not(:where(.not-prose,.not-prose *)),.bwb-prose :where(h4):not(:where(.not-prose,.not-prose *)){color:var(--ink);scroll-margin-top:88px}.bwb-prose :where(h2):not(:where(.not-prose,.not-prose *)){letter-spacing:-.028em;border-top:1px solid var(--line);margin:2.3em 0 .55em;padding-top:1.1em;font-size:clamp(25px,2.6vw,31px);font-weight:800;line-height:1.2}.bwb-prose :where(h3):not(:where(.not-prose,.not-prose *)){letter-spacing:-.018em;margin:1.9em 0 .5em;font-size:21px;font-weight:800;line-height:1.3}.bwb-prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1.6em 0 .4em;font-size:18px;font-weight:700}.bwb-prose :where(h2+h3):not(:where(.not-prose,.not-prose *)){margin-top:1em}.bwb-prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--blue);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--blue) 30%, transparent);text-underline-offset:3px;font-weight:600;text-decoration-thickness:1.5px}.bwb-prose :where(a:hover):not(:where(.not-prose,.not-prose *)){text-decoration-color:currentColor}.bwb-prose :where(strong):not(:where(.not-prose,.not-prose *)){color:var(--ink);font-weight:700}.bwb-prose :where(em):not(:where(.not-prose,.not-prose *)){color:var(--ink)}.bwb-prose :where(ul):not(:where(.not-prose,.not-prose *)),.bwb-prose :where(ol):not(:where(.not-prose,.not-prose *)){margin:1.1em 0;padding-left:1.4em}.bwb-prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style:outside}.bwb-prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style:decimal}.bwb-prose :where(li):not(:where(.not-prose,.not-prose *)){margin:.45em 0;padding-left:.2em}.bwb-prose :where(ul>li):not(:where(.not-prose,.not-prose *))::marker{color:var(--tone,var(--orange-500))}.bwb-prose :where(ol>li):not(:where(.not-prose,.not-prose *))::marker{color:var(--ink3);font:600 .85em var(--font-mono)}.bwb-prose :where(li>p):not(:where(.not-prose,.not-prose *)){margin:.4em 0}.bwb-prose :where(hr):not(:where(.not-prose,.not-prose *)){border:0;border-top:1px solid var(--line);margin:3em 0}.bwb-prose :where(img):not(:where(.not-prose,.not-prose *)){border:1px solid var(--line);border-radius:14px}.bwb-prose :where(blockquote):not(:where(.not-prose,.not-prose *)){border-left:4px solid var(--tone,var(--orange-500));background:var(--tone-tint,var(--bg2));color:var(--ink2);border-radius:0 14px 14px 0;margin:1.6em 0;padding:14px 20px}.bwb-prose :where(blockquote p):not(:where(.not-prose,.not-prose *)){margin:.4em 0}.bwb-prose :where(kbd):not(:where(.not-prose,.not-prose *)){font:600 .82em var(--font-mono);border:1px solid var(--line2);color:var(--ink);background:#fff;border-bottom-width:3px;border-radius:6px;padding:.1em .45em}.bwb-prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)){font-family:var(--font-mono);border:1px solid var(--line);color:var(--code-inline);word-break:break-word;background:#f1f5f9;border-radius:6px;padding:.14em .42em;font-size:.84em;font-weight:500}.bwb-prose :where(a code):not(:where(.not-prose,.not-prose *)){color:inherit}.bwb-prose :where(table):not(:where(.not-prose,.not-prose *)){border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;width:100%;max-width:100%;margin:1.6em 0;font-size:15.5px;line-height:1.55;display:block;overflow-x:auto}.bwb-prose :where(thead th):not(:where(.not-prose,.not-prose *)){background:var(--bg2);color:var(--ink);text-align:left;white-space:nowrap;font-weight:700}.bwb-prose :where(th):not(:where(.not-prose,.not-prose *)),.bwb-prose :where(td):not(:where(.not-prose,.not-prose *)){border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.bwb-prose :where(tr:last-child td):not(:where(.not-prose,.not-prose *)){border-bottom:0}.bwb-prose :where(td+td):not(:where(.not-prose,.not-prose *)),.bwb-prose :where(th+th):not(:where(.not-prose,.not-prose *)){border-left:1px solid var(--line)}.bwb-prose :where(h2[id^=faq]~h3):not(:where(.not-prose,.not-prose *)){padding-left:40px;font-size:19px;position:relative}.bwb-prose :where(h2[id^=faq]~h3):not(:where(.not-prose,.not-prose *)):before{content:"?";background:var(--tone-soft,var(--orange-50));width:28px;height:28px;color:var(--tone-text,var(--acct));font:800 15px var(--font-sans);border-radius:9px;place-items:center;display:grid;position:absolute;top:0;left:0}.bwb-prose :where(h2[id^=faq]~h3+p):not(:where(.not-prose,.not-prose *)){margin-top:.3em;padding-left:40px}.bwb-code{background:#0f172a;border-radius:16px;margin:1.6em 0;overflow:hidden;box-shadow:0 1px 2px #0f172a14,0 14px 32px #0f172a1f}.bwb-code-bar{background:#0a101e;align-items:center;gap:12px;height:38px;padding:0 8px 0 14px;display:flex}.bwb-code-bar .dots{gap:6px;display:flex}.bwb-code-bar .dots i{background:#f87171;border-radius:50%;width:10px;height:10px}.bwb-code-bar .dots i:nth-child(2){background:#fbbf24}.bwb-code-bar .dots i:nth-child(3){background:#34d399}.bwb-code-bar .lang{font:500 12px var(--font-mono);color:#8d99ab}.bwb-code-bar .copy{color:#c3ccd9;height:26px;font:600 12px var(--font-sans);background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;display:inline-flex}.bwb-code-bar .copy:hover{color:#fff;background:#ffffff0f}.bwb-code-bar .copy[data-done=true]{color:#86efac;border-color:#86efac59}.bwb-code pre{font-family:var(--font-mono);tab-size:2;margin:0;padding:16px 20px 18px;font-size:14.5px;line-height:1.7;overflow-x:auto;background:0 0!important}.bwb-code pre code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.bwb-prose .not-prose{font-size:16px;line-height:1.6}.bwb-author{border:1px solid var(--line);background:var(--bg2);border-radius:20px;grid-template-columns:56px minmax(0,1fr);gap:16px;margin-top:56px;padding:22px;display:grid}.bwb-author .bwb-avatar{border-radius:16px;width:56px;height:56px;font-size:19px}.bwb-author small{font:600 12px var(--font-mono);color:var(--ink3)}.bwb-author b{margin-top:2px;font-size:18px;display:block}.bwb-author p{color:var(--ink2);text-wrap:pretty;margin-top:6px;font-size:15px}.bwb-author .links{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:14.5px;font-weight:700;display:flex}.bwb-cta{color:#fff;background:#0f172a;border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:28px;padding:36px;display:grid;position:relative;overflow:hidden}.bwb-cta .bwb-kick{color:#fdba74}.bwb-cta h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.12}.bwb-cta p{color:#c3ccd9;text-wrap:pretty;max-width:46ch;margin-top:10px;font-size:16.5px}.bwb-cta .ctas{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.bwb-cta .bw-push:focus-visible .front{box-shadow:0 0 0 2px #0f172a,0 0 0 4px #fdba74}.bwb-cta .ghost{border:2px solid #ffffff2e;border-radius:12px;align-items:center;padding:12px 18px;font-weight:700;display:inline-flex;color:#fff!important;text-decoration:none!important}.bwb-cta .ghost:hover{border-color:#fff6}.bwb-cta .warga{width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 10px #00000040)}.bwb-related{background:var(--bg2);border-top:1px solid var(--line);margin-top:64px;padding:64px 0 80px}@media (width<=1100px){.bwb-post-grid{grid-template-columns:minmax(0,720px);gap:0}.bwb-toc{display:none}.bwb-toc-m{display:block}}@media (width<=960px){.bwb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bwb-feature{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.bwb-hero{padding:36px 0 28px}.bwb-hero .lead{font-size:17px}.bwb-post{padding-top:24px}.bwb-head .lead{font-size:17.5px}.bwb-prose{font-size:17px}.bwb-prose h2[id^=faq]~h3,.bwb-prose h2[id^=faq]~h3+p{padding-left:0}.bwb-prose h2[id^=faq]~h3:before{vertical-align:2px;width:24px;height:24px;margin-right:10px;font-size:13px;display:inline-grid;position:static}.bwb-code{border-radius:12px;margin-left:-4px;margin-right:-4px}.bwb-code pre{padding:14px 16px;font-size:13.5px}.bwb-cover img{border-radius:14px}.bwb-cta{grid-template-columns:minmax(0,1fr);padding:26px 22px}.bwb-cta .warga{display:none}.bwb-card.row img{width:120px}}@media (width<=600px){.bwb-grid{grid-template-columns:minmax(0,1fr)}}.bw-fig__kick{font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--acct);font-size:10px;line-height:1.6}.pg-range{appearance:none;cursor:pointer;--pg-fill:50%;background:0 0;width:100%;height:24px;margin:0;display:block}.pg-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #f97316 var(--pg-fill), #e2e8f0 var(--pg-fill));border-radius:99px;height:8px}.pg-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #f97316;border-radius:50%;width:22px;height:22px;margin-top:-7px;transition:transform .1s;box-shadow:0 2px #d15a05}.pg-range:active::-webkit-slider-thumb{transform:scale(1.12)}.pg-range::-moz-range-track{background:#e2e8f0;border-radius:99px;height:8px}.pg-range::-moz-range-progress{background:#f97316;border-radius:99px;height:8px}.pg-range::-moz-range-thumb{background:#fff;border:3px solid #f97316;border-radius:50%;width:16px;height:16px;box-shadow:0 2px #d15a05}.pg-range:focus-visible{outline:none}.pg-range:focus-visible::-webkit-slider-thumb{box-shadow:0 2px #d15a05,0 0 0 5px #f9731640}.pg-range:focus-visible::-moz-range-thumb{box-shadow:0 2px #d15a05,0 0 0 5px #f9731640}.pg-color{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:44px;height:32px;padding:0}.pg-color::-webkit-color-swatch-wrapper{padding:0}.pg-color::-webkit-color-swatch{border:1px solid #0f172a26;border-radius:8px}.pg-color::-moz-color-swatch{border:1px solid #0f172a26;border-radius:8px}
