/* the-fix-had-a-bug-too.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* per-post signature: the-fix-had-a-bug-too */
      /* palette=charcoal border=solid-1 corner=chamfer-4 density=staggered typography=bracketed icon=filled rhythm=centered */
      .article-wrap[data-sig="the-fix-had-a-bug-too"] {
        --sig-fg: #aaaaaa;
        --sig-accent: #ffffff;
        --sig-dim: #3a3a3a;
        --sig-glow: rgba(255,255,255,0.2);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .tldr,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .key-point,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .info-table,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .cta-box,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .visual-flow,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont .do,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont .dont,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-cause,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bef-aft .bef-aft-col,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-grid,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout-2 {
        border: 1px solid var(--sig-fg);
        clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
        padding: 22px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont {
        gap: 22px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont > *:nth-child(even) {
        transform: translateY(8px);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .tldr-label,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .key-point strong,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .cta-box h3,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont h4 {
        color: var(--sig-accent);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .tldr-label::before,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .cta-box h3::before,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont h4::before,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .key-point strong::before { content: "[ "; color: var(--sig-fg); }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .tldr-label::after,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .cta-box h3::after,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .do-dont h4::after,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .key-point strong::after { content: " ]"; color: var(--sig-fg); }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] .info-table th {
        color: var(--sig-accent);
        border-bottom: 1px solid var(--sig-fg);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout-2,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-cause,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bef-aft,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code {
        margin: 32px auto;
        max-width: 740px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout-2 {
        display: grid;
        grid-template-columns: 84px 1fr;
        gap: 18px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout .callout-tag,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout-2 .callout-tag {
        font-family: 'JetBrains Mono', monospace;
        font-size: 22px;
        font-weight: 700;
        color: #000;
        background: var(--sig-fg);
        text-align: center;
        padding: 12px 6px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout .callout-title,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-callout-2 .callout-title {
        font-weight: 700;
        color: var(--sig-accent);
        margin-bottom: 6px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bef-aft .bef-aft-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bef-aft .bef-aft-before { opacity: 0.55; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bef-aft .bef-aft-head {
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.18em;
        color: var(--sig-accent);
        margin-bottom: 12px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-grid {
        display: grid;
        grid-template-columns: 220px repeat(2, 1fr);
        gap: 1px;
        background: var(--sig-dim);
        padding: 0;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-h,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-rh,
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c {
        background: #000;
        padding: 12px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 12px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-h { color: var(--sig-accent); text-align: center; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-rh { color: var(--sig-fg); }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c { text-align: center; color: var(--sig-dim); }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c.on { background: var(--sig-fg); color: #000; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c.on::after { content: "[*]"; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c.bad { background: #2a0a0a; color: #ff8888; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-matrix .mx-c.bad::after { content: "[X]"; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code .code-block {
        background: #0a0a0a;
        border-left: 3px solid var(--sig-fg);
        padding: 14px;
        font-size: 13px;
        font-family: 'JetBrains Mono', monospace;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code .line-hi {
        background: var(--sig-glow);
        display: inline-block;
        width: 100%;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code .line-hi::after {
        content: attr(data-tag);
        margin-left: 8px;
        padding: 1px 6px;
        background: var(--sig-fg);
        color: #000;
        font-size: 10px;
        font-weight: 700;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code .code-tag {
        font-size: 12px;
        color: var(--sig-accent);
        margin-top: 6px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-code .code-tag span {
        display: inline-block;
        min-width: 18px;
        padding: 0 4px;
        background: var(--sig-fg);
        color: #000;
        font-weight: 700;
        margin-right: 6px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figcaption {
        font-size: 12px;
        color: var(--sig-fg);
        margin-top: 8px;
        text-align: center;
      }
      /* touch-up additions: state-machine, bars, term, stack */
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-fsm {
        margin: 24px 0; padding: 14px;
        border: 1px solid var(--sig-fg);
        clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
        background: #060606;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-fsm svg { width: 100%; height: auto; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bars {
        margin: 24px 0; padding: 18px;
        border: 1px solid var(--sig-fg);
        clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
        background: #060606;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bars .bars-row {
        display: grid; grid-template-columns: 170px 1fr 70px;
        gap: 12px; align-items: center; margin-bottom: 9px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bars .bars-bar {
        height: 12px; background: linear-gradient(90deg, var(--sig-fg) var(--v), var(--sig-dim) var(--v));
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bars .bars-label {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-bars .bars-val {
        font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-fg); text-align: right;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term {
        margin: 24px 0;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-frame {
        background: #000; border: 1px solid var(--sig-fg);
        clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-bar {
        background: var(--sig-dim); padding: 6px 10px; display: flex; gap: 8px; align-items: center;
        font-family: 'JetBrains Mono', monospace; font-size: 11px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-dot {
        width: 8px; height: 8px; background: var(--sig-fg);
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-title { margin-left: auto; color: var(--sig-accent); }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-body {
        padding: 12px 14px; font-family: 'JetBrains Mono', monospace; font-size: 12px;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-line { margin: 3px 0; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .prompt { color: var(--sig-fg); margin-right: 6px; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-term .term-out { color: var(--sig-accent); padding-left: 14px; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-stack { margin: 24px 0; padding: 4px 0; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-stack .stack-layer {
        padding: 11px 16px; border: 1px solid var(--sig-fg); margin-bottom: -1px;
        font-family: 'JetBrains Mono', monospace; font-size: 12px;
        color: var(--sig-fg); background: #060606;
      }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-stack .stack-layer:nth-child(2) { background: #0a0a0a; margin-left: 14px; margin-right: 14px; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-stack .stack-layer:nth-child(3) { background: #0e0e0e; margin-left: 28px; margin-right: 28px; }
      .article-wrap[data-sig="the-fix-had-a-bug-too"] figure.vis-stack .stack-bottom { background: var(--sig-fg); color: #000; margin-left: 42px; margin-right: 42px; }