/* America's Data Center — State Profile V16: compact cinematic hero + crisp translucent geography + responsive elasticity */
:root{--sp-bg:#001729;--sp-panel:#03263e;--sp-panel2:#052d48;--sp-line:#0b638d;--sp-cyan:#35c9ff;--sp-blue:#1599f4;--sp-text:#f7fbff;--sp-muted:#9abbd1;--sp-gold:#f5c24b}
main{background:var(--sp-bg);color:var(--sp-text)}
.sp-hero{position:relative;height:354px;min-height:354px;overflow:hidden;border-bottom:1px solid rgba(53,201,255,.24);isolation:isolate;background:#001728}
.sp-hero-photo{position:absolute;inset:0;z-index:-5;background-color:#001728;background-image:var(--state-photo);background-repeat:no-repeat;background-size:cover;background-position:center 48%;filter:saturate(1.07) contrast(1.04)}
.sp-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001728 0%,rgba(0,23,40,.95) 25%,rgba(0,23,40,.68) 45%,rgba(0,23,40,.18) 66%,rgba(0,23,40,.02) 100%)}
.sp-hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(0deg,rgba(0,16,29,.42) 0%,transparent 42%),linear-gradient(90deg,rgba(0,18,33,.36) 0%,rgba(0,18,33,.08) 65%,transparent 100%)}
.sp-hero-grid{position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(71,205,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(71,205,255,.24) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 14%,#000 44%,#000 92%)}
.sp-hero-inner{max-width:1720px;margin:auto;height:354px;padding:32px 30px 30px;display:grid;grid-template-columns:minmax(560px,.92fr) minmax(330px,1.08fr);align-items:center;gap:24px}
.sp-hero-copy{max-width:700px;position:relative;z-index:3}
.sp-eyebrow{display:block;color:var(--sp-cyan);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.sp-hero h1{margin:7px 0 2px;font-size:clamp(46px,4.35vw,66px);line-height:.96;letter-spacing:-.05em;color:#fff}
.sp-hero-theme{font-size:clamp(18px,1.55vw,23px);line-height:1.12;color:var(--sp-cyan);font-weight:650}
.sp-hero-theme b{opacity:.55;margin:0 5px}
.sp-hero-copy>p{max-width:640px;margin:12px 0 14px;font-size:14px;line-height:1.48;color:#d5e7f2}
.sp-actions{display:flex;flex-wrap:nowrap;gap:9px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid rgba(53,201,255,.42);border-radius:6px;background:rgba(0,24,42,.68);color:#fff;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;transition:.2s}
.sp-btn:hover{border-color:var(--sp-cyan);background:rgba(9,67,101,.84);transform:translateY(-1px)}
.sp-btn-primary{background:linear-gradient(180deg,#21aaf9,#0b83df);border-color:#37c7ff}
.sp-btn-small{padding:9px 12px;font-size:12px}

.sp-state-mark{position:relative;justify-self:center;width:min(238px,50%);aspect-ratio:500/560;z-index:2;filter:none}
.sp-state-mark-halo{position:absolute;inset:7%;border-radius:40%;background:radial-gradient(circle,rgba(49,205,255,.08) 0%,rgba(49,205,255,.02) 50%,transparent 74%);filter:blur(8px)}
.sp-state-silhouette{position:absolute;inset:0;display:grid;place-items:center}
.sp-state-silhouette img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto;filter:none}
.sp-state-label{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);padding:6px 11px;border:1px solid rgba(83,220,255,.48);border-radius:4px;background:rgba(0,20,35,.78);box-shadow:0 4px 16px rgba(0,0,0,.22),0 0 12px rgba(53,201,255,.08);font-size:9.5px;font-weight:900;letter-spacing:.17em;color:#effcff;white-space:nowrap}
.sp-state-mark-frame{position:absolute;inset:10% 12%;display:grid;place-items:center;border:2px solid rgba(53,201,255,.85);background:linear-gradient(135deg,rgba(8,127,191,.09),rgba(4,27,47,.18));box-shadow:inset 0 0 24px rgba(40,191,255,.10),0 0 10px rgba(40,191,255,.20);clip-path:polygon(8% 4%,95% 10%,91% 93%,4% 88%)}
.sp-state-mark-frame:before,.sp-state-mark-frame:after{content:"";position:absolute;inset:10%;border:1px solid rgba(53,201,255,.22);transform:rotate(5deg)}
.sp-state-mark-frame:after{inset:20%;transform:rotate(-6deg)}
.sp-state-mark-frame span{padding:6px 11px;border:1px solid rgba(53,201,255,.28);border-radius:4px;background:rgba(0,21,37,.72);font-size:10px;letter-spacing:.18em;color:#dff8ff}
.sp-node{display:none}

.sp-kpis{max-width:1720px;margin:0 auto;padding:10px 30px 14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:var(--sp-bg)}
.sp-kpis article{min-height:82px;padding:12px 13px;border:1px solid var(--sp-line);border-radius:7px;background:linear-gradient(145deg,#042a45,#031f34);display:flex;align-items:center;gap:11px}
.sp-kpis i{font-size:24px;color:var(--sp-cyan)}
.sp-kpis strong,.sp-kpis span,.sp-kpis small{display:block}
.sp-kpis strong{font-size:21px;line-height:1;color:#fff}
.sp-kpis span{margin-top:3px;font-size:11.5px}
.sp-kpis small{margin-top:3px;color:var(--sp-muted);font-size:9.5px}
.sp-section{max-width:1720px;margin:0 auto;padding:34px 30px}.sp-section+.sp-section{padding-top:42px}.sp-section-heading{max-width:950px;margin-bottom:22px}.sp-section-heading.compact{margin-bottom:16px}.sp-section-heading h2{margin:8px 0 8px;color:#fff;font-size:clamp(30px,3vw,46px);letter-spacing:-.035em}.sp-section-heading p{margin:0;color:var(--sp-muted);font-size:16px;line-height:1.6}.sp-insights{padding-top:8px}.sp-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sp-insight-grid article{min-height:132px;padding:20px;border:1px solid var(--sp-line);border-radius:8px;background:linear-gradient(145deg,#052a44,#032138);display:flex;gap:16px}.sp-insight-grid i{font-size:29px;color:var(--sp-cyan)}.sp-insight-grid strong{font-size:17px}.sp-insight-grid p{margin:8px 0 0;color:#c0d7e5;line-height:1.5;font-size:13px}
.sp-representation{margin-top:10px}.sp-senate-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:14px}.sp-senator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sp-person-card{display:grid;grid-template-columns:180px 1fr;min-height:245px;overflow:hidden;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-panel)}.sp-person-photo{background:#06253a;min-height:245px;display:grid;place-items:center;overflow:hidden}.sp-person-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.sp-person-photo i{font-size:54px;color:var(--sp-cyan)}.sp-person-body{padding:22px}.sp-card-kicker{color:var(--sp-cyan);font-size:10px;font-weight:900;letter-spacing:.13em}.sp-person-body h3{margin:9px 0 5px;font-size:24px}.sp-person-body p{color:var(--sp-muted)}.sp-person-body a,.sp-card-link{display:inline-block;margin-top:18px;color:#dff7ff;font-weight:800;text-decoration:none}.sp-neutral-chip{display:inline-block;padding:5px 8px;border:1px solid #2e6b89;border-radius:999px;color:#b9d7e8;font-size:11px}.sp-context-card{padding:28px;border:1px solid var(--sp-line);border-radius:9px;background:linear-gradient(145deg,#073653,#032137)}.sp-context-card h3{font-size:28px;line-height:1.1;margin:12px 0}.sp-context-card p{color:var(--sp-muted);line-height:1.55}.sp-context-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.sp-context-stats div{padding:13px 8px;border-top:1px solid #1a6388}.sp-context-stats strong,.sp-context-stats span{display:block}.sp-context-stats strong{font-size:23px}.sp-context-stats span{font-size:10px;color:var(--sp-muted)}
.sp-district-list{display:grid;gap:14px}.sp-district-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);min-height:260px;border:1px solid var(--sp-line);border-radius:10px;background:linear-gradient(120deg,#052a44,#031e33)}.sp-district-person{display:grid;grid-template-columns:175px 1fr;align-items:center;border-right:1px solid rgba(53,201,255,.22)}.sp-district-photo{height:100%;min-height:260px;overflow:hidden;background:#06243a;display:grid;place-items:center}.sp-district-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.sp-district-photo i{font-size:52px;color:var(--sp-cyan)}.sp-district-person>div:last-child{padding:22px}.sp-district-person h3{font-size:25px;margin:9px 0}.sp-district-person p{color:var(--sp-muted)}.sp-district-intel{position:relative;z-index:2;padding:25px 30px}.sp-district-intel h3{margin:8px 0 14px;font-size:27px}.sp-district-intel>p{max-width:670px;color:var(--sp-muted);line-height:1.5}.sp-district-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sp-district-facts div{padding:11px;border:1px solid rgba(53,201,255,.2);border-radius:6px;background:rgba(0,17,30,.32)}.sp-district-facts span,.sp-district-facts strong{display:block}.sp-district-facts span{font-size:10px;color:var(--sp-muted);text-transform:uppercase;letter-spacing:.08em}.sp-district-facts strong{margin-top:4px;font-size:14px}.sp-district-ghost{position:absolute;right:-30px;bottom:-60px;width:260px;height:220px;border:1px solid rgba(53,201,255,.16);transform:rotate(-9deg);display:grid;place-items:center;opacity:.6;clip-path:polygon(15% 4%,94% 12%,88% 91%,3% 84%)}.sp-district-ghost span{font-size:42px;font-weight:900;color:rgba(53,201,255,.09)}
.sp-county-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-county-card{min-height:190px;padding:20px;border:1px solid var(--sp-line);border-radius:8px;background:linear-gradient(145deg,#052c47,#032037);color:#fff;text-decoration:none;transition:.2s}.sp-county-card:hover{transform:translateY(-2px);border-color:var(--sp-cyan);box-shadow:0 10px 30px rgba(0,154,230,.12)}.sp-county-card h3{margin:8px 0 18px;font-size:22px}.sp-county-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sp-county-stats span,.sp-county-stats strong{display:block}.sp-county-stats span{font-size:9.5px;text-transform:uppercase;color:var(--sp-muted)}.sp-county-stats strong{margin-top:3px;font-size:14px}.sp-disclosure{margin-top:14px;border:1px solid var(--sp-line);border-radius:8px;background:#032138}.sp-disclosure summary{padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.sp-disclosure summary strong,.sp-disclosure summary small{display:block}.sp-disclosure summary small{margin-top:3px;color:var(--sp-muted)}.sp-table-wrap{overflow:auto;border-top:1px solid var(--sp-line)}.sp-table-wrap table{width:100%;border-collapse:collapse;min-width:900px}.sp-table-wrap th,.sp-table-wrap td{padding:12px 14px;border-bottom:1px solid rgba(53,201,255,.12);text-align:left;font-size:12px}.sp-table-wrap th{color:var(--sp-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sp-table-wrap a{color:#fff}.sp-source{padding:0 18px 15px;color:var(--sp-muted);font-size:11px}
.sp-gold-callout{margin-top:28px;margin-bottom:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(245,194,75,.38);border-radius:10px;background:linear-gradient(120deg,rgba(94,67,12,.24),#032138);padding:28px 30px}.sp-gold-callout h2{margin:7px 0;font-size:30px}.sp-gold-callout p{max-width:760px;margin:0;color:var(--sp-muted)}.sp-eyebrow.gold{color:var(--sp-gold)}

@media(max-width:1280px){
  .sp-hero{min-height:450px}.sp-hero-inner{min-height:450px;grid-template-columns:minmax(460px,1fr) minmax(320px,.78fr);padding:46px 28px 42px}.sp-state-mark{width:min(330px,78%)}.sp-hero-photo{background-size:auto 100%;background-position:right center}.sp-kpis{grid-template-columns:repeat(3,1fr)}.sp-senate-layout{grid-template-columns:1fr}.sp-county-rail{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .sp-hero{min-height:440px}.sp-hero-inner{min-height:440px;grid-template-columns:minmax(430px,1fr) 290px;gap:16px;padding:42px 24px 38px}.sp-hero h1{font-size:clamp(50px,7vw,70px)}.sp-hero-copy>p{font-size:15.5px}.sp-state-mark{width:270px;justify-self:end;opacity:.92}.sp-hero-photo{background-size:auto 100%;background-position:72% center}.sp-kpis{padding-left:20px;padding-right:20px}.sp-section{padding-left:20px;padding-right:20px}.sp-insight-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .sp-hero{min-height:0}.sp-hero-photo{background-size:auto 100%;background-position:76% center;opacity:.72}.sp-hero-inner{min-height:0;display:block;padding:40px 22px 34px}.sp-hero-copy{max-width:74%;}.sp-hero-shade{background:linear-gradient(90deg,rgba(0,18,33,.98) 0%,rgba(0,18,33,.86) 56%,rgba(0,18,33,.42) 100%),linear-gradient(0deg,rgba(0,18,32,.65),transparent 50%)}.sp-state-mark{position:absolute;right:18px;top:46px;width:190px;opacity:.58;pointer-events:none}.sp-state-label{font-size:9.5px;padding:6px 9px}.sp-node{display:none}.sp-kpis{grid-template-columns:repeat(2,1fr)}.sp-insight-grid{grid-template-columns:1fr}.sp-senator-grid{grid-template-columns:1fr}.sp-county-rail{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .sp-hero-photo{background-size:auto 88%;background-position:82% top;opacity:.55}.sp-hero-inner{padding:34px 16px 28px}.sp-hero-copy{max-width:100%}.sp-hero h1{font-size:48px;max-width:86%}.sp-hero-theme{font-size:20px;max-width:82%}.sp-hero-copy>p{font-size:14.5px;max-width:92%}.sp-actions{display:grid;grid-template-columns:1fr}.sp-btn{justify-content:space-between;width:100%}.sp-state-mark{top:28px;right:-18px;width:150px;opacity:.38}.sp-state-label{display:none}.sp-kpis{padding:10px 12px 20px;grid-template-columns:1fr 1fr;gap:8px}.sp-kpis article{min-height:96px;padding:14px 12px}.sp-kpis i{font-size:26px}.sp-kpis strong{font-size:23px}.sp-section{padding:26px 14px}.sp-person-card{grid-template-columns:105px 1fr;min-height:170px}.sp-person-photo{min-height:170px}.sp-district-card{grid-template-columns:1fr}.sp-district-person{grid-template-columns:105px 1fr;border-right:0;border-bottom:1px solid rgba(53,201,255,.2)}.sp-district-photo{min-height:170px}.sp-district-facts{grid-template-columns:1fr}.sp-county-rail{grid-template-columns:1fr}.sp-gold-callout{display:block}.sp-gold-callout .sp-btn{margin-top:18px}.sp-context-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:390px){
  .sp-hero h1{font-size:42px}.sp-hero-theme{font-size:18px}.sp-state-mark{width:128px;right:-26px}.sp-kpis{grid-template-columns:1fr}.sp-kpis article{min-height:84px}.sp-context-stats{grid-template-columns:1fr 1fr 1fr}
}


/* V16 responsive hero elasticity */
@media (max-width:1180px){
  .sp-hero{height:auto;min-height:380px}
  .sp-hero-inner{height:auto;min-height:380px;grid-template-columns:minmax(0,1.05fr) minmax(260px,.75fr);padding:30px 24px}
  .sp-hero h1{font-size:52px}
  .sp-state-mark{width:min(245px,72%)}
  .sp-actions{flex-wrap:wrap}
  .sp-kpis{grid-template-columns:repeat(3,1fr);padding-inline:24px}
}
@media (max-width:820px){
  .sp-hero{min-height:0}
  .sp-hero-inner{min-height:0;display:grid;grid-template-columns:1fr;gap:10px;padding:26px 20px 22px}
  .sp-hero-photo{background-size:auto 100%;background-position:68% center}
  .sp-hero h1{font-size:clamp(43px,10vw,58px)}
  .sp-hero-copy>p{font-size:14px;max-width:92%}
  .sp-state-mark{position:absolute;right:18px;top:34px;width:190px;opacity:.72;pointer-events:none}
  .sp-hero-copy{max-width:100%;padding-right:120px}
  .sp-actions{padding-right:0;flex-wrap:wrap}
  .sp-btn{font-size:11px;padding:9px 11px}
  .sp-kpis{grid-template-columns:repeat(2,1fr);padding:10px 18px 14px}
}
@media (max-width:560px){
  .sp-hero-inner{padding:22px 16px 18px}
  .sp-hero-copy{padding-right:0}
  .sp-hero-photo{background-size:auto 100%;background-position:64% center}
  .sp-hero-photo:after{background:linear-gradient(90deg,#001728 0%,rgba(0,23,40,.91) 57%,rgba(0,23,40,.38) 100%)}
  .sp-state-mark{position:absolute;right:-24px;top:24px;width:150px;opacity:.48}
  .sp-hero h1{font-size:42px}
  .sp-hero-theme{font-size:18px}
  .sp-hero-copy>p{font-size:13px;line-height:1.42;max-width:100%}
  .sp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sp-actions .sp-btn:first-child{grid-column:1/-1}
  .sp-btn{white-space:normal;text-align:center}
  .sp-kpis{grid-template-columns:1fr 1fr;padding:8px 14px 12px;gap:7px}
  .sp-kpis article{min-height:74px;padding:10px}
  .sp-kpis strong{font-size:19px}
  .sp-kpis i{font-size:21px}
}

/* V18 hero refinement: mockup-matched scale, glass treatment, and responsive elasticity */
.sp-hero{height:326px;min-height:326px}
.sp-hero-inner{height:326px;padding-top:24px;padding-bottom:22px;grid-template-columns:minmax(560px,.96fr) minmax(300px,1.04fr)}
.sp-hero-photo{background-size:cover;background-position:center 45%;filter:saturate(1.04) contrast(1.02)}
.sp-hero-photo:after{background:linear-gradient(90deg,#001728 0%,rgba(0,23,40,.94) 24%,rgba(0,23,40,.64) 43%,rgba(0,23,40,.13) 68%,rgba(0,23,40,.01) 100%)}
.sp-hero h1{font-size:clamp(44px,4vw,61px);margin-top:5px}
.sp-hero-copy>p{margin:9px 0 12px;line-height:1.42;max-width:620px}
.sp-state-mark{width:min(210px,44%);transform:translate(24px,-2px)}
.sp-state-mark-halo{inset:10%;filter:blur(7px);opacity:.55}
.sp-state-silhouette{transform:rotate(2.35deg) skewY(-.7deg);transform-origin:50% 52%;filter:drop-shadow(0 0 3px rgba(43,204,255,.65)) drop-shadow(0 0 9px rgba(19,154,229,.22))}
.sp-state-silhouette img{filter:none}
.sp-state-label{top:52%;background:rgba(0,17,29,.82);border-color:rgba(57,210,255,.38);box-shadow:0 4px 14px rgba(0,0,0,.26);font-size:8.5px;transform:translate(-50%,-50%) rotate(-2.35deg) skewY(.7deg)}
.sp-kpis{padding-top:8px;padding-bottom:10px}
.sp-kpis article{min-height:76px;padding:10px 12px}
.sp-section.sp-insights{padding-top:6px}

@media (max-width:1200px){
  .sp-hero{height:340px;min-height:340px}
  .sp-hero-inner{height:340px;grid-template-columns:minmax(470px,1fr) minmax(260px,.85fr);padding-left:24px;padding-right:24px}
  .sp-state-mark{width:min(190px,52%);transform:translate(8px,0)}
  .sp-actions{flex-wrap:wrap}
  .sp-kpis{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:24px;padding-right:24px}
}
@media (max-width:900px){
  .sp-hero{height:auto;min-height:0}
  .sp-hero-inner{height:auto;min-height:470px;grid-template-columns:1fr;padding:28px 22px 24px;align-content:center}
  .sp-hero-copy{max-width:620px}
  .sp-state-mark{position:absolute;right:7%;top:20%;width:190px;opacity:.9;transform:none}
  .sp-hero-photo{background-position:58% center}
  .sp-hero-photo:after{background:linear-gradient(90deg,rgba(0,23,40,.97) 0%,rgba(0,23,40,.80) 53%,rgba(0,23,40,.34) 100%)}
  .sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 20px}
}
@media (max-width:620px){
  .sp-hero-inner{min-height:500px;padding:24px 18px 20px;align-content:start}
  .sp-hero h1{font-size:clamp(40px,13vw,54px);max-width:90%}
  .sp-hero-theme{font-size:18px;max-width:72%}
  .sp-hero-copy>p{max-width:78%;font-size:13px}
  .sp-actions{display:grid;grid-template-columns:1fr;max-width:290px}
  .sp-state-mark{right:-1%;top:24%;width:145px;opacity:.82}
  .sp-kpis{grid-template-columns:1fr 1fr;padding:9px 14px;gap:7px}
  .sp-kpis article{min-height:70px}
}

/* =========================================================

/* =========================================================
   V24 — glass state renderer
   Exact geometry comes from /static/img/states/<state-slug>.svg.
   Visual hierarchy: translucent glass -> subtle highlight ->
   crisp cyan edge -> restrained halo -> centered state label.
   ========================================================= */

html, body {
  background: #001728 !important;
}
body {
  overflow-x: hidden;
}
main.container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #001728 !important;
}

.sp-state-mark {
  position: relative;
  justify-self: center;
  width: min(330px, 66%);
  aspect-ratio: 4 / 3;
  z-index: 2;
  filter: none;
  transform: none;
  transform-origin: 50% 50%;
}

.sp-state-mark-halo {
  position: absolute;
  inset: 7% 5%;
  border-radius: 44%;
  background: radial-gradient(
    ellipse at center,
    rgba(65, 211, 255, .10) 0%,
    rgba(44, 188, 236, .035) 48%,
    transparent 74%
  );
  filter: blur(11px);
  pointer-events: none;
}

.sp-state-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
}

/* Soft outer aura — intentionally broader than the crisp edge. */
.sp-state-svg .adc-state-glow-shape {
  fill: none !important;
  stroke: #37cfff !important;
  stroke-width: 4.25 !important;
  stroke-opacity: .23 !important;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  stroke-linecap: round;
}

/* The primary glass body. The JS supplies the SVG gradient. */
.sp-state-svg .adc-state-glass-shape {
  stroke: none !important;
  fill-opacity: 1 !important;
  filter: none !important;
}

/* A clipped highlight gives the surface a visible glass reflection. */
.sp-state-svg .adc-state-highlight {
  pointer-events: none;
}

/* Razor edge. */
.sp-state-svg .adc-state-edge-shape {
  fill: none !important;
  stroke: #67e2ff !important;
  stroke-width: 1.45 !important;
  stroke-opacity: .96 !important;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  stroke-linecap: round;
  filter: none !important;
}

.sp-state-label {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  padding: 5px 9px;
  border: 1px solid rgba(111, 228, 255, .24);
  border-radius: 4px;
  background: rgba(0, 20, 35, .34);
  box-shadow: 0 2px 10px rgba(0, 10, 18, .16);
  color: #f2fcff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .18em;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 10, 18, .45);
  white-space: nowrap;
  pointer-events: none;
}

.sp-state-svg-fallback {
  display: none;
  position: absolute;
  inset: 0;
  place-items: center;
  color: rgba(78, 216, 255, .8);
  font-weight: 900;
  font-size: 40px;
  letter-spacing: .12em;
}

.sp-state-mark.is-svg-error .sp-state-svg {
  display: none;
}
.sp-state-mark.is-svg-error .sp-state-svg-fallback {
  display: grid;
}
.sp-state-mark.is-svg-error .sp-state-label {
  display: none;
}

@media (min-width: 1500px) {
  .sp-state-mark {
    width: min(345px, 68%);
  }
}

@media (max-width: 1280px) {
  .sp-state-mark {
    width: min(295px, 65%);
  }
}

@media (max-width: 1024px) {
  .sp-state-mark {
    width: 255px;
    justify-self: end;
    margin-right: 14px;
  }
}

@media (max-width: 820px) {
  .sp-state-mark {
    position: absolute;
    right: 16px;
    top: 34px;
    width: 196px;
    opacity: .78;
    margin: 0;
  }
  .sp-state-label {
    font-size: 7.5px;
    padding: 4px 7px;
  }
}

@media (max-width: 600px) {
  .sp-state-mark {
    right: -8px;
    top: 30px;
    width: 150px;
    opacity: .5;
  }
  .sp-state-label {
    display: none;
  }
}

/* =========================================================
   V25 — Figma-authored state SVGs are authoritative.
   JS preserves the SVG's own fills, gradients, filters and strokes.
   CSS controls only placement, scale, label and fallback behavior.
   ========================================================= */
.sp-state-mark{
  position:relative;
  justify-self:center;
  width:min(330px,66%);
  aspect-ratio:4/3;
  z-index:2;
  transform:none!important;
  filter:none!important;
  opacity:1;
  overflow:visible;
}

/* The glow is now authored inside each Figma SVG. */
.sp-state-mark-halo{display:none!important}

.sp-state-svg{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  shape-rendering:geometricPrecision;
  text-rendering:geometricPrecision;
  filter:none!important;
}

/* Do not override Figma-authored SVG internals. */
.sp-state-svg path,
.sp-state-svg rect,
.sp-state-svg circle,
.sp-state-svg ellipse,
.sp-state-svg polygon,
.sp-state-svg polyline,
.sp-state-svg line,
.sp-state-svg g{
  vector-effect:inherit;
}

.sp-state-label{
  position:absolute;
  left:50%;
  top:53%;
  transform:translate(-50%,-50%)!important;
  z-index:3;
  padding:5px 12px;
  border:1px solid rgba(99,225,255,.30);
  border-radius:7px;
  background:rgba(0,25,43,.26);
  box-shadow:inset 0 0 12px rgba(73,216,255,.035),0 3px 12px rgba(0,0,0,.12);
  color:#f5fdff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.18em;
  text-shadow:0 1px 3px rgba(0,12,22,.48);
  white-space:nowrap;
  pointer-events:none;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}

.sp-state-svg-fallback{
  display:none;
  position:absolute;
  inset:0;
  place-items:center;
  color:rgba(78,216,255,.8);
  font-weight:900;
  font-size:40px;
  letter-spacing:.12em;
}

.sp-state-mark.is-svg-error .sp-state-svg{display:none}
.sp-state-mark.is-svg-error .sp-state-svg-fallback{display:grid}
.sp-state-mark.is-svg-error .sp-state-label{display:none}

@media(max-width:1280px){
  .sp-state-mark{width:min(305px,64%)}
}
@media(max-width:1024px){
  .sp-state-mark{width:270px;justify-self:end;margin-right:8px}
}
@media(max-width:820px){
  .sp-state-mark{position:absolute;right:12px;top:34px;width:205px;margin:0;opacity:.82}
  .sp-state-label{font-size:7.5px;padding:4px 9px}
}
@media(max-width:600px){
  .sp-state-mark{right:-12px;top:30px;width:158px;opacity:.58}
  .sp-state-label{display:none}
}