/* the-skill-that-learned-to-refuse.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
.article-wrap[data-sig-palette="wood"] {
        --sig-fg: #aa6633;
        --sig-accent: #dd9966;
        --sig-dim: #5a3a1a;
        --sig-glow: rgba(170,102,51,0.3);
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .tldr,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .info-table,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .visual-flow,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .key-point,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .cta-box {
        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: 14px 16px;
        margin: 22px 0;
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .tldr-label,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .key-point strong,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h2,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h3,
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] .cta-box h3 {
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] {
        counter-reset: ref-h2;
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h2 {
        counter-increment: ref-h2;
        position: relative;
        padding: 10px 14px 10px 60px;
        margin-top: 28px;
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h2::before {
        content: counter(ref-h2, decimal-leading-zero);
        position: absolute;
        left: 8px; top: 50%;
        transform: translateY(-50%);
        font-family: 'JetBrains Mono', monospace;
        font-size: 13px;
        color: #000;
        background: var(--sig-fg);
        padding: 2px 8px;
        font-weight: 700;
      }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h2:nth-of-type(odd) { background: #050505; }
      .article-wrap[data-sig="the-skill-that-learned-to-refuse"] h2:nth-of-type(even) { background: #0a0606; box-shadow: inset 0 0 14px var(--sig-glow); }
      .ref-callout { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: start; padding: 18px; 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); margin: 22px 0; }
      .ref-callout .ct-tag { font-family: 'JetBrains Mono', monospace; font-size: 26px; font-weight: 700; color: var(--sig-fg); text-align: center; padding: 14px 6px; border: 1px solid var(--sig-fg); }
      .ref-callout .ct-title { color: var(--sig-fg); font-weight: 700; margin-bottom: 6px; }
      .ref-cause svg { width: 100%; height: auto; display: block; }
      .ref-mock { background: #000; 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); margin: 22px 0; }
      .ref-mock .head { background: #0a0606; padding: 8px 14px; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--sig-accent); border-bottom: 1px solid var(--sig-fg); }
      .ref-mock .body { padding: 14px; font-family: 'JetBrains Mono', monospace; font-size: 13px; }
      .ref-mock .ln { display: block; padding: 2px 0; }
      .ref-mock .ln .p { color: var(--sig-fg); margin-right: 6px; }
      .ref-mock .ln.bad { color: #dd6644; padding-left: 14px; }
      .ref-mock .ln.ok { color: var(--sig-accent); padding-left: 14px; }
      .ref-mx { display: grid; grid-template-columns: 200px repeat(3, 1fr); gap: 1px; background: var(--sig-dim); margin: 22px 0; box-shadow: 0 0 0 4px var(--sig-glow); }
      .ref-mx > div { background: #050505; padding: 10px; font-family: 'JetBrains Mono', monospace; font-size: 12px; }
      .ref-mx .h { color: var(--sig-fg); text-align: center; font-weight: 700; }
      .ref-mx .rh { color: var(--sig-accent); }
      .ref-mx .c { text-align: center; color: var(--sig-dim); }
      .ref-mx .c.on { background: var(--sig-fg); color: #000; font-weight: 700; }
      .ref-mx .c.on::after { content: "\2713"; }
      .ref-mx .c.fail { background: #2a0a0a; color: #dd6644; }
      .ref-mx .c.fail::after { content: "\2717"; }
      /* touch-up additions */
      .ref-fsm, .ref-bars, .ref-bef, .ref-arch, .ref-flow, .ref-stack, .ref-tl {
        margin: 22px 0; padding: 16px;
        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);
        background: #050505;
      }
      .ref-fsm svg, .ref-arch svg, .ref-flow svg, .ref-tl svg { width: 100%; height: auto; display: block; }
      .ref-fsm figcaption, .ref-bars figcaption, .ref-bef figcaption, .ref-arch figcaption, .ref-flow figcaption, .ref-stack figcaption, .ref-tl figcaption { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent); margin-top: 8px; text-align: center; }
      .ref-bars .row { display: grid; grid-template-columns: 150px 1fr 70px; gap: 12px; align-items: center; margin-bottom: 9px; }
      .ref-bars .lab { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-accent); }
      .ref-bars .bar { height: 13px; background: linear-gradient(90deg, var(--sig-fg) var(--v), var(--sig-dim) var(--v)); }
      .ref-bars .val { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--sig-fg); text-align: right; }
      .ref-bef .grid { display: grid; grid-template-columns: 1fr 36px 1fr; gap: 14px; align-items: stretch; }
      .ref-bef .col { padding: 14px; border: 1px solid var(--sig-dim); background: #0a0606; }
      .ref-bef .col.after { border-color: var(--sig-fg); box-shadow: 0 0 12px var(--sig-glow); }
      .ref-bef .head { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.18em; color: var(--sig-fg); margin-bottom: 10px; }
      .ref-bef .arrow { align-self: center; text-align: center; color: var(--sig-fg); font-size: 22px; }
      .ref-stack { padding: 10px; }
      .ref-stack .layer { padding: 11px 16px; border: 1px solid var(--sig-fg); margin-bottom: 5px; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--sig-fg); background: #050505; }
      .ref-stack .layer:nth-child(2) { background: #0a0606; margin-left: 16px; margin-right: 16px; }
      .ref-stack .layer:nth-child(3) { background: #100808; margin-left: 32px; margin-right: 32px; }
      .ref-stack .bottom { background: var(--sig-fg); color: #000; font-weight: 700; margin-left: 48px; margin-right: 48px; }