/* what-are-claude-code-skills.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* Per-post signature: what-are-claude-code-skills
         palette=cyan-magenta, border=double-3, corner=rounded-2,
         density=staggered, typography=italic-cap, icon=ascii, rhythm=left-rail */
      .article-wrap[data-sig-palette="cyan-magenta"] {
        --sig-fg: #00ddff;
        --sig-accent: #ff00aa;
        --sig-dim: #3a0a3a;
        --sig-glow: rgba(255, 0, 170, 0.4);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .tldr,
      .article-wrap[data-sig="what-are-claude-code-skills"] .concept-card,
      .article-wrap[data-sig="what-are-claude-code-skills"] .key-point,
      .article-wrap[data-sig="what-are-claude-code-skills"] .info-table,
      .article-wrap[data-sig="what-are-claude-code-skills"] .do-dont .col,
      .article-wrap[data-sig="what-are-claude-code-skills"] .visual-flow .step,
      .article-wrap[data-sig="what-are-claude-code-skills"] .cta-box,
      .article-wrap[data-sig="what-are-claude-code-skills"] figure.vis {
        border: 3px double var(--sig-fg);
        border-radius: 2px;
        padding: 22px;
        background: #050008;
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .concept-grid,
      .article-wrap[data-sig="what-are-claude-code-skills"] .visual-flow {
        gap: 20px;
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .concept-grid > *:nth-child(even),
      .article-wrap[data-sig="what-are-claude-code-skills"] .visual-flow .step:nth-child(even) {
        transform: translateY(8px);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .tldr-label,
      .article-wrap[data-sig="what-are-claude-code-skills"] .concept-card-title,
      .article-wrap[data-sig="what-are-claude-code-skills"] h3,
      .article-wrap[data-sig="what-are-claude-code-skills"] .info-table th {
        font-style: italic;
        font-weight: 500;
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .key-point strong {
        color: var(--sig-accent);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .visual-flow .step::before {
        content: ">> ";
        color: var(--sig-fg);
        font-family: 'JetBrains Mono', monospace;
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .concept-card-title::before {
        content: "[*] ";
        color: var(--sig-accent);
        font-family: 'JetBrains Mono', monospace;
        font-style: normal;
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .info-table td {
        border-color: var(--sig-dim);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .key-point {
        border-left: 4px solid var(--sig-accent);
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] > h2,
      .article-wrap[data-sig="what-are-claude-code-skills"] > h3,
      .article-wrap[data-sig="what-are-claude-code-skills"] > p,
      .article-wrap[data-sig="what-are-claude-code-skills"] > ul,
      .article-wrap[data-sig="what-are-claude-code-skills"] > ol {
        border-left: 2px solid var(--sig-dim);
        padding-left: 16px;
      }
      .article-wrap[data-sig="what-are-claude-code-skills"] .section-icon {
        color: var(--sig-fg);
      }