/* claude-code-skips-tests.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* per-post signature: claude-code-skips-tests · cyan-magenta · dotted-1 · rounded-2 · staggered · italic-cap · ascii · full-bleed-narrow */
      .article-wrap[data-sig="claude-code-skips-tests"] {
        --sig-fg: #00ddff;
        --sig-accent: #ff00aa;
        --sig-dim: #3a0a3a;
        --sig-glow: rgba(255,0,170,0.4);
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .tldr,
      .article-wrap[data-sig="claude-code-skips-tests"] .concept-card,
      .article-wrap[data-sig="claude-code-skips-tests"] .key-point,
      .article-wrap[data-sig="claude-code-skips-tests"] .info-table,
      .article-wrap[data-sig="claude-code-skips-tests"] .visual-flow,
      .article-wrap[data-sig="claude-code-skips-tests"] .cta-box,
      .article-wrap[data-sig="claude-code-skips-tests"] .level-card,
      .article-wrap[data-sig="claude-code-skips-tests"] .do-dont .col {
        border: 1px dotted var(--sig-fg);
        border-radius: 2px;
        padding: 20px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .concept-grid {
        gap: 18px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .concept-grid .concept-card:nth-child(even) {
        transform: translateY(8px);
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .concept-card-title,
      .article-wrap[data-sig="claude-code-skips-tests"] .tldr-label,
      .article-wrap[data-sig="claude-code-skips-tests"] .key-point strong,
      .article-wrap[data-sig="claude-code-skips-tests"] h3 {
        color: var(--sig-fg);
        font-style: italic;
        font-weight: 500;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .concept-card h4 {
        color: var(--sig-accent);
        font-style: italic;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] figcaption {
        color: var(--sig-accent);
        font-style: italic;
        font-size: 12px;
        margin-top: 8px;
      }
      /* full-bleed-narrow rhythm: first new figure after h2 wide, others narrow */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-fig {
        margin: 24px 0;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-fig.narrow {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
      }
      /* callout-figure for h2-1 and h2-8 */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-callout {
        display: grid;
        grid-template-columns: 96px 1fr;
        gap: 18px;
        align-items: start;
        padding: 20px;
        border: 1px dotted var(--sig-fg);
        border-radius: 2px;
        background: #050505;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-callout .tag {
        font-family: 'JetBrains Mono', monospace;
        font-size: 28px;
        font-weight: 700;
        color: var(--sig-fg);
        text-align: center;
        padding: 12px 4px;
        border: 1px dotted var(--sig-accent);
        border-radius: 2px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-callout .title {
        font-style: italic;
        font-weight: 600;
        color: var(--sig-accent);
        margin-bottom: 8px;
      }
      /* cause-effect chain */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-cause svg { width: 100%; height: auto; }
      /* mini-mockup terminal */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-term {
        background: #000;
        border: 1px dotted var(--sig-fg);
        border-radius: 2px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-term .bar {
        background: var(--sig-dim);
        padding: 6px 12px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        color: var(--sig-accent);
        font-style: italic;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-term .body {
        padding: 14px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 13px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-term .body .pr { color: var(--sig-fg); margin-right: 6px; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-term .body .out { color: var(--sig-accent); display: block; padding-left: 16px; }
      /* before-after */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-ba {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-ba .col {
        padding: 16px;
        border: 1px dotted var(--sig-dim);
        border-radius: 2px;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-ba .col.after {
        border: 1px dotted var(--sig-fg);
        box-shadow: 0 0 12px var(--sig-glow);
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-ba .col.before { opacity: 0.6; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-ba .head {
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.18em;
        color: var(--sig-fg);
        margin-bottom: 10px;
        font-style: italic;
      }
      /* stack-diagram */
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer {
        padding: 12px 16px;
        border: 1px dotted var(--sig-fg);
        border-radius: 2px;
        margin-bottom: -1px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 13px;
        color: var(--sig-fg);
        background: #000;
        font-style: italic;
      }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer.l1 { background: #050505; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer.l2 { background: #080808; margin-left: 14px; margin-right: 14px; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer.l3 { background: #0a0a0a; margin-left: 28px; margin-right: 28px; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer.l4 { background: var(--sig-fg); color: #000; margin-left: 42px; margin-right: 42px; font-weight: 600; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer .num { color: var(--sig-accent); font-weight: 700; margin-right: 8px; }
      .article-wrap[data-sig="claude-code-skips-tests"] .ccst-stack .layer.l4 .num { color: #000; }