/* claude-opus-4-7-skills-upgrade.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* per-post signature: claude-opus-4-7-skills-upgrade — magenta / drop-ring / chamfer-12 / tight / numbered / dual-tone / split-grid */
      .article-wrap[data-sig-palette="magenta"] {
        --sig-fg: #ff00aa;
        --sig-accent: #ff88dd;
        --sig-dim: #5a0a3a;
        --sig-glow: rgba(255,0,170,0.4);
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .tldr,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-card,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .info-table,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .key-point,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .visual-flow,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .cta-box,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .do-dont .do,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .do-dont .dont {
        border: 1px solid var(--sig-fg);
        box-shadow: 0 0 0 4px var(--sig-glow);
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
        padding: 12px 14px;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-grid {
        gap: 12px;
        counter-reset: cg;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-card {
        counter-increment: cg;
        position: relative;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-card::before {
        content: counter(cg, decimal-leading-zero);
        position: absolute;
        top: 6px;
        right: 10px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        color: var(--sig-fg);
        letter-spacing: 0.1em;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-card h4,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .tldr-label,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .key-point strong,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .cta-box h3 {
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .concept-card .icon {
        color: var(--sig-fg);
        text-shadow: 0 0 6px var(--sig-accent);
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .info-table thead th {
        background: #1a0410;
        color: var(--sig-accent);
        border-bottom: 1px solid var(--sig-fg);
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .info-table td,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .info-table th {
        border-color: var(--sig-dim);
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] h2 {
        counter-increment: h2num;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] {
        counter-reset: h2num;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] h2::before {
        content: counter(h2num, decimal-leading-zero) "  ";
        color: var(--sig-fg);
        font-family: 'JetBrains Mono', monospace;
        font-weight: 700;
        margin-right: 4px;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .visual-flow {
        background: #0a0408;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .do-dont {
        gap: 12px;
      }
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .do-dont .do h4,
      .article-wrap[data-sig="claude-opus-4-7-skills-upgrade"] .do-dont .dont h4 {
        color: var(--sig-fg);
      }