/* the-vault-built-for-claude-mythos.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* Per-post signature: the-vault-built-for-claude-mythos
         palette=steel-cyan, border=dashed-1, corner=chamfer-4,
         density=staggered, typography=bracketed, icon=filled, rhythm=left-rail */
      .article-wrap[data-sig-palette="steel-cyan"] {
        --sig-fg: #88ccff;
        --sig-accent: #ffaa44;
        --sig-dim: #3a5a7a;
        --sig-glow: rgba(255, 170, 68, 0.45);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .tldr,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-card,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .key-point,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .info-table,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .do-dont .col,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .visual-flow .step,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .cta-box,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] figure.vis {
        border: 1px dashed var(--sig-fg);
        clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
        padding: 22px;
        background: #050a10;
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-grid,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .visual-flow {
        gap: 22px;
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-grid > *:nth-child(even),
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .visual-flow .step:nth-child(even) {
        transform: translateY(10px);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .tldr-label::before,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-card-title::before,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .key-point strong::before,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] h3::before {
        content: "[ ";
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .tldr-label::after,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-card-title::after,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .key-point strong::after,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] h3::after {
        content: " ]";
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .tldr-label,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .concept-card-title,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] h3,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .info-table th {
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .info-table td {
        border-color: var(--sig-dim);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .key-point {
        border-left: 4px solid var(--sig-fg);
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] > h2,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] > h3,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] > p,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] > ul,
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] > ol {
        border-left: 2px solid var(--sig-dim);
        padding-left: 16px;
      }
      .article-wrap[data-sig="the-vault-built-for-claude-mythos"] .section-icon {
        color: var(--sig-fg);
      }