/* ============================================================
   DEADLINK : Section 04 "What's built"
   Square-native, matches the rest of the page. A framed REPLAY
   region (the runtime playing a recorded mission back on the grid),
   the event log shown as one live line, and the primitives as a
   quiet square-bulleted spec. No terminal box.
   ============================================================ */
.dl-sec4 .container-large{position:relative;z-index:2;padding-bottom:clamp(80px,9vw,150px)}
.dl-sec4 .dl-prob-copy{margin-bottom:clamp(34px,4.2vw,60px)}

/* live event line (elegant, not a console) */
.dl-rt-bar{display:flex;align-items:center;gap:.7rem;font-family:'Geist Mono',monospace;
  font-size:clamp(.72rem,.9vw,.82rem);letter-spacing:.06em;margin-bottom:clamp(12px,1.2vw,18px)}
.dl-rt-lead{color:rgba(var(--ow-rgb)/.4);white-space:nowrap}
.dl-rt-evt{color:var(--cyan);transition:color .25s ease}
.dl-rt-evt.a{color:var(--amber)}

/* the replay region (framed squares, driven by flow.js) */
.dl-runtime{position:relative;min-height:clamp(190px,24vw,320px)}

/* primitives spec : quiet, square-bulleted (not chips) */
.dl-built-spec{margin-top:clamp(30px,3.4vw,54px);display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;
  font-family:'Geist Mono',monospace;font-size:clamp(.74rem,.92vw,.84rem);letter-spacing:.02em;
  color:rgba(var(--ow-rgb)/.45);max-width:62rem}
.dl-built-spec span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:1px;
  background:var(--cyan);opacity:.6;margin-right:.55rem;vertical-align:1px}
.dl-built-spec b{color:rgba(var(--ow-rgb)/.78);font-weight:400}

@media(max-width:640px){
  .dl-sec4 .container-large{padding-bottom:64px}
  .dl-sec4 .dl-prob-copy{margin-bottom:26px}
  .dl-rt-bar{display:none}
  .dl-rt-lead{white-space:normal}
  .dl-rt-evt{word-break:break-word}
  .dl-runtime{display:none}
  .dl-built-spec{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    font-size:.66rem;line-height:1.35;letter-spacing:0;max-width:none}
  .dl-built-spec span{display:flex;align-items:flex-start;min-height:44px;padding:.55rem .58rem;
    background:var(--void);border:1px solid rgba(var(--ow-rgb)/.07)}
  .dl-built-spec span::before{flex:0 0 6px;width:6px;height:6px;margin:.32rem .45rem 0 0}
  .dl-built-spec span:nth-child(n+7){grid-column:1/-1;min-height:auto}
}
@media(max-width:359px){.dl-built-spec{grid-template-columns:1fr}}
