/* "What is it built with?" results. Mobile first. */
.bw{margin:36px 0 64px}
.bw-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:5px;border-radius:22px;background:var(--kb-ffffff08,#ffffff08);box-shadow:inset 0 1px 0 var(--ks-ffffff10,#ffffff10);margin-bottom:28px}
.bw-shot{margin:0;border-radius:17px;overflow:hidden;background:var(--kb-0f0c13,#0f0c13);box-shadow:inset 0 0 0 1px var(--ks-ffffff0e,#ffffff0e)}
.bw-browser{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;border-bottom:1px solid var(--ft-line);background:var(--kb-141318,#141318)}
.bw-browser>span{display:flex;gap:5px}.bw-browser>span i{width:8px;height:8px;border-radius:50%;background:var(--kb-3a3640,#3a3640)}
.bw-browser b{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:20px;margin-right:30px;border-radius:6px;background:var(--kb-0b0a0d,#0b0a0d);font:500 11.5px Geist,Arial,sans-serif;color:var(--ft-dim);overflow:hidden;white-space:nowrap}
.bw-shot>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.bw-answer{padding:12px 22px 14px 0}
.bw-kicker{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ft-purple)}
.bw-answer h2{margin:0 0 16px;font-size:clamp(22px,2.6vw,30px);line-height:1.18;letter-spacing:-.03em}
.bw-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.bw-highlights span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:10px;background:var(--kb-221e29,#221e29);box-shadow:inset 0 1px 0 var(--ks-ffffff12,#ffffff12),inset 0 0 0 1px var(--ks-ffffff0a,#ffffff0a);font-size:13px;font-weight:600}
.bw-highlights img{width:18px;height:18px;object-fit:contain}
.bw-actions{display:flex;flex-wrap:wrap;gap:8px}
.bw-none{text-align:center;color:var(--ft-dim);padding:24px;border:1px dashed var(--ft-line2);border-radius:16px}
.bw-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:14px;align-items:start}
.bw-group{padding:18px 18px 16px;border-radius:18px;background:var(--kb-ffffff06,#ffffff06);box-shadow:inset 0 1px 0 var(--ks-ffffff0d,#ffffff0d),inset 0 0 0 1px var(--ks-ffffff08,#ffffff08)}
.bw-group h3{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--kt-ffffffe0,#ffffffe0)}
.bw-group h3 svg{color:var(--ft-purple)}
.bw-group h3 span{margin-left:auto;font-size:12px;font-weight:500;color:var(--ft-faint)}
.bw-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bw-tech{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 12px;border-radius:13px;background:var(--kb-0f0e12,#0f0e12);box-shadow:inset 0 0 0 1px var(--ks-ffffff0b,#ffffff0b);color:inherit;text-decoration:none;transition:background .2s,box-shadow .2s,translate .2s}
a.bw-tech:hover{background:var(--kb-17151c,#17151c);box-shadow:inset 0 0 0 1px var(--ks-ffffff1c,#ffffff1c);translate:0 -1px}
.bw-logo{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--kb-ffffff0c,#ffffff0c);box-shadow:inset 0 1px 0 var(--ks-ffffff12,#ffffff12)}
.bw-logo img{width:22px;height:22px;object-fit:contain}
.bw-logo b{font-size:16px;color:var(--ft-dim)}
.bw-logo-type b{font-size:17px;color:var(--ft-text);font-weight:500}
.bw-tech-text{display:grid;gap:2px;min-width:0}
.bw-tech-name{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-tech-name em{font-style:normal;font:600 10.5px var(--ft-mono);padding:2px 6px;border-radius:5px;background:var(--kb-ffffff10,#ffffff10);color:var(--ft-dim)}
.bw-tech-name i{font-style:normal;font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:5px;background:#f0c67418;color:var(--ft-amber)}
.bw-tech-text small{display:flex;align-items:center;gap:5px;font-size:12.5px;line-height:1.4;color:var(--kt-ffffff80,#ffffff80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bw-tech-text small img{width:12px;height:12px}
.bw-why{display:none!important}
@media (hover:hover){.bw-tech:hover .bw-why,.bw-tech:focus-visible .bw-why{display:block!important;color:var(--kt-ffffff59,#ffffff59);white-space:normal}}
.bw-swatches{display:flex;flex-wrap:wrap;gap:8px}
.bw-swatches button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px 0 6px;border:0;border-radius:10px;background:var(--kb-0f0e12,#0f0e12);box-shadow:inset 0 0 0 1px var(--ks-ffffff0e,#ffffff0e);color:var(--ft-dim);font:500 12px var(--ft-mono);cursor:pointer}
.bw-swatches button:hover{color:var(--ft-text);box-shadow:inset 0 0 0 1px var(--ks-ffffff26,#ffffff26)}
.bw-swatches i{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--ks-ffffff26,#ffffff26)}
.bw-more{display:inline-block;margin-top:12px;font-size:13px;color:var(--ft-dim)}
@media (max-width:820px){.bw-head{grid-template-columns:1fr;gap:4px}.bw-answer{padding:14px 14px 16px}.bw-browser b{margin-right:0}}
@media (max-width:600px){.bw{margin-top:24px}.bw-group{padding:14px 12px 12px}.bw-items{grid-template-columns:1fr}.bw-actions .ft-btn{flex:1 1 auto;justify-content:center;height:40px}.bw-tech{padding:10px}}

/* Inspector look (2026-10-22): solid hairlines, small corners, mono labels. */
.bw{margin:0}
.bw-head{padding:0;border:1px solid var(--ft-line2);border-radius:12px;background:var(--ft-card);box-shadow:0 2px 0 var(--ks-000,#000);overflow:hidden;gap:0}
.bw-shot{border-radius:0;border-right:1px solid var(--ft-line);box-shadow:none;background:var(--ft-panel)}
.bw-browser{background:var(--ft-panel)}
.bw-browser>span i{background:var(--kb-2e2e34,#2e2e34)}
.bw-browser b{border:1px solid var(--ft-line);border-radius:5px;background:var(--ft-bg);font:500 11px var(--ft-mono)}
.bw-answer{padding:24px 28px}
.bw-kicker{font:500 11.5px/1 var(--ft-mono);letter-spacing:.06em;color:var(--ft-faint)}
.bw-highlights span{height:32px;padding:0 10px 0 7px;border:1px solid var(--ft-line2);border-radius:7px;background:var(--ft-bg);box-shadow:0 1px 0 var(--ks-000,#000)}
.bw-none{border-radius:10px}
.bw-group{padding:18px;border:1px solid var(--ft-line2);border-radius:12px;background:var(--ft-card);box-shadow:0 2px 0 var(--ks-000,#000)}
.bw-group h3 span{font:500 11px var(--ft-mono)}
.bw-tech{border:1px solid var(--ft-line);border-radius:8px;background:var(--ft-bg);box-shadow:none;transition:border-color .15s,transform .15s}
a.bw-tech:hover{background:var(--ft-bg);border-color:var(--ft-sel);box-shadow:none;translate:none;transform:translateY(-1px)}
.bw-logo{width:38px;height:38px;border-radius:7px;background:var(--ft-card2);box-shadow:inset 0 0 0 1px var(--ft-line2)}
.bw-tech-name em{border-radius:4px;background:none;box-shadow:inset 0 0 0 1px var(--ft-line2)}
.bw-tech-name i{border-radius:4px}
.bw-swatches button{border:1px solid var(--ft-line2);border-radius:7px;background:var(--ft-bg);box-shadow:0 1px 0 var(--ks-000,#000)}
.bw-swatches button:hover{border-color:var(--ft-line3);box-shadow:0 1px 0 var(--ks-000,#000)}
.bw-swatches i{border-radius:4px}
@media (max-width:820px){.bw-shot{border-right:0;border-bottom:1px solid var(--ft-line)}.bw-answer{padding:16px}}