/* 'Built by Walter' page only (linked from that page; uses the shared colour variables). */
.bbw h2{margin-top:64px}
.bbw .lead{max-width:760px}
.bbw-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 10px}
.bbw-n{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:2px}
.bbw-n strong{font-size:clamp(36px,4.6vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.03em;
  background:linear-gradient(120deg,var(--glow),var(--glow2));-webkit-background-clip:text;background-clip:text;color:transparent}
.bbw-n span{font-weight:650}
.bbw-n small{color:var(--muted);font-size:13.5px;line-height:1.4}
.bbw-asof{margin-top:6px}

.bbw-strip{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;counter-reset:s}
.bbw-strip li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 14px 14px;counter-increment:s}
.bbw-strip li:before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:rgba(88,196,255,.14);color:var(--glow);font-size:13px;font-weight:700;margin-bottom:8px}
.bbw-strip strong{display:block;line-height:1.25}
.bbw-strip span{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:4px}

.bbw-time{list-style:none;padding:0;margin:22px 0 0;position:relative}
.bbw-time:before{content:"";position:absolute;left:92px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--glow),var(--glow2));opacity:.45}
.bbw-m{display:grid;grid-template-columns:76px 1fr;gap:34px;padding:12px 0;position:relative}
.bbw-m:after{content:"";position:absolute;left:87px;top:21px;width:12px;height:12px;border-radius:50%;background:var(--glow);box-shadow:0 0 12px var(--glow)}
.bbw-m time{text-align:right;color:var(--muted);font-size:15px;padding-top:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.bbw-m h3{margin:0 0 2px;font-size:20px}
.bbw-m p{margin:0;color:var(--muted)}
.bbw-m .bbw-commit{font-size:13px;margin-top:4px;opacity:.85;overflow-wrap:anywhere}
.bbw-commit code{color:var(--glow);font-size:12.5px}

.bbw-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px}
.bbw-two h2{margin:0 0 10px;font-size:26px}
.bbw-two ul{margin:0;padding-left:20px;color:var(--muted)}
.bbw-two li{margin:6px 0}
.bbw-limits{border-color:rgba(255,212,138,.35)}

.bbw-lessons{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.bbw-lessons blockquote{margin:0;height:100%;padding:18px 20px;border-left:3px solid var(--warm);background:var(--card);border-radius:0 14px 14px 0;font-size:17px}
.bbw-cta{margin-top:48px;display:flex;gap:12px;flex-wrap:wrap}

@media (max-width:900px){
  .bbw-nums{grid-template-columns:repeat(2,1fr)}
  .bbw-strip{grid-template-columns:repeat(3,1fr)}
  .bbw-two{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bbw-strip{grid-template-columns:1fr 1fr}
  .bbw-time:before{left:10px}
  .bbw-m{grid-template-columns:1fr;gap:2px;padding-left:34px}
  .bbw-m:after{left:5px}
  .bbw-m time{text-align:left;padding-top:0}
  .bbw h2{margin-top:48px}
}