/* /states, /states/<abbr>, /regions/<slug> (MOCK): builds on the .lbp leaderboard look (hero, podium polaroids, list rows) */
.st .crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;font-weight:800;margin:-8px 0 16px}
.st .crumbs a{color:var(--purple-d);text-decoration:none}.st .crumbs a:hover{text-decoration:underline}
.st .crumbs i{font-style:normal;color:var(--ink2)}.st .crumbs span{color:var(--ink2)}
.lbp.st h1{font-size:58px}
.lbp.st h1 .mo{display:block;font-size:.46em;line-height:1.1;color:var(--purple-d);background:none;margin-top:10px;font-weight:600}
.st .hbtns{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.st .rgn{font-family:Fredoka;font-weight:600;font-size:15px;text-decoration:none;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:11px 15px;box-shadow:3px 3px 0 var(--ink);line-height:1}
.st .rgn b{color:var(--purple-d);font-weight:700}
.st .sshare{height:46px;font-size:15px;padding:0 18px}
/* badge box in the hero */
.lbp .cdbox.sbox{display:flex;flex-direction:column;justify-content:center;min-height:128px;padding:16px 18px 16px 136px;gap:2px}
.lbp .cdbox.sbox>.sk{left:8px;top:50%;transform:translateY(-50%);width:104px}
.sbn b{display:block;font-family:Fredoka;font-weight:700;font-size:46px;line-height:1}
.sbn span{display:block;font-size:15px;font-weight:700;margin-top:4px}.sbn span b{display:inline;font-size:inherit}
.lbp .cdbox.sbox.c-purple{background:var(--purple-l)}.lbp .cdbox.sbox.c-gold{background:var(--gold-l)}.lbp .cdbox.sbox.c-lav{background:#E3F6E8}.lbp .cdbox.sbox.c-cream{background:var(--cream2)}
/* flat sticker state badge */
.sbadge{display:block;width:100%;height:auto;overflow:visible}
.sbadge .bt{fill:var(--purple);stroke:#2B2340;stroke-width:3.5;stroke-linejoin:round}
.sbadge .bf{fill:var(--gold);stroke:#2B2340;stroke-width:3.5;stroke-linejoin:round}
.sbadge.r2 .bf{fill:#fff}.sbadge.r3 .bf{fill:var(--teal)}.sbadge.r0 .bf{fill:var(--purple-l)}
.sbadge .ab{font-family:Fredoka,sans-serif;font-weight:700;font-size:26px;fill:#2B2340}
.sbadge .rn{font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;fill:#6E6580}
/* badge key: plain swatches, no place numbers */
.skey{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:22px 0 0;font-size:13px;font-weight:700;color:var(--ink2)}
.skey b{font-family:Fredoka;font-weight:700;font-size:15px;color:var(--ink)}
.skey .sw{display:inline-block;width:22px;height:14px;border-radius:999px;border:1.5px solid var(--ink);vertical-align:-2px;margin-right:6px}
.skey .sw.r1{background:var(--gold)}.skey .sw.r2{background:#fff}.skey .sw.r3{background:var(--teal)}.skey .sw.rn{background:var(--cream2);border:1.5px dashed #C9B48F}
/* list rows */
.st .shead{margin-top:34px;margin-bottom:0}
.st .shead small{margin-top:-8px}
.st .shead.more{margin-bottom:12px}
.st .list{margin-top:14px}
.st .lr.nr{opacity:.92}
.st .rk.dash{color:#C9B48F}
.st .rk.smb{width:34px;height:34px;display:grid;place-items:center}
.st .rk.smb i{font-style:normal;width:30px;height:30px;border-radius:50%;border:2.5px solid var(--ink);display:grid;place-items:center;font-size:15px;color:var(--ink);background:var(--gold);box-shadow:1.5px 1.5px 0 var(--ink)}
.st .rk.smb.r2 i{background:#fff}.st .rk.smb.r3 i{background:var(--teal)}
.st .loc{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st .loc em{font-style:normal;font-family:Fredoka;font-weight:700;font-size:11px;background:var(--purple-l);border:1.5px solid var(--purple);border-radius:6px;padding:0 5px;margin-right:6px;color:var(--ink)}
.st .lv{width:128px}
.st .npl{display:block;font-size:11.5px;font-weight:700;color:var(--ink2);margin-top:2px}
.st .npl.nr{display:inline-block;background:var(--cream2);border:1.5px dashed #C9B48F;border-radius:999px;padding:1px 8px;font-size:11px}
.st .smallnote{margin-top:18px;background:#fff;border:2px dashed #D9C6A6;border-radius:16px;padding:12px 16px;font-weight:700;font-size:14px;color:var(--ink2)}
.st .smallnote b{color:var(--ink)}.st .smallnote a{color:var(--purple-d);font-weight:800}
.st .chipsrow{display:flex;flex-wrap:wrap;gap:8px}
.st .schip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 6px 0 6px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-family:Fredoka;font-weight:600;font-size:14px;text-decoration:none;color:var(--ink);padding-right:8px}
.st a.schip:hover{background:var(--purple-l)}
.st .schip b{background:var(--ink);color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}
.st .schip em{font-style:normal;background:var(--gold-l);border:1.5px solid var(--gold);border-radius:999px;padding:0 8px;font-size:13px;font-weight:700}
.st .st-note{margin-top:30px}
/* index: regions + state tiles */
.st .regs{display:grid;gap:26px;margin-top:var(--g)}
.st .reg{border:2.5px solid var(--ink);border-radius:28px;box-shadow:5px 5px 0 var(--ink);padding:18px 18px 20px;background:#fff}
.st .reg.c-purple{background:var(--purple-l)}.st .reg.c-teal{background:var(--teal-l)}.st .reg.c-gold{background:var(--gold-l)}.st .reg.c-lav{background:#E3F6E8}.st .reg.c-cream{background:var(--cream2)}
.st .rhead{display:block}
.st .rt h2{font-family:Fredoka;font-weight:700;font-size:32px;line-height:1}
.st .rt span{display:block;margin-top:5px;font-size:14px;font-weight:700;color:var(--ink2)}
.st .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:14px;margin-top:16px}
.st .stile{display:flex;flex-direction:column;gap:11px;background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);padding:12px;text-decoration:none;color:var(--ink);transition:transform .12s,box-shadow .12s}
.st .stile:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}
.st .sth{display:flex;align-items:center;gap:8px;min-width:0}
.st .abbr{font-family:Fredoka;font-weight:700;font-size:13px;background:var(--ink);color:#fff;border-radius:8px;padding:3px 7px;line-height:1.1;flex-shrink:0}
.st .sth b{font-family:Fredoka;font-weight:600;font-size:16.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st .sth em{font-style:normal;background:var(--gold);border:2px solid var(--ink);border-radius:999px;font-family:Fredoka;font-weight:700;font-size:14px;padding:0 9px;line-height:22px;flex-shrink:0}
.st .stop{display:flex;gap:9px;align-items:center;min-width:0}
.st .tn{min-width:0}
.st .tn small{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin-bottom:1px}
.st .tn b{font-family:Fredoka;font-weight:600;font-size:14px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st .rnone{margin-top:14px;font-size:12.5px;font-weight:700;color:var(--ink2)}
@media(max-width:1100px){.lbp.st h1{font-size:50px}}
@media(max-width:760px){
  .lbp.st{padding:16px 16px 34px}
  .lbp.st h1{font-size:31px}.lbp.st h1 .mo{font-size:.62em;margin-top:5px}
  .st .crumbs{margin:0 0 10px;font-size:12.5px}
  .st .hbtns{margin-top:12px;gap:8px}
  .st .sshare{height:40px;font-size:13.5px;padding:0 14px;border-radius:13px;box-shadow:3px 3px 0 var(--ink)}
  .st .rgn{font-size:13.5px;padding:9px 12px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}
  .lbp .cdbox.sbox{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 12px 8px 82px;min-height:60px}
  .lbp .cdbox.sbox>.sk{left:6px;top:50%;width:62px;transform:translateY(-50%)}
  .sbn b{font-size:26px;display:inline}.sbn span{display:inline;font-size:13px;margin:0 0 0 6px;line-height:1.15}
  .sbn{display:flex;align-items:center;gap:8px}.sbn span{display:block;margin:0}
  .skey{margin-top:14px;gap:5px 12px;font-size:12px}.skey b{flex-basis:100%;font-size:14px}
  .st .shead{margin-top:24px}.st .shead.more{margin-bottom:8px}
  .st .list{margin-top:8px}
  .st .rk.smb{width:26px;height:26px}.st .rk.smb i{width:24px;height:24px;font-size:13px;border-width:2px}
  .st .lv{width:auto;max-width:104px}.lbp .st .lv,.st .lv b{font-size:15px}
  .st .npl{font-size:10.5px;line-height:1.2}.st .npl.nr{padding:1px 6px;font-size:10px}
  .st .schip{height:34px;font-size:13px}
  .st .regs{gap:20px}
  .st .reg{border-radius:22px;padding:14px 12px 14px;box-shadow:4px 4px 0 var(--ink)}
  .st .rt h2{font-size:25px}.st .rt span{font-size:12.5px}
      .st .rhead{gap:10px 8px}
  .st .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
  .st .stile{padding:9px;gap:8px;border-radius:15px;border-width:2px;box-shadow:2.5px 2.5px 0 var(--ink)}
  .st .sth{gap:5px}.st .abbr{display:none}.st .sth b{font-size:14.5px}.st .sth em{font-size:12.5px;padding:0 7px;line-height:20px;border-width:1.5px}
  .st .stop{gap:7px}.lbp .st .stop .av,.st .stop .av{width:32px;height:32px}
  .st .tn b{font-size:12.5px;-webkit-line-clamp:2}.st .tn small{font-size:9px}
}

/* region header: one quiet line under the title (no boxes) */
.st .rline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:10px;font-size:14.5px;font-weight:700;color:var(--ink)}
.st .rn1{display:inline-flex;align-items:center;gap:7px;min-width:0}
.st .rn1 .rosette{width:20px;height:20px;flex-shrink:0;overflow:visible}
.st .rn1 .rosette polygon{fill:var(--gold);stroke:#2B2340;stroke-width:7;stroke-linejoin:round}
.st .rn1 a{color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-color:rgba(43,35,64,.3);text-underline-offset:3px}
.st .rn1 a:hover{color:var(--purple-d)}
.st .rmore{color:var(--purple-d);font-weight:800;text-decoration:none;white-space:nowrap}
.st .rmore:hover{text-decoration:underline}
@media(max-width:760px){.st .rline{font-size:13.5px;gap:3px 12px}.st .rn1{flex-basis:100%;align-items:flex-start}.st .rn1 .rosette{margin-top:1px}}
