/* ════════════════════════════════════════════════════════════════════
         STATION GUIDE (PoC) — PDF-style structured topic layout (sg-)
         ════════════════════════════════════════════════════════════════════ */
      .sg-wrap {
        max-width: 880px;
        margin: 0 auto;
        padding: 4px 0 56px;
      }

      .sg-back {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        border-radius: 99px;
        border: 1.5px solid var(--bdr);
        background: var(--bg2);
        color: var(--tx2);
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        margin-bottom: 18px;
      }

      .sg-kicker {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--ac);
      }

      .sg-title {
        font-family: var(--serif);
        font-size: 32px;
        font-weight: 700;
        color: var(--tx);
        margin: 4px 0 16px;
        letter-spacing: -.4px;
      }

      /* one-glance summary box */
      .sg-glance {
        background: linear-gradient(150deg, var(--acl), var(--bg3));
        border: 1.5px solid var(--bdr2);
        border-radius: var(--r);
        padding: 22px 24px;
        margin-bottom: 36px;
        box-shadow: var(--shadow);
      }

      .sg-glance-h {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: var(--ach);
        margin-bottom: 10px;
      }

      .sg-glance p {
        margin: 0;
        font-size: 15.5px;
        line-height: 1.75;
        color: var(--tx);
      }

      .sg-glance b {
        color: var(--ach);
      }

      /* numbered section */
      .sg-sec {
        margin-bottom: 40px;
        padding-bottom: 36px;
        border-bottom: 1px solid var(--bdr);
      }

      .sg-sec:last-child {
        border-bottom: none;
        padding-bottom: 0;
      }

      .sg-sec-h {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 20px;
        font-weight: 800;
        color: var(--tx);
        margin-bottom: 16px;
        letter-spacing: -.3px;
      }

      .sg-sec-n {
        flex: none;
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: var(--ac);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 800;
      }

      .sg-sec-h.crit .sg-sec-n {
        background: var(--rd);
      }

      /* optional one-line lead-in under a section heading */
      .sg-lead {
        font-size: 15px;
        line-height: 1.6;
        color: var(--tx2);
        margin: -4px 0 16px;
        max-width: 70ch;
      }

      .sg-card {
        background: var(--bg2);
        border: 1px solid var(--bdr);
        border-radius: var(--rs);
        padding: 18px 22px;
        box-shadow: var(--shadow);
        font-size: 15px;
        line-height: 1.75;
        color: var(--tx);
        margin-bottom: 14px;
      }

      .sg-card:last-child {
        margin-bottom: 0;
      }

      .sg-card p {
        margin: 0 0 14px;
      }

      .sg-card p:last-child {
        margin-bottom: 0;
      }

      .sg-quote {
        border-left: 4px solid var(--ac);
        border-radius: 0;
        background: var(--bg3);
        padding: 16px 20px;
        font-family: var(--serif);
        font-style: italic;
        font-size: 16px;
        line-height: 1.7;
        color: var(--tx);
        margin: 0 0 16px;
      }

      .sg-ul {
        margin: 0;
        padding-left: 22px;
      }

      .sg-ul li {
        margin-bottom: 11px;
        line-height: 1.65;
      }

      .sg-ul li:last-child {
        margin-bottom: 0;
      }

      /* Ask / Why / Yes table */
      .sg-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
        background: var(--bg2);
        border: 1px solid var(--bdr);
        border-radius: var(--rs);
        overflow: hidden;
        margin-bottom: 14px;
        box-shadow: var(--shadow);
      }

      .sg-table th {
        text-align: left;
        background: var(--bg3);
        color: var(--tx2);
        font-weight: 800;
        font-size: 11.5px;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: 12px 16px;
        border-bottom: 1.5px solid var(--bdr);
      }

      .sg-table td {
        padding: 13px 16px;
        border-bottom: 1px solid var(--bdr);
        vertical-align: top;
        line-height: 1.6;
      }

      .sg-table tr:last-child td {
        border-bottom: none;
      }

      .sg-table td:first-child {
        font-weight: 700;
        color: var(--tx);
        width: 30%;
      }

      .sg-table td:nth-child(2) {
        color: var(--tx3);
        width: 32%;
      }

      /* auto-generated 2-col tables (from "Term: explanation" lists) */
      .sg-table-auto td:first-child {
        font-weight: 700;
        color: var(--tx);
        width: 26%;
      }

      .sg-table-auto td[colspan="2"],
      .sg-table-auto td[colspan="3"] {
        color: var(--tx);
        width: auto;
      }

      /* ladder / mnemonic chips */
      .sg-ladder {
        display: flex;
        flex-direction: column;
        gap: 13px;
      }

      .sg-ladder-row {
        display: flex;
        gap: 12px;
        align-items: baseline;
        line-height: 1.6;
        font-size: 14.5px;
      }

      .sg-mnem {
        flex: none;
        font-weight: 800;
        color: var(--ac);
        background: var(--acl);
        border-radius: 7px;
        padding: 4px 10px;
        font-size: 12.5px;
        min-width: 70px;
        text-align: center;
      }

      /* red-flag / do-not lists */
      .sg-redbox {
        background: var(--rdl);
        border: 1px solid var(--rdb);
        border-radius: var(--rs);
        padding: 18px 22px;
        box-shadow: var(--shadow);
      }

      .sg-redbox .sg-ul li {
        color: var(--tx);
      }

      .sg-redbox b {
        color: var(--rd);
      }

      .sg-pill-crit {
        display: inline-block;
        background: var(--rd);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: 1px 7px;
        border-radius: 5px;
        margin-left: 6px;
      }

      /* key numbers grid */
      .sg-facts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
        gap: 10px;
      }

      .sg-fact {
        background: var(--bg2);
        border: 1px solid var(--bdr);
        border-radius: var(--rs);
        padding: 11px 14px;
      }

      .sg-fact-k {
        font-size: 12px;
        color: var(--tx3);
        font-weight: 600;
        margin-bottom: 2px;
      }

      .sg-fact-v {
        font-size: 14px;
        font-weight: 800;
        color: var(--ach);
      }

      .sg-worked {
        background: var(--gnl);
        border: 1px solid var(--gnb);
        border-radius: var(--rs);
        padding: 14px 18px;
        font-size: 14px;
        line-height: 1.6;
      }

      .sg-worked .sg-worked-q {
        font-style: italic;
        color: var(--tx2);
        margin-bottom: 8px;
      }

      .sg-oneline {
        background: var(--bg3);
        border-radius: var(--rs);
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 700;
        color: var(--tx);
        text-align: center;
        line-height: 1.6;
      }

      .sg-launch {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 10px 0 0;
        padding: 11px 18px;
        border-radius: 12px;
        background: var(--grad-ink, var(--ac));
        color: #fff;
        font-weight: 800;
        font-size: 14px;
        cursor: pointer;
        border: none;
        box-shadow: var(--shadow);
      }

      body[data-theme="dark"] .sg-glance {
        background: linear-gradient(150deg, var(--acl), #12283f);
      }

      /* embedded in a topic page (under the pathway/tools) */
      .sg-wrap.sg-embed {
        max-width: 100%;
        padding-top: 8px;
      }

      .sg-kicker-embed {
        margin: 0 0 14px;
      }

      /* drug-detail block: one card per drug */
      .sg-drug {
        border: 1px solid var(--bdr);
        border-left: 3px solid var(--bdr2);
        border-radius: var(--rs);
        background: var(--bg2);
        padding: 16px 20px;
        margin-bottom: 12px;
        box-shadow: var(--shadow);
      }

      .sg-drug:last-child { margin-bottom: 0; }

      .sg-drug-name {
        font-weight: 800;
        font-size: 15.5px;
        color: var(--ach);
        margin-bottom: 6px;
      }

      .sg-drug-body {
        font-size: 14.5px;
        line-height: 1.7;
        color: var(--tx);
      }

      /* question bank */
      .sg-qbank {
        counter-reset: qb;
        margin: 0;
        padding: 0;
        list-style: none;
        background: var(--bg2);
        border: 1px solid var(--bdr);
        border-radius: var(--rs);
        box-shadow: var(--shadow);
        overflow: hidden;
      }

      .sg-qbank li {
        position: relative;
        padding: 13px 16px 13px 48px;
        border-bottom: 1px solid var(--bdr);
        font-size: 14.5px;
        line-height: 1.65;
        color: var(--tx);
      }

      .sg-qbank li:last-child { border-bottom: none; }

      .sg-qbank li::before {
        counter-increment: qb;
        content: counter(qb);
        position: absolute;
        left: 14px;
        top: 13px;
        width: 24px;
        height: 24px;
        border-radius: 6px;
        background: var(--acl);
        color: var(--ac);
        font-weight: 800;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .sg-qbank li em {
        font-style: normal;
        color: var(--tx3);
        font-size: 13px;
      }

      /* sub-heading inside a section */
      .sg-subh {
        font-weight: 800;
        font-size: 14px;
        color: var(--tx2);
        margin: 22px 0 10px;
        text-transform: uppercase;
        letter-spacing: .03em;
      }

      .sg-subh:first-child { margin-top: 0; }

      /* steps (numbered emergency protocol) */
      .sg-steps {
        margin: 0;
        padding-left: 24px;
      }

      .sg-steps li {
        margin-bottom: 12px;
        line-height: 1.7;
        font-size: 14.5px;
      }

      .sg-steps li:last-child { margin-bottom: 0; }

      @media (max-width: 560px) {
        .sg-title { font-size: 26px; }
        .sg-table { font-size: 12.5px; }
        .sg-table td:first-child, .sg-table td:nth-child(2) { width: auto; }
      }