/* arena-tug-of-war-build.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* per-post signature: arena-tug-of-war-build
         palette=green-cyan, border=double-3, corner=terminal-tag,
         density=staggered, typography=mono-sans, icon=no-icon, rhythm=stacked-stripes */
      .article-wrap[data-sig="arena-tug-of-war-build"] {
        --sig-fg: #00ff88;
        --sig-accent: #00ddff;
        --sig-dim: #0a6b6b;
        --sig-glow: rgba(0,221,255,0.35);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .tldr,
      .article-wrap[data-sig="arena-tug-of-war-build"] .concept-card,
      .article-wrap[data-sig="arena-tug-of-war-build"] .info-table,
      .article-wrap[data-sig="arena-tug-of-war-build"] .key-point,
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont .col,
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont .do,
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont .dont,
      .article-wrap[data-sig="arena-tug-of-war-build"] .visual-flow,
      .article-wrap[data-sig="arena-tug-of-war-build"] .cta-box,
      .article-wrap[data-sig="arena-tug-of-war-build"] .rule-list {
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
        padding: 22px 24px;
        background: #001a14;
        font-family: 'JetBrains Mono', monospace;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .tldr,
      .article-wrap[data-sig="arena-tug-of-war-build"] .key-point p,
      .article-wrap[data-sig="arena-tug-of-war-build"] .concept-card p,
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont p {
        font-family: ui-sans-serif, system-ui, sans-serif;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .tldr-label,
      .article-wrap[data-sig="arena-tug-of-war-build"] .concept-card-title,
      .article-wrap[data-sig="arena-tug-of-war-build"] .key-point strong,
      .article-wrap[data-sig="arena-tug-of-war-build"] h3,
      .article-wrap[data-sig="arena-tug-of-war-build"] h4 {
        font-family: 'JetBrains Mono', monospace;
        font-weight: 600;
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .info-table th {
        color: var(--sig-fg);
        border-bottom: 3px double var(--sig-fg);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .info-table td {
        border-bottom: 1px solid var(--sig-dim);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont {
        gap: 22px;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .do-dont > *:nth-child(even) {
        transform: translateY(8px);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] > section:nth-of-type(even),
      .article-wrap[data-sig="arena-tug-of-war-build"] > div:nth-of-type(even) {
        background: #050505;
      }
      /* per-post new-figure styles (callout-figure, cause-effect, mini-mockup, comparison-matrix) */
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-callout {
        display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: start;
        margin: 28px 0; padding: 20px 24px;
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
        background: #001a14;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-callout .ct-tag {
        font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 700;
        color: var(--sig-fg); text-align: center; padding: 12px 6px;
        border: 3px double var(--sig-accent);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-callout .ct-title {
        font-family: 'JetBrains Mono', monospace; font-weight: 600; color: var(--sig-fg); margin-bottom: 8px;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-cause {
        margin: 28px 0; padding: 18px;
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
        background: #001a14;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-cause svg { width: 100%; height: auto; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-cause figcaption {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent); margin-top: 10px; text-align: center;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term {
        margin: 28px 0;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-frame {
        background: #000;
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-bar {
        background: #0a1410; padding: 7px 12px; display: flex; gap: 8px; align-items: center;
        font-family: 'JetBrains Mono', monospace; font-size: 11px;
        border-bottom: 1px solid var(--sig-fg);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-dot {
        width: 9px; height: 9px; background: var(--sig-fg);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-title {
        margin-left: auto; color: var(--sig-accent);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-body {
        padding: 14px 16px; font-family: 'JetBrains Mono', monospace; font-size: 12px;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-line { margin: 4px 0; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .prompt { color: var(--sig-fg); margin-right: 6px; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-term .term-out { color: var(--sig-accent); padding-left: 14px; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix {
        margin: 28px 0;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-grid {
        display: grid; gap: 1px; background: var(--sig-dim);
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-h,
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-rh,
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-c {
        background: #001a14; padding: 10px 12px;
        font-family: 'JetBrains Mono', monospace; font-size: 12px;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-h { color: var(--sig-fg); text-align: center; font-weight: 700; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-rh { color: var(--sig-accent); }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-c { text-align: center; color: var(--sig-dim); }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-c.on { background: var(--sig-fg); color: #000; font-weight: 700; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-matrix .mx-c.on::after { content: " ✓"; }
      /* touch-up additions: process-timeline, stack-diagram, bar-chart */
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-timeline {
        margin: 28px 0; padding: 18px;
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
        background: #001a14;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-timeline svg { width: 100%; height: auto; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-timeline figcaption {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent); margin-top: 8px; text-align: center;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-stack {
        margin: 28px 0; padding: 4px 0;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-stack .stack-layer {
        padding: 13px 18px;
        border: 3px double var(--sig-fg); margin-bottom: -3px;
        font-family: 'JetBrains Mono', monospace; font-size: 13px;
        color: var(--sig-fg); background: #001a14;
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-stack .stack-layer:nth-child(2) { background: #062119; margin-left: 18px; margin-right: 18px; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-stack .stack-layer:nth-child(3) { background: #0a2820; margin-left: 36px; margin-right: 36px; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-stack .stack-bottom { background: var(--sig-fg); color: #000; margin-left: 54px; margin-right: 54px; }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars {
        margin: 28px 0; padding: 22px 24px;
        border: 3px double var(--sig-fg);
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
        background: #001a14;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars .bars-row {
        display: grid; grid-template-columns: 130px 1fr 56px; gap: 14px; align-items: center; margin-bottom: 9px;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars .bars-bar {
        height: 13px; background: linear-gradient(90deg, var(--sig-fg) var(--v), var(--sig-dim) var(--v));
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars .bars-label {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent);
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars .bars-val {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-fg); text-align: right;
      }
      .article-wrap[data-sig="arena-tug-of-war-build"] .vis-bars figcaption {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent); margin-top: 8px; text-align: center;
      }