/* the-099-bar-was-unreachable.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
/* per-post signature: the-099-bar-was-unreachable · rainbow · dashed-1 · rounded-2 · staggered · italic-cap · ascii · full-bleed-narrow */
      .article-wrap[data-sig="the-099-bar-was-unreachable"] {
        --sig-fg: #ffffff;
        --sig-accent: #ffffff;
        --sig-dim: #444;
        --sig-glow: rgba(255,255,255,0.3);
        --rb-grad: linear-gradient(90deg,#ff3333,#ffaa00,#ffff00,#00ff41,#00ddff,#aa66ff);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .tldr,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .key-point,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .info-table,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .visual-flow,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .cta-box,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .do-dont .do,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .do-dont .dont,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-fig {
        border: 1px dashed var(--sig-fg);
        border-radius: 2px;
        padding: 18px;
        position: relative;
      }
      /* rainbow stripe accent on top of every primitive */
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .tldr::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .key-point::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .info-table::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .cta-box::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .do-dont .do::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .do-dont .dont::before,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-fig::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: var(--rb-grad);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .tldr-label,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .key-point strong,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] h3,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .do h4,
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .dont h4 {
        background: var(--rb-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-style: italic;
        font-weight: 600;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .info-table th {
        color: var(--sig-fg);
        border-bottom: 2px solid;
        border-image: var(--rb-grad) 1;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .visual-flow .arrow {
        color: var(--sig-fg);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] figcaption {
        color: #ccc;
        font-style: italic;
        font-size: 12px;
        margin-top: 8px;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-fig {
        margin: 24px 0;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-fig.narrow {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
      }
      /* callout-figure */
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-callout {
        display: grid;
        grid-template-columns: 90px 1fr;
        gap: 16px;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-callout .tag {
        font-family: 'JetBrains Mono', monospace;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        padding: 12px 4px;
        border: 1px dashed var(--sig-fg);
        border-radius: 2px;
        background: var(--rb-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-callout .title {
        font-style: italic;
        font-weight: 600;
        margin-bottom: 6px;
        background: var(--rb-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      /* mini-mockup terminal */
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term {
        padding: 0;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term .bar {
        background: #050505;
        padding: 8px 12px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        color: #ccc;
        font-style: italic;
        border-bottom: 1px dashed var(--sig-fg);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term .body {
        padding: 14px;
        font-family: 'JetBrains Mono', monospace;
        font-size: 13px;
        color: #ddd;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term .body .pr { color: #00ff41; margin-right: 6px; }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term .body .out { color: #ffaa00; display: block; padding-left: 16px; }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-term .body .err { color: #ff3333; display: block; padding-left: 16px; }
      /* before-after */
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        padding: 0;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba::before { display: none; }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba .col {
        padding: 16px;
        border: 1px dashed var(--sig-dim);
        border-radius: 2px;
        position: relative;
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba .col.after {
        border: 1px dashed var(--sig-fg);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba .col.after::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 2px;
        background: var(--rb-grad);
      }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba .col.before { opacity: 0.55; }
      .article-wrap[data-sig="the-099-bar-was-unreachable"] .b99-ba .head {
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.18em;
        color: var(--sig-fg);
        margin-bottom: 10px;
        font-style: italic;
      }
