/* ============================================================
   PRC TEMPLATE v3 — Mobile-first, zero patches
   ============================================================ */

/* Tokens */
:root {
  --navy-1:#060f1e;
  --navy-2:#0a1e42;
  --navy-3:#0a3060;
  --cyan:#00b4d8;
  --cyan-2:#0096c7;
  --bg:#f0f4f8;
  --card:#ffffff;
  --text:#1e293b;
  --muted:#64748b;
  --line:#e2e8f0;
  --shadow:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);
  --shadow-lg:0 8px 28px rgba(15,23,42,.10);
  --radius:14px;
  --radius-sm:8px;
  --maxw:1220px;

  /* topic accents (used only for body cards, NOT nav) */
  --c-bg:#00b4d8;
  --c-people:#c4b5fd;
  --c-crim:#fb7185;
  --c-asset:#4ade80;
  --c-arrest:#fbbf24;
  --c-vital:#f472b6;

  /* nav neutral accent (single color for all 6 items) */
  --nav-accent:#7eb8f7;
}

/* Reset (minimal) */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:15px;line-height:1.6;color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--cyan-2);text-decoration:none}
a:hover{color:var(--cyan);text-decoration:underline}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer}

/* ============================================================
   HEADER (mobile-first, same on desktop)
   ============================================================ */
.prc-header{
  background:linear-gradient(135deg,var(--navy-1) 0%,var(--navy-2) 50%,var(--navy-3) 100%);
  position:sticky;top:0;z-index:100;
  box-shadow:0 2px 12px rgba(0,0,0,.25);
}
.prc-header-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;height:58px;
  max-width:var(--maxw);margin:0 auto;
}
.prc-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.prc-logo-icon{
  width:38px;height:38px;border-radius:9px;
  background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-2) 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;flex-shrink:0;
}
.prc-logo-text{display:flex;flex-direction:column;line-height:1.1}
.prc-logo-name{color:#fff;font-weight:700;font-size:16px;letter-spacing:-.2px}
.prc-logo-name b{color:var(--cyan);font-weight:700}
.prc-logo-name sup{font-size:9px;color:#94a3b8;font-weight:500;margin-left:1px}
.prc-logo-tag{
  color:#7891b0;font-size:9.5px;font-weight:600;letter-spacing:.6px;
  text-transform:uppercase;margin-top:2px;
}
.prc-logo:hover{text-decoration:none}

/* Hamburger */
.prc-burger{
  width:44px;height:44px;border:none;background:transparent;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:22px;border-radius:8px;
  transition:background .15s;
}
.prc-burger:hover{background:rgba(255,255,255,.08)}
.prc-burger:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* ============================================================
   TOPIC STRIP (same on mobile and desktop — neutral color)
   Mobile: horizontal scroll. Desktop: centered, no scroll.
   ============================================================ */
.prc-topics{
  background:#0d1f3c;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(0,0,0,.2);
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.prc-topics::-webkit-scrollbar{display:none}
.prc-topics-inner{
  display:flex;align-items:stretch;
  width:max-content;min-width:100%;
  max-width:var(--maxw);margin:0 auto;
  padding:0 8px;
}
.prc-topic{
  display:flex;align-items:center;gap:7px;
  padding:0 14px;height:42px;
  color:#cbd8ee;font-size:12.5px;font-weight:600;letter-spacing:.2px;
  text-decoration:none;white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s,background .15s;
  flex-shrink:0;
}
.prc-topic i{font-size:13px;color:var(--nav-accent)}
.prc-topic:hover{
  color:#fff;background:rgba(255,255,255,.04);text-decoration:none;
  border-bottom-color:var(--nav-accent);
}
.prc-topic:hover i{color:#fff}
.prc-topic.is-active{
  color:#fff;background:rgba(255,255,255,.06);
  border-bottom-color:var(--cyan);
}
.prc-topic.is-active i{color:var(--cyan)}

/* ============================================================
   DRAWER (slides from right, mobile-first)
   ============================================================ */
.prc-drawer-backdrop{
  position:fixed;inset:0;background:rgba(6,15,30,.55);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease;
  z-index:200;
}
.prc-drawer-backdrop.is-open{opacity:1;pointer-events:auto}

.prc-drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(320px,86vw);
  background:#0d1f3c;color:#cbd5e1;
  box-shadow:-4px 0 24px rgba(0,0,0,.4);
  transform:translateX(100%);
  transition:transform .25s ease;
  z-index:300;
  display:flex;flex-direction:column;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.prc-drawer.is-open{transform:translateX(0)}

.prc-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;height:58px;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky;top:0;background:#0d1f3c;z-index:1;
}
.prc-drawer-title{
  color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;
  text-transform:uppercase;
}
.prc-drawer-close{
  width:36px;height:36px;border:none;background:transparent;
  color:#cbd5e1;font-size:18px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
}
.prc-drawer-close:hover{background:rgba(255,255,255,.08);color:#fff}

.prc-drawer-section{
  padding:18px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.prc-drawer-section:last-child{border-bottom:none}
.prc-drawer-label{
  display:flex;align-items:center;gap:8px;
  color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;margin-bottom:12px;
}

.prc-select{
  width:100%;padding:13px 14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#e2e8f0;font-size:14px;
  border-radius:8px;margin-bottom:10px;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%2394a3b8' d='M5 8l5 5 5-5z'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
  padding-right:38px;cursor:pointer;
}
.prc-select:disabled{opacity:.45;cursor:default}
.prc-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,180,216,.18)}
.prc-select option{background:#0d1f3c;color:#e2e8f0}

.prc-input{
  width:100%;padding:13px 14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#e2e8f0;font-size:14px;
  border-radius:8px;margin-bottom:10px;
}
.prc-input::placeholder{color:#64748b}
.prc-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,180,216,.18)}

.prc-btn-primary{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 16px;
  background:linear-gradient(135deg,#10b981 0%,#059669 100%);
  color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;
  border:none;border-radius:8px;
  box-shadow:0 4px 12px rgba(16,185,129,.35);
  transition:transform .1s,box-shadow .15s;
}
.prc-btn-primary:hover{box-shadow:0 6px 16px rgba(16,185,129,.45)}
.prc-btn-primary:active{transform:translateY(1px)}

.prc-drawer-note{font-size:11px;color:#64748b;line-height:1.5;margin-top:6px}

/* ============================================================
   HERO
   ============================================================ */
.prc-hero{
  background:linear-gradient(135deg,var(--navy-1) 0%,var(--navy-2) 45%,var(--navy-3) 100%);
  padding:32px 20px 40px;
  text-align:center;position:relative;overflow:hidden;
}
.prc-hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 20% 60%,rgba(0,180,216,.14) 0%,transparent 55%),
    radial-gradient(ellipse at 80% 20%,rgba(2,62,138,.22) 0%,transparent 55%);
}
.prc-hero-inner{position:relative;z-index:1;max-width:840px;margin:0 auto}
.prc-hero h1{
  color:#fff;font-size:clamp(28px,6vw,48px);
  font-weight:800;line-height:1.15;margin:0 0 14px;
  letter-spacing:-.5px;
}
.prc-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(0,180,216,.13);border:1px solid rgba(0,180,216,.38);
  color:var(--cyan);padding:5px 14px;border-radius:50px;
  font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  margin-bottom:14px;
}
.prc-hero-sub{
  color:#94a3b8;font-size:14px;line-height:1.5;
  max-width:640px;margin:0 auto;
}

/* Sponsor search form (in hero) */
.prc-search{
  background:rgba(13,31,60,.85);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:14px 16px 16px;
  margin:24px auto 0;max-width:780px;
  backdrop-filter:blur(8px);
}
/* Centered, smaller sponsor label on top */
.prc-search-label{
  display:block;
  text-align:center;
  color:#7891b0;
  font-size:9px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;
  margin:0 0 12px;
  opacity:.85;
}
.prc-search-grid{
  display:grid;grid-template-columns:1fr;gap:10px;
}
.prc-search-field label{
  display:block;
  color:#94a3b8;font-size:11px;font-weight:600;
  margin-bottom:5px;text-align:left;
}
.prc-search-field input,
.prc-search-field select{
  width:100%;padding:11px 12px;
  background:#fff;color:var(--text);
  border:1px solid var(--line);border-radius:7px;
  font-size:14px;
}
.prc-search-field input:focus,
.prc-search-field select:focus{
  outline:none;border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(0,180,216,.18);
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
.prc-crumb{
  background:#eef3fb;
  padding:10px 20px;font-size:12px;color:var(--muted);
}
.prc-crumb-inner{max-width:var(--maxw);margin:0 auto}
.prc-crumb a{color:var(--cyan-2);font-weight:600}
.prc-crumb-sep{margin:0 8px;color:#cbd5e1}

/* ============================================================
   MAIN WRAP + CARDS
   ============================================================ */
.prc-main{max-width:var(--maxw);margin:0 auto;padding:24px 16px 48px}

.prc-section-label{
  font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:#0f6cbd;margin-bottom:8px;
}
.prc-section-title{
  font-size:clamp(22px,4vw,32px);font-weight:800;
  margin:0 0 10px;letter-spacing:-.3px;
}
.prc-section-sub{color:var(--muted);margin:0 0 24px;max-width:760px}

/* Top topic 4-card grid (body — colors stay here, NOT nav) */
.prc-topcards{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:32px}
.prc-topcard{
  background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
  display:flex;align-items:flex-start;gap:14px;
  border-left:4px solid var(--c-bg);
  text-decoration:none;color:inherit;
  transition:transform .15s,box-shadow .15s;
  position:relative;
}
.prc-topcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}
.prc-topcard[data-topic=crim]   {border-left-color:var(--c-crim)}
.prc-topcard[data-topic=court]  {border-left-color:#a78bfa}
.prc-topcard[data-topic=expunge]{border-left-color:#c4b5fd}
.prc-topcard[data-topic=inmate] {border-left-color:#475569}
.prc-topcard[data-topic=people] {border-left-color:var(--c-people)}
.prc-topcard[data-topic=asset]  {border-left-color:var(--c-asset)}
.prc-topcard[data-topic=arrest] {border-left-color:var(--c-arrest)}
.prc-topcard[data-topic=vital]  {border-left-color:var(--c-vital)}

.prc-topcard-icon{
  width:42px;height:42px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);
  color:#fff;font-size:17px;flex-shrink:0;
}
.prc-topcard[data-topic=court]   .prc-topcard-icon{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}
.prc-topcard[data-topic=expunge] .prc-topcard-icon{background:linear-gradient(135deg,#c4b5fd 0%,#8b5cf6 100%)}
.prc-topcard[data-topic=inmate]  .prc-topcard-icon{background:linear-gradient(135deg,#64748b 0%,#334155 100%)}
.prc-topcard[data-topic=people]  .prc-topcard-icon{background:linear-gradient(135deg,#c4b5fd 0%,#8b5cf6 100%)}
.prc-topcard[data-topic=asset]   .prc-topcard-icon{background:linear-gradient(135deg,#4ade80 0%,#16a34a 100%)}
.prc-topcard[data-topic=arrest]  .prc-topcard-icon{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)}
.prc-topcard[data-topic=vital]   .prc-topcard-icon{background:linear-gradient(135deg,#f472b6 0%,#db2777 100%)}
.prc-topcard[data-topic=bg]      .prc-topcard-icon{background:linear-gradient(135deg,#00b4d8 0%,#0369a1 100%)}

.prc-topcard-body{flex:1;min-width:0}
.prc-topcard-kicker{
  font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:var(--muted);margin-bottom:3px;
}
.prc-topcard-title{font-size:17px;font-weight:700;color:var(--text);margin:0 0 4px}
.prc-topcard-desc{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.prc-topcard-arrow{
  position:absolute;top:18px;right:18px;
  color:var(--muted);font-size:14px;
  transition:transform .15s,color .15s;
}
.prc-topcard:hover .prc-topcard-arrow{transform:translateX(3px);color:var(--cyan)}

/* ============================================================
   STAT GRID (gradient top borders)
   ============================================================ */
.prc-stats{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:32px}
.prc-stat{
  background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;position:relative;overflow:hidden;
}
.prc-stat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--c-bg),var(--c-asset));
}
.prc-stat:nth-child(2)::before{background:linear-gradient(90deg,var(--c-asset),var(--c-arrest))}
.prc-stat:nth-child(3)::before{background:linear-gradient(90deg,var(--c-arrest),var(--c-vital))}
.prc-stat:nth-child(4)::before{background:linear-gradient(90deg,var(--c-vital),var(--c-bg))}

.prc-stat-label{
  display:flex;align-items:center;gap:7px;
  font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:8px;
}
.prc-stat-label i{color:var(--cyan-2)}
.prc-stat-value{
  font-size:32px;font-weight:800;color:var(--text);line-height:1;
  margin-bottom:6px;letter-spacing:-.5px;
}
.prc-stat-note{font-size:12px;color:var(--muted);margin:0;line-height:1.4}

/* ============================================================
   CONTENT AREA + SIDEBAR
   ============================================================ */
.prc-grid{display:grid;grid-template-columns:1fr;gap:20px}
.prc-content{min-width:0}
.prc-sidebar{display:flex;flex-direction:column;gap:14px}

.prc-card{
  background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:20px;
}
.prc-card h2,.prc-card h3{margin-top:0}
.prc-card h3{
  font-size:16px;font-weight:700;color:var(--text);
  display:flex;align-items:center;gap:8px;margin-bottom:10px;
}
.prc-card h3 i{color:var(--cyan-2);font-size:15px}
.prc-card p{margin:0 0 10px}
.prc-card p:last-child{margin-bottom:0}

.prc-side-card{
  background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:18px;
}
.prc-side-card h3{
  font-size:15px;font-weight:700;margin:0 0 10px;
  display:flex;align-items:center;gap:7px;
}
.prc-side-card h3 i{color:var(--cyan-2)}
.prc-side-card p{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.prc-side-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px;background:var(--navy-2);color:#fff;
  border-radius:7px;font-size:13px;font-weight:600;
  text-decoration:none;transition:background .15s;
}
.prc-side-btn:hover{background:var(--navy-3);text-decoration:none;color:#fff}

/* ============================================================
   FOOTER (mega)
   ============================================================ */
.prc-footer{
  background:#0a1628;color:#94a3b8;
  margin-top:40px;font-size:13px;
}
.prc-footer a{color:#cbd5e1}
.prc-footer a:hover{color:var(--cyan);text-decoration:underline}

.prc-ft-cols{
  max-width:var(--maxw);margin:0 auto;
  padding:36px 20px 24px;
  display:grid;grid-template-columns:1fr;gap:28px;
}
.prc-ft-col h4{
  color:#fff;font-size:13px;font-weight:700;
  margin:0 0 12px;letter-spacing:.3px;
  display:flex;align-items:center;gap:6px;
}
.prc-ft-col h4 i{color:#475569;font-size:11px}
.prc-ft-col ul{list-style:none;padding:0;margin:0}
.prc-ft-col li{margin-bottom:7px;font-size:13px}
.prc-ft-col li i{color:#475569;font-size:9px;margin-right:5px}

.prc-ft-states{background:#070f1d;border-top:1px solid rgba(255,255,255,.04)}
.prc-ft-states-inner{max-width:var(--maxw);margin:0 auto;padding:24px 20px}
.prc-ft-states h4{
  color:#fff;font-size:13px;font-weight:700;margin:0 0 14px;
  display:flex;align-items:center;gap:6px;
}
.prc-ft-states h4 i{color:#475569;font-size:11px}
.prc-ft-states-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px;
  font-size:12.5px;
}
.prc-ft-states-grid a{color:#94a3b8;padding:2px 0}

.prc-ft-legal{
  background:#050b18;border-top:1px solid rgba(255,255,255,.04);
  padding:20px;
}
.prc-ft-legal-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}
.prc-ft-legal-box{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;padding:14px;
}
.prc-ft-legal-box h5{
  color:#cbd5e1;font-size:12px;font-weight:700;margin:0 0 7px;
  display:flex;align-items:center;gap:6px;
}
.prc-ft-legal-box h5 i{color:#fbbf24;font-size:11px}
.prc-ft-legal-box p{font-size:11.5px;line-height:1.55;margin:0;color:#64748b}
.prc-ft-legal-box strong{color:#94a3b8}

.prc-ft-bottom{background:#040810;border-top:1px solid rgba(255,255,255,.04)}
.prc-ft-bottom-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 20px;
  display:flex;flex-direction:column;gap:10px;align-items:flex-start;
  font-size:11.5px;color:#5c6d82;
}
.prc-ft-bottom-links{display:flex;flex-wrap:wrap;gap:6px 14px}
.prc-ft-bottom-links a{color:#5c6d82;font-size:11.5px}

/* ============================================================
   DESKTOP UPSCALE
   ============================================================ */
@media (min-width:768px){
  .prc-header-bar{padding:0 24px}

  /* Topic strip stays horizontal on desktop too — centered, no scroll */
  .prc-topics-inner{
    width:auto;min-width:0;
    justify-content:center;
    padding:0 16px;
  }
  .prc-topic{
    height:46px;font-size:13px;padding:0 18px;
  }

  /* Hero */
  .prc-hero{padding:48px 24px 56px}
  .prc-search-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px}
  .prc-search-grid .prc-search-field:last-of-type{align-self:end}
  .prc-search-btn-wrap button{margin-bottom:0;height:42px}

  /* Main */
  .prc-main{padding:32px 24px 56px}

  /* Topic cards 2-col */
  .prc-topcards{grid-template-columns:1fr 1fr;gap:16px}

  /* Stats 2-col */
  .prc-stats{grid-template-columns:1fr 1fr;gap:14px}

  /* Sidebar layout */
  .prc-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}

  /* Footer cols */
  .prc-ft-cols{grid-template-columns:repeat(4,1fr);gap:32px;padding:48px 24px 32px}
  .prc-ft-states-grid{grid-template-columns:repeat(5,1fr);font-size:12.5px}
  .prc-ft-legal-inner{grid-template-columns:1fr 1fr;gap:18px}
  .prc-ft-bottom-inner{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}
}

@media (min-width:1024px){
  .prc-topcards{grid-template-columns:repeat(4,1fr)}
  .prc-stats{grid-template-columns:repeat(4,1fr)}
}

/* Body scroll lock when drawer open */
body.prc-no-scroll{overflow:hidden}

/* ============================================================
   BODY STYLES — extracted from 721 legacy pages
   ============================================================ */
/* PRC v3 — BODY STYLES (consolidated) */
/* Extracted from 721 pages, 614 unique rules */


/* ==== HERO (33) ==== */
.hero { background:linear-gradient(135deg,#060f1e 0%,#0a1e42 45%,#0a3060 100%); padding:48px 24px 56px; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 20% 60%,rgba(0,180,216,0.14) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(2,62,138,0.22) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(0,180,216,0.07) 0%,transparent 40%); }
.hero-content{position:relative; z-index:1; max-width:920px; margin:0 auto;}
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.38); color:var(--cyan); padding:6px 14px; border-radius:50px; font-size:11px; font-weight:700; letter-spacing:0.8px; margin-bottom:14px; text-transform:uppercase; }
.hero h1 { color:white; font-size:clamp(28px,5vw,46px); font-weight:800; line-height:1.18; margin:0 0 14px; letter-spacing:-0.5px; }
.hero h1 span{color:var(--cyan);}
.hero-sub { color:#94a3b8; font-size:15px; margin:0 auto 8px; max-width:720px; line-height:1.5; }
.hero { background: linear-gradient(135deg, #060f1e 0%, #0a1e42 45%, #0a3060 100%);
  padding: 48px 24px 56px; text-align: center; position: relative; overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 20% 60%, rgba(0,180,216,0.14) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%, rgba(2,62,138,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(0,180,216,0.07) 0%, transparent 40%); }
.hero-content{position: relative; z-index: 1; max-width: 920px; margin: 0 auto;}
.hero-badge { display: inline-flex; align-items: center; gap: 8px;
  background: rgba(0,180,216,0.13); border: 1px solid rgba(0,180,216,0.38);
  color: var(--cyan); padding: 6px 14px; border-radius: 50px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.8px;
  margin-bottom: 14px; text-transform: uppercase; }
.hero h1 { color: white; font-size: clamp(28px, 5vw, 46px);
  font-weight: 800; line-height: 1.18; margin: 0 0 14px; letter-spacing: -0.5px; }
.hero h1 span{color: var(--cyan);}
.hero-sub { color: #94a3b8; font-size: 15px; margin: 0 auto 8px; max-width: 720px; line-height: 1.5; }
.hero { background: linear-gradient(135deg, #060f1e 0%, #0a1e42 45%, #0a3060 100%);
  padding: 28px 24px 36px; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% 60%, rgba(0,180,216,0.14) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%, rgba(2,62,138,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(0,180,216,0.07) 0%, transparent 40%); }
.hero-content{position:relative; z-index:1; max-width:840px; margin:0 auto;}
.hero-badge { display:inline-flex; align-items:center; gap:7px;
  background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.38);
  color:var(--cyan); padding:4px 12px; border-radius:50px;
  font-size:10px; font-weight:600; letter-spacing:0.6px;
  margin-bottom:8px; text-transform:uppercase; }
.hero h1 { color:white; font-size:clamp(28px,5vw,48px);
  font-weight:800; line-height:1.18; margin-bottom:16px; letter-spacing:-0.5px; }
.hero-sub{color:#94a3b8; font-size:13px;
  margin-bottom:10px; line-height:1.4;}
.hero p { color:#94a3b8; font-size:13px; line-height:1.45;
  margin:0 auto 10px; max-width:760px; }
.hero p:last-of-type{margin-bottom:10px;}
.hero a{color:var(--cyan);}
.hero { background:linear-gradient(135deg,#060f1e 0%,#0a1e42 45%,#0a3060 100%);padding:24px 16px 20px;text-align:center;position:relative;overflow:hidden }
.hero::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(0,180,216,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(2,62,138,.18) 0%,transparent 55%) }
.hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto}
.hero-badge { display:inline-flex;align-items:center;gap:7px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.3);color:#22d3ee;padding:4px 12px;border-radius:50px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px }
.hero h1{color:#fff;font-size:28px;font-weight:900;margin:0 0 6px}
.hero-sub{color:#b0c4de;font-size:14px;max-width:600px;margin:0 auto 16px}
.hero h1{font-size:38px}
.hero-sub{font-size:15px}
.hero{padding:44px 32px 32px}
.hero h1{font-size:44px}

/* ==== SECTION HEADERS (6) ==== */
.section-label { font-size:11px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:#0f6cbd; margin-bottom:8px; }
.section-title { font-size:clamp(22px,3vw,30px); font-weight:800; color:var(--navy); margin:0 0 8px; letter-spacing:-0.3px; }
.section-lede { font-size:15px; color:var(--muted); margin:0 0 28px; max-width:780px; line-height:1.6; }
.section-label { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: #0f6cbd; margin-bottom: 8px; }
.section-title { font-size: clamp(22px,3vw,30px); font-weight: 800; color: var(--navy); margin: 0 0 8px; letter-spacing: -0.3px; }
.section-lede { font-size: 15px; color: var(--muted); margin: 0 0 28px; max-width: 780px; line-height: 1.6; }

/* ==== MAIN WRAP (3) ==== */
.main-wrap{max-width:1180px; margin:36px auto; padding:0 24px;}
.main-wrap{max-width: 1180px; margin: 36px auto; padding: 0 24px;}
.main-content{max-width:1280px;margin:0 auto;padding:0 16px 80px}

/* ==== SP-* (specialty page layout) (133) ==== */
.sp-state-browse-card { margin: 48px 0 32px;
  background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
  border-radius: 18px;
  padding: 36px 32px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07);
  border: 1px solid #e8edf3; }
.sp-state-browse-card .sp-card-head { display: flex;
  align-items: center;
  gap: 14px;
  font-size: 22px;
  font-weight: 700;
  color: #0a1628;
  background: transparent;
  margin-bottom: 10px;
  padding-bottom: 18px;
  border-bottom: 3px solid #00b4d8; }
.sp-state-browse-card .sp-card-head i { width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 22px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,180,216,0.30); }
.sp-hero { background:linear-gradient(135deg,#0a1628 0%,#1a3a5c 50%,#1a6fc4 100%);color:#fff;padding:40px 16px;text-align:center }
.sp-hero h1{font-size:clamp(1.5rem,4vw,2.4rem);margin:0 0 12px;font-weight:700}
.sp-hero p{font-size:1rem;max-width:700px;margin:0 auto;opacity:.9;line-height:1.7}
.sp-main { max-width:1200px;margin:0 auto;padding:28px 16px;display:grid;grid-template-columns:1fr 300px;gap:28px }
.sp-related-guides { margin:32px 0 8px;padding:20px;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border-radius:10px;border:1px solid #bfdbfe; }
.sp-related-guides h3 { font-size:.95rem;font-weight:700;color:#1a2e4a;margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em; }
.sp-related-grid{display:flex;flex-wrap:wrap;gap:8px;}
.sp-related-link { display:inline-block;padding:6px 14px;background:#fff;border:1px solid #93c5fd;border-radius:20px;font-size:.82rem;color:#1d6fa4;text-decoration:none;transition:all .2s; }
.sp-related-link:hover{background:#1d6fa4;color:#fff;border-color:#1d6fa4;}
.sp-intro { background:#f0f7ff;border-left:4px solid #1a6fc4;padding:16px 20px;border-radius:0 8px 8px 0;margin-bottom:24px;font-size:.95rem;line-height:1.75;color:#2c3e50 }
.sp-card { background:#fff;border:1px solid #dce8f5;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 6px rgba(26,63,92,.06) }
.sp-card-head { background:#1a3a5c;color:#fff;padding:12px 18px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem }
.sp-card-head i{font-size:1.1rem;opacity:.85}
.sp-card-body{padding:14px 18px}
.sp-card-body a { display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid #eef3fa;font-size:.88rem;color:#1a6fc4;text-decoration:none;line-height:1.4 }
.sp-card-body a:last-child{border-bottom:none}
.sp-card-body a:before{content:"›";font-weight:700;color:#1a6fc4;flex-shrink:0;margin-top:1px}
.sp-card-body a:hover{color:#1a3a5c;padding-left:4px}
.sp-section-body{font-size:.92rem;line-height:1.75;color:#334155}
.sp-section-body h3{font-size:1rem;font-weight:700;color:#1a3a5c;margin:18px 0 8px}
.sp-section-body p{margin:0 0 12px}
.sp-section-body ul,.sp-section-body ol{margin:0 0 12px;padding-left:22px}
.sp-section-body li{margin-bottom:6px}
.sp-section-body table.sp-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}
.sp-section-body table.sp-table th{background:#1a3a5c;color:#fff;padding:10px 12px;text-align:left;font-weight:600}
.sp-section-body table.sp-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0}
.sp-section-body table.sp-table tr:hover{background:#f8fafc}
.sp-main{grid-template-columns:1fr;gap:20px}
.sp-sidebar{order:2}
.sp-hero{padding:28px 14px}
.sp-intro{margin-bottom:18px}
.sp-hero h1{font-size:1.4rem}
.sp-terms{max-width:100%}
.sp-faq{margin: 32px 0;}
.sp-faq h2 { font-size: 1.35rem; color: #1a3c6e; margin-bottom: 12px; border-bottom: 2px solid #e0e7ef; padding-bottom: 6px; }
.sp-faq details { border: 1px solid #d0daea; border-radius: 6px; margin-bottom: 8px; background: #fff; }
.sp-faq summary { padding: 14px 16px; font-weight: 600; font-size: .97rem; color: #1a3c6e; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sp-faq summary::-webkit-details-marker{display: none;}
.sp-faq summary::after{content: '+'; font-size: 1.2rem; color: #4a7abf; transition: transform .2s;}
.sp-faq details[open] summary::after{content: '−';}
.sp-faq .faq-answer{padding: 0 16px 14px; color: #444; font-size: .93rem; line-height: 1.65;}
.sp-deep{font-family:inherit;color:#2d3a4a;line-height:1.72;}
.sp-deep h2 { font-size:1.22rem;font-weight:700;color:#0d2240;
  border-left:4px solid #0077b6;padding-left:12px;
  margin:30px 0 14px;line-height:1.35; }
.sp-deep h2:first-child{margin-top:8px;}
.sp-deep h3 { font-size:1.04rem;font-weight:700;color:#1a3a5c;
  margin:22px 0 9px;padding-bottom:5px;
  border-bottom:1px solid #dce8f5; }
.sp-deep h4{font-size:.95rem;font-weight:700;color:#1a3a5c;margin:14px 0 6px;}
.sp-deep p{font-size:.95rem;line-height:1.78;color:#2d3a4a;margin:0 0 14px;}
.sp-deep a{color:#1a6fc4;text-decoration:none;}
.sp-deep a:hover{text-decoration:underline;color:#0a4a8e;}
.sp-deep strong{color:#0a1e3d;font-weight:700;}
.sp-deep em{color:#1a3a5c;font-style:italic;}
.sp-deep ul,.sp-deep ol { font-size:.94rem;line-height:1.78;color:#2d3a4a;
  margin:0 0 14px;padding-left:24px; }
.sp-deep li{margin-bottom:6px;}
.sp-deep ul li::marker{color:#1a6fc4;}
.sp-deep table,.sp-table{width:100%;border-collapse:collapse;
  font-size:.875rem;margin:14px 0 20px;}
.sp-deep table th,.sp-table th { background:linear-gradient(135deg,#0a1e3d,#1a3a5c);
  color:#fff;padding:11px 14px;text-align:left;
  font-weight:600;font-size:.85rem;letter-spacing:.02em; }
.sp-deep table td,.sp-table td { padding:9px 14px;border-bottom:1px solid #e2e8f0;
  vertical-align:top;color:#2d3a4a; }
.sp-deep table tr:nth-child(even) td,.sp-table tr:nth-child(even) td{background:#f7fafd;}
.sp-deep table tr:hover td,.sp-table tr:hover td{background:#eef5ff;transition:background .15s;}
.sp-deep table td:first-child,.sp-table td:first-child{font-weight:600;color:#0a5a9e;}
.sp-table-wrap { overflow-x:auto;margin:16px 0;
  border-radius:8px;border:1px solid #d0dce9;
  box-shadow:0 2px 8px rgba(26,63,92,.07); }
.sp-table-wrap table,.sp-table-wrap .sp-table{margin:0;border:none;}
.sp-callout { background:#f0f7ff;border:1px solid #bcd6f5;
  border-left:4px solid #1a6fc4;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#1a3a5c;line-height:1.68; }
.sp-callout strong{color:#0a5a9e;}
.sp-warn { background:#fff8e1;border:1px solid #ffe082;
  border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#5a3e00;line-height:1.68; }
.sp-warn strong{color:#b35c00;}
.sp-success { background:#f0fdf4;border:1px solid #86efac;
  border-left:4px solid #22c55e;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#14532d;line-height:1.68; }
.sp-success strong{color:#166534;}
.sp-steps{counter-reset:sp-step;list-style:none;padding:0;margin:14px 0 20px;}
.sp-steps li { counter-increment:sp-step;display:flex;
  align-items:flex-start;gap:14px;margin-bottom:14px;
  font-size:.93rem;color:#2d3a4a;line-height:1.68; }
.sp-steps li::before { content:counter(sp-step);min-width:30px;height:30px;
  background:linear-gradient(135deg,#0077b6,#1a6fc4);
  color:#fff;border-radius:50%;display:flex;
  align-items:center;justify-content:center;
  font-weight:700;font-size:.82rem;flex-shrink:0;
  margin-top:1px;box-shadow:0 2px 6px rgba(0,180,216,.30); }
.sp-tier { display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;margin:16px 0 22px; }
.sp-tier-box { background:#f8fafc;border:1px solid #d0dce9;
  border-top:3px solid #1a6fc4;border-radius:8px;
  padding:14px 16px; }
.sp-tier-box h4 { font-size:.88rem;font-weight:700;color:#0a1e3d;
  margin:0 0 10px;display:flex;align-items:center;gap:7px;
  border-bottom:none; }
.sp-tier-box ul{font-size:.83rem;color:#2d3a4a;margin:0;
  padding-left:16px;line-height:1.65;}
.sp-tier-box li{margin-bottom:4px;}
.sp-stats-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:12px;margin:18px 0; }
.sp-stat-box { background:linear-gradient(135deg,#f0f7ff,#e8f4fd);
  border:1px solid #bcd6f5;border-radius:10px;
  padding:16px 14px;text-align:center; }
.sp-stat-num { font-size:1.65rem;font-weight:800;color:#1a6fc4;
  line-height:1.1;display:block; }
.sp-stat-label{font-size:.77rem;color:#4a6a8a;margin-top:5px;
  display:block;line-height:1.4;}
.sp-highlight { background:linear-gradient(90deg,#0a1e3d 0%,#1a6fc4 60%,#0077b6 100%);
  color:#fff;border-radius:8px;padding:14px 20px;margin:20px 0;
  font-size:.94rem;font-weight:600;
  display:flex;align-items:center;gap:12px; }
.sp-highlight span{opacity:.85;font-weight:400;}
.sp-badge,.badge-green,.badge-red,.badge-blue,.badge-yellow { display:inline-block;padding:2px 9px;border-radius:4px;
  font-size:.74rem;font-weight:700;margin-left:6px;vertical-align:middle; }
.sp-divider,.sp-deep hr{border:none;border-top:2px solid #e8eef5;margin:28px 0;}
.sp-fact-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;margin:16px 0; }
.sp-fact-item { background:#f8fafc;border:1px solid #dce8f5;border-radius:6px;
  padding:10px 14px;font-size:.875rem; }
.sp-fact-item strong{color:#0a1e3d;display:block;margin-bottom:2px;}
.sp-fact-item span{color:#4a6a8a;}
.sp-table td.col-yes{color:#166534;font-weight:600;}
.sp-table td.col-no{color:#9b1c1c;font-weight:600;}
.sp-table td.col-partial{color:#92400e;font-weight:600;}
.sp-table-wrap{font-size:.80rem;}
.sp-deep table th,.sp-table th{padding:8px 10px;}
.sp-deep table td,.sp-table td{padding:7px 10px;}
.sp-tier{grid-template-columns:1fr;}
.sp-stats-grid{grid-template-columns:repeat(2,1fr);}
.sp-deep h2{font-size:1.08rem;}
.sp-deep h3{font-size:.97rem;}
.sp-content{min-width: 0;
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;}
.sp-sidebar{min-width: 0;
  max-width: 100%;}
.sp-deep { max-width: 100%;
  overflow-x: hidden;
  word-break: break-word;
  overflow-wrap: break-word; }
.sp-deep p, .sp-deep li, .sp-deep h2, .sp-deep h3, .sp-deep h4,
.sp-deep blockquote, .sp-deep .sp-callout, .sp-deep .sp-warn,
.sp-deep .sp-success, .sp-deep .sp-highlight{max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;}
.sp-table-wrap, .sp-deep .sp-table-wrap { overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%; }
.sp-deep table, .sp-table{max-width: 100%;
  width: 100%;
  table-layout: auto;}
.sp-stats-grid { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 100%; }
.sp-stat-box{min-width: 0;
  max-width: 100%;
  box-sizing: border-box;}
.sp-highlight { max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  word-break: break-word; }
.sp-tier{max-width: 100%;}
.sp-steps li{max-width: 100%;
  word-break: break-word;}
.sp-related-guides, .sp-related-grid{max-width: 100%;}
.sp-related-link{max-width: 100%;
  white-space: normal;
  word-break: break-word;}
.sp-deep img{max-width: 100%;
  height: auto;}
.sp-hero{max-width: 100%;
  overflow-x: hidden;}
.sp-main{padding: 16px 12px;
    overflow-x: visible;
    max-width: 100%;}
.sp-stats-grid{grid-template-columns: repeat(2, 1fr);
    gap: 8px;}
.sp-stat-box{padding: 12px 8px;}
.sp-stat-num{font-size: 1.4rem;}
.sp-tier{grid-template-columns: 1fr;}
.sp-main{overflow-x: visible !important;}
.sp-content, .sp-card, .sp-card-body{max-width: 100%; overflow-x: hidden; box-sizing: border-box;}
.sp-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: calc(100vw - 32px); }
.sp-deep { max-width: 100%; overflow-x: hidden; word-wrap: break-word; overflow-wrap: break-word; }
.sp-deep table, .sp-table{min-width: 480px;}
.sp-deep img, .sp-content img{max-width: 100%; height: auto;}
.sp-highlight { max-width: 100%; overflow-x: hidden; box-sizing: border-box; word-wrap: break-word; }
.sp-stats-grid{max-width: 100%;}
.sp-tier{max-width: 100%; overflow-x: hidden;}
.sp-faq{max-width: 100%;}
.sp-faq summary{word-wrap: break-word;}
.sp-badge { position:absolute;top:6px;left:12px;font-size:6px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;color:#94a3b8;z-index:10;line-height:1;pointer-events:none }

/* ==== PS-* (people-search page) (134) ==== */
.ps-tile-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:0 0 44px; }
.ps-tile { display:flex; align-items:flex-start; gap:14px; padding:22px 20px 22px 24px; border-radius:16px; background:linear-gradient(135deg,var(--tile-bg1,#eff6ff) 0%,var(--tile-bg2,#dbeafe) 100%); border:1px solid var(--tile-c1,#00b4d8); box-shadow:0 4px 14px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform .2s,box-shadow .2s,border-color .2s; position:relative; overflow:hidden; }
.ps-tile::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); }
.ps-tile::after { content:""; position:absolute; right:-30px; top:-30px; width:90px; height:90px; border-radius:50%; background:linear-gradient(135deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); opacity:0.08; }
.ps-tile:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,0.14); border-color:var(--tile-c2,#0077b6); }
.ps-tile:hover::after{opacity:0.15; transform:scale(1.2); transition:opacity .25s,transform .25s;}
.ps-tile-icon { width:52px; height:52px; border-radius:13px; background:linear-gradient(135deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; box-shadow:0 6px 16px rgba(0,0,0,0.18); position:relative; z-index:1; }
.ps-tile h3 { margin:0 0 4px; font-size:15px; font-weight:700; color:var(--navy,#0a1628); position:relative; z-index:1; }
.ps-tile p { margin:0; font-size:13px; color:#334155; line-height:1.5; position:relative; z-index:1; }
.ps-tile.t-blue{--tile-c1:#00b4d8; --tile-c2:#0077b6; --tile-bg1:#ecfeff; --tile-bg2:#cffafe;}
.ps-tile.t-purple{--tile-c1:#8b5cf6; --tile-c2:#6d28d9; --tile-bg1:#faf5ff; --tile-bg2:#ede9fe;}
.ps-tile.t-green{--tile-c1:#22c55e; --tile-c2:#15803d; --tile-bg1:#f0fdf4; --tile-bg2:#dcfce7;}
.ps-tile.t-orange{--tile-c1:#f97316; --tile-c2:#c2410c; --tile-bg1:#fff7ed; --tile-bg2:#ffedd5;}
.ps-tile.t-red{--tile-c1:#ef4444; --tile-c2:#b91c1c; --tile-bg1:#fef2f2; --tile-bg2:#fee2e2;}
.ps-tile.t-teal{--tile-c1:#14b8a6; --tile-c2:#0f766e; --tile-bg1:#f0fdfa; --tile-bg2:#ccfbf1;}
.ps-tile.t-pink{--tile-c1:#ec4899; --tile-c2:#be185d; --tile-bg1:#fdf2f8; --tile-bg2:#fce7f3;}
.ps-tile.t-indigo{--tile-c1:#6366f1; --tile-c2:#3730a3; --tile-bg1:#eef2ff; --tile-bg2:#e0e7ff;}
.ps-content-section { background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px 32px; margin:0 0 22px; box-shadow:0 2px 8px rgba(0,0,0,0.03); }
.ps-content-section h2 { font-size:clamp(20px,2.4vw,26px); font-weight:800; color:var(--navy); margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #eef4fa; display:flex; align-items:center; gap:12px; }
.ps-content-section h2 .num { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; flex-shrink:0; background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; font-size:14px; font-weight:800; }
.ps-content-section h3 { font-size:17px; font-weight:700; color:var(--navy); margin:22px 0 10px; display:flex; align-items:center; gap:8px; }
.ps-content-section h3::before { content:''; width:4px; height:18px; border-radius:3px; background:linear-gradient(180deg,#00b4d8,#0077b6); }
.ps-content-section p{margin:0 0 14px; font-size:15px; color:#334155; line-height:1.75;}
.ps-content-section ul, .ps-content-section ol{margin:8px 0 16px; padding-left:22px;}
.ps-content-section li{font-size:15px; color:#334155; line-height:1.7; margin-bottom:6px;}
.ps-content-section a{color:#0077b6; text-decoration:none; font-weight:600;}
.ps-content-section a:hover{text-decoration:underline; color:#00b4d8;}
.ps-content-section strong{color:var(--navy); font-weight:700;}
.ps-link-list { list-style:none; padding:0; margin:14px 0 6px; display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:14px; }
.ps-link-list > li { position:relative; padding:20px 22px 20px 74px; border:1.5px solid #dbeafe; border-radius:14px; background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%); box-shadow:0 2px 10px rgba(10,22,40,0.05); transition:transform .2s,box-shadow .2s,border-color .2s,background .2s; overflow:hidden; }
.ps-link-list > li::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,#00b4d8,#0077b6); z-index:1; }
.ps-link-list > li::after { content:"\f0ac"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:18px; top:20px; width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 4px 12px rgba(0,119,182,0.32); z-index:2; }
.ps-link-list > li:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(10,22,40,0.14); border-color:#00b4d8; background:linear-gradient(135deg,#ffffff 0%,#e0f7fb 100%); }
.ps-link-list li a { display:inline-block; font-size:16px; font-weight:800; color:#0a3060; text-decoration:none; line-height:1.3; letter-spacing:-0.01em; }
.ps-link-list li a:hover { color:#0077b6; text-decoration:underline; text-decoration-color:#00b4d8; text-underline-offset:3px; }
.ps-link-list li .src { display:inline-flex; align-items:center; gap:5px; margin-left:10px; padding:3px 11px; border-radius:20px; background:linear-gradient(135deg,#e0f7fb,#cffafe); color:#0077b6; font-size:11.5px; font-weight:700; vertical-align:middle; border:1px solid #a5f0f9; }
.ps-link-list li .src i{font-size:9px;}
.ps-link-list li .ld { display:block; margin-top:8px; color:#334155; font-size:14px; line-height:1.6; font-weight:400; }
.ps-callout { background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%); border-left:4px solid #00b4d8; padding:16px 20px; border-radius:8px; margin:16px 0; display:flex; gap:12px; }
.ps-callout-icon{color:#00b4d8; font-size:20px; flex-shrink:0; margin-top:2px;}
.ps-callout-body{font-size:14.5px; color:#1e40af; line-height:1.65;}
.ps-callout-body strong{color:#0c4a6e;}
.ps-state-grid-section { background:linear-gradient(135deg,#f8fafc 0%,#eef4fa 100%); border:1px solid var(--border); border-radius:16px; padding:32px; margin:32px 0; }
.ps-state-grid-section h2 { margin:0 0 8px; font-size:24px; font-weight:800; color:var(--navy); display:flex; align-items:center; gap:10px; }
.ps-state-grid-section .lede{color:var(--muted); font-size:14px; margin:0 0 20px;}
.ps-state-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; }
.ps-state-chip { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:8px; background:#fff; border:1px solid var(--border); color:var(--navy); text-decoration:none; font-size:13.5px; font-weight:600; transition:all .15s; }
.ps-state-chip:hover { background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; border-color:#00b4d8; transform:translateX(2px); box-shadow:0 4px 10px rgba(0,180,216,0.25); }
.ps-state-chip.active { background:linear-gradient(135deg,#0a1e42,#0a3060); color:#fff; border-color:#0a3060; }
.ps-state-chip .abbr { width:28px; height:22px; border-radius:4px; background:#eef4fa; color:#0077b6; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; letter-spacing:0.5px; flex-shrink:0; }
.ps-state-chip:hover .abbr, .ps-state-chip.active .abbr{background:rgba(255,255,255,0.25); color:#fff;}
.ps-related-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:20px 0 0; }
.ps-related-card { display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:10px; background:#fff; border:1.5px solid var(--border); text-decoration:none; color:inherit; transition:all .15s; }
.ps-related-card:hover{border-color:var(--cyan); background:#f0fbff; transform:translateX(2px);}
.ps-related-icon { width:36px; height:36px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; }
.ps-related-card h4{margin:0 0 2px; font-size:14px; font-weight:700; color:var(--navy);}
.ps-related-card p{margin:0; font-size:12px; color:var(--muted); line-height:1.4;}
.ps-faq-section{margin:36px 0 22px;}
.ps-faq-card { background:#fff; border:1px solid var(--border); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.ps-faq-q { padding:16px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-weight:700; color:var(--navy); font-size:15px; background:#f8fafc; list-style:none; }
.ps-faq-q::-webkit-details-marker{display:none;}
.ps-faq-q::after { content:'\f078'; font-family:'Font Awesome 6 Free'; font-weight:900; color:var(--cyan); transition:transform .2s; }
.ps-faq-a{padding:16px 20px 20px; color:#334155; font-size:14.5px; line-height:1.7;}
.ps-faq-a p{margin:0 0 10px;}
.ps-faq-a p:last-child{margin:0;}
.ps-cta-bar { background:linear-gradient(135deg,#0a1628 0%,#0a3060 100%); color:#fff; padding:24px 28px; border-radius:14px; margin:24px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:0 8px 24px rgba(0,0,0,0.18); flex-wrap:wrap; }
.ps-cta-bar h3{margin:0 0 4px; font-size:18px; font-weight:700; color:#fff;}
.ps-cta-bar p{margin:0; font-size:14px; color:#cbd5e1;}
.ps-cta-btn { background:#00b4d8; color:#0a1628; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:700; font-size:14px; white-space:nowrap; transition:transform .15s,box-shadow .15s; }
.ps-cta-btn:hover{transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,180,216,0.38);}
.ps-footer { background:#0a1628; color:#94a3b8; padding:32px 24px; margin-top:48px; text-align:center; font-size:13px; }
.ps-footer a{color:#00b4d8; text-decoration:none;}
.ps-footer a:hover{text-decoration:underline;}
.ps-meta-row { display:flex; flex-wrap:wrap; gap:14px; margin:20px 0 0; padding:14px 18px; background:#f8fafc; border-radius:10px; color:#64748b; font-size:12.5px; align-items:center; }
.ps-meta-row i{color:#0077b6;}
.ps-tile.t-amber{--tile-c1:#f59e0b; --tile-c2:#b45309;}
.ps-content-section { background: #fff; border: 1px solid var(--border); border-radius: 14px;
  padding: 28px 32px; margin: 0 0 22px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.ps-content-section h2 { font-size: clamp(20px,2.4vw,26px); font-weight: 800; color: var(--navy);
  margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #eef4fa;
  display: flex; align-items: center; gap: 12px; }
.ps-content-section h2 .num { display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0;
  background: linear-gradient(135deg, #00b4d8, #0077b6); color: #fff;
  font-size: 14px; font-weight: 800; }
.ps-content-section h3 { font-size: 17px; font-weight: 700; color: var(--navy);
  margin: 22px 0 10px; display: flex; align-items: center; gap: 8px; }
.ps-content-section h3::before { content: ''; width: 4px; height: 18px; border-radius: 3px;
  background: linear-gradient(180deg, #00b4d8, #0077b6); }
.ps-content-section p{margin: 0 0 14px; font-size: 15px; color: #334155; line-height: 1.75;}
.ps-content-section ul, .ps-content-section ol{margin: 8px 0 16px; padding-left: 22px;}
.ps-content-section li{font-size: 15px; color: #334155; line-height: 1.7; margin-bottom: 6px;}
.ps-content-section a{color: #0077b6; text-decoration: none; font-weight: 600;}
.ps-content-section a:hover{text-decoration: underline; color: #00b4d8;}
.ps-content-section strong{color: var(--navy); font-weight: 700;}
.ps-callout { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-left: 4px solid #00b4d8;
  padding: 16px 20px; border-radius: 8px;
  margin: 16px 0; display: flex; gap: 12px; }
.ps-callout-icon{color: #00b4d8; font-size: 20px; flex-shrink: 0; margin-top: 2px;}
.ps-callout-body{font-size: 14.5px; color: #1e40af; line-height: 1.65;}
.ps-callout-body strong{color: #0c4a6e;}
.ps-state-grid-section { background: linear-gradient(135deg, #f8fafc 0%, #eef4fa 100%);
  border: 1px solid var(--border); border-radius: 16px;
  padding: 32px; margin: 32px 0; }
.ps-state-grid-section h2 { margin: 0 0 8px; font-size: 24px; font-weight: 800; color: var(--navy); display:flex;align-items:center;gap:10px; }
.ps-state-grid-section .lede{color: var(--muted); font-size: 14px; margin: 0 0 20px;}
.ps-state-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.ps-state-chip { display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 8px;
  background: #fff; border: 1px solid var(--border);
  color: var(--navy); text-decoration: none;
  font-size: 13.5px; font-weight: 600; transition: all .15s; }
.ps-state-chip:hover { background: linear-gradient(135deg, #00b4d8, #0077b6); color: #fff;
  border-color: #00b4d8; transform: translateX(2px);
  box-shadow: 0 4px 10px rgba(0,180,216,0.25); }
.ps-state-chip .abbr { width: 28px; height: 22px; border-radius: 4px;
  background: #eef4fa; color: #0077b6;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 800; letter-spacing: 0.5px;
  flex-shrink: 0; }
.ps-state-chip:hover .abbr{background: rgba(255,255,255,0.25); color: #fff;}
.ps-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 20px 0 0; }
.ps-related-card { display: flex; align-items: center; gap: 12px;
  padding: 14px 16px; border-radius: 10px;
  background: #fff; border: 1.5px solid var(--border);
  text-decoration: none; color: inherit; transition: all .15s; }
.ps-related-card:hover{border-color: var(--cyan); background: #f0fbff; transform: translateX(2px);}
.ps-related-icon { width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 15px;
  color: #fff; }
.ps-related-card h4{margin: 0 0 2px; font-size: 14px; font-weight: 700; color: var(--navy);}
.ps-related-card p{margin: 0; font-size: 12px; color: var(--muted); line-height: 1.4;}
.ps-faq-section{margin: 36px 0 22px;}
.ps-faq-card { background: #fff; border: 1px solid var(--border); border-radius: 10px;
  margin-bottom: 10px; overflow: hidden; }
.ps-faq-q { padding: 16px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  font-weight: 700; color: var(--navy); font-size: 15px; background: #f8fafc;
  list-style: none; }
.ps-faq-q::-webkit-details-marker{display: none;}
.ps-faq-q::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--cyan); transition: transform .2s; }
.ps-faq-a{padding: 16px 20px 20px; color: #334155; font-size: 14.5px; line-height: 1.7;}
.ps-faq-a p{margin: 0 0 10px;}
.ps-faq-a p:last-child{margin: 0;}
.ps-search-box { background: linear-gradient(135deg,#0a1628 0%,#1a3a2e 100%);
  border: 1px solid rgba(0,180,216,0.28);
  border-radius: 12px; padding: 22px 24px; margin: 24px auto 0; max-width: 760px;
  position: relative; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
.ps-search-box-title { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 12px;
  text-align: left; letter-spacing: -0.1px; }
.ps-search-box-title i{color: #00b4d8; margin-right: 6px;}
.ps-sp-badge { position: absolute; top: 10px; right: 12px;
  background: rgba(255,255,255,0.08); color: #94a3b8; padding: 3px 9px; border-radius: 4px;
  font-size: 9.5px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.1); }
.ps-search-fields { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; align-items: end; }
.ps-sf-col label { display: block; font-size: 11px; color: #94a3b8; margin-bottom: 6px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; }
.ps-sf-col input, .ps-sf-col select { width: 100%; height: 44px; padding: 0 14px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.95); color: #1e293b;
  font-size: 14px; font-family: inherit; }
.ps-sf-col input:focus, .ps-sf-col select:focus { outline: none; border-color: #00b4d8; box-shadow: 0 0 0 3px rgba(0,180,216,0.25); }
.ps-search-btn { height: 44px; padding: 0 28px; border-radius: 10px; border: none; cursor: pointer;
  background: #00b4d8; color: #fff;
  font-weight: 700; font-size: 14px; letter-spacing: 0.3px; white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0,180,216,0.45); transition: transform .15s, box-shadow .15s; }
.ps-search-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,180,216,0.55);}
.ps-search-fields{grid-template-columns: 1fr 1fr; gap: 10px;}
.ps-search-btn{grid-column: 1/-1; width: 100%;}
.ps-cta-bar { background: linear-gradient(135deg, #0a1628 0%, #0a3060 100%);
  color: #fff; padding: 24px 28px; border-radius: 14px; margin: 24px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18); flex-wrap: wrap; }
.ps-cta-bar h3{margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #fff;}
.ps-cta-bar p{margin: 0; font-size: 14px; color: #cbd5e1;}
.ps-cta-btn { background: #00b4d8; color: #0a1628; padding: 12px 22px; border-radius: 8px;
  text-decoration: none; font-weight: 700; font-size: 14px; white-space: nowrap;
  transition: transform .15s, box-shadow .15s; }
.ps-cta-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,180,216,0.38);}
.ps-footer { background: #0a1628; color: #94a3b8; padding: 32px 24px; margin-top: 48px; text-align: center; font-size: 13px; }
.ps-footer a{color: #00b4d8; text-decoration: none;}
.ps-footer a:hover{text-decoration: underline;}
.ps-state-chip:hover .abbr{background:rgba(255,255,255,0.25); color:#fff;}

/* ==== STATE BROWSE (13) ==== */
.state-browse-intro { font-size: 15px;
  color: #64748b;
  line-height: 1.65;
  margin: 14px 0 24px;
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto; }
.state-browse-grid { display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 8px; }
.state-browse-box { display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #ffffff;
  border: 2px solid #e8edf3;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden; }
.state-browse-box::after { content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,180,216,0.04) 0%, rgba(0,150,199,0.04) 100%);
  opacity: 0;
  transition: opacity 0.28s; }
.state-browse-box:hover::after{opacity: 1;}
.state-browse-box:hover { border-color: #00b4d8;
  box-shadow: 0 6px 18px rgba(0,180,216,0.18);
  transform: translateY(-2px); }
.state-browse-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.28);
  transition: transform 0.28s, box-shadow 0.28s;
  position: relative;
  z-index: 1; }
.state-browse-box:hover .state-browse-icon { transform: scale(1.1) rotate(4deg);
  box-shadow: 0 5px 14px rgba(0,180,216,0.38); }
.state-browse-icon i{color: #ffffff; font-size: 17px;}
.state-browse-label { font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  transition: color 0.28s;
  position: relative;
  z-index: 1; }
.state-browse-box:hover .state-browse-label{color: #00b4d8;}
.state-browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.state-browse-grid{grid-template-columns:1fr 1fr}

/* ==== PRC-HOWTO (20) ==== */
.prc-howto-section{margin: 0 0 40px;}
.prc-howto-banner { display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 100%);
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  border: 1px solid rgba(0,180,216,0.2); }
.prc-howto-banner-icon { width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(0,180,216,0.35); }
.prc-howto-banner-icon i{color: #fff; font-size: 26px;}
.prc-howto-banner-text h2{color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 8px;}
.prc-howto-banner-text p{color: #cbd5e1; font-size: 15px; line-height: 1.6; margin: 0;}
.prc-howto-steps-card,
.prc-howto-records-card,
.prc-howto-faq-card { background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
.prc-howto-card-head { display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
  border-bottom: 2px solid #e2e8f0; }
.prc-howto-head-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0,180,216,0.25); }
.prc-howto-head-icon i{color: #fff; font-size: 17px;}
.prc-howto-card-head h3{font-size: 17px; font-weight: 700; color: #0a1628; margin: 0;}
.prc-howto-steps{padding: 20px 24px; display: flex; flex-direction: column; gap: 16px;}
.prc-howto-step { display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e8edf3;
  transition: all 0.2s; }
.prc-howto-step:hover { border-color: #00b4d8; background: #f0fafe; box-shadow: 0 3px 10px rgba(0,180,216,0.1); }
.prc-howto-banner{padding: 20px 18px; gap: 14px;}
.prc-howto-banner-icon{width: 50px; height: 50px;}
.prc-howto-banner-icon i{font-size: 20px;}
.prc-howto-banner-text h2{font-size: 18px;}
.prc-howto-steps, .prc-faq-list{padding: 14px 16px;}
.prc-howto-card-head{padding: 14px 16px;}

/* ==== TABLES (5) ==== */
.cr-table{display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.vr-table{width:100%; border-collapse:collapse; margin:14px 0 20px; font-size:14px;}
.vr-table th, .vr-table td{padding:10px 12px; text-align:left; border-bottom:1px solid var(--border);}
.vr-table th { background:#f8fafc; color:var(--navy); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:0.4px; }
.vr-table tr:hover td{background:#f0fbff;}

/* ==== FAQ (20) ==== */
.prc-faq-list{padding: 16px 24px;}
.prc-faq-item { border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.2s; }
.prc-faq-item:hover{border-color: #00b4d8;}
.prc-faq-item[open]{border-color: #00b4d8; box-shadow: 0 3px 10px rgba(0,180,216,0.1);}
.prc-faq-item summary { padding: 14px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  list-style: none; }
.prc-faq-item summary::before { content: "Q";
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0; }
.prc-faq-item[open] summary{background: linear-gradient(135deg, #f0fafe 0%, #e8f7fd 100%);}
.prc-faq-item p { padding: 14px 18px 16px 52px; font-size: 14px; color: #475569; line-height: 1.7; margin: 0; background: #fff; border-top: 1px solid #e2e8f0; }
.faq-card { background:var(--white);border-radius:16px;border:1px solid #dbe5ef;box-shadow:0 16px 38px rgba(5,16,30,.08);overflow:hidden;scroll-margin-top:130px;margin-bottom:16px }
.faq-header{display:flex;align-items:center;gap:10px;padding:24px 24px 14px}
.faq-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:18px }
.faq-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:none}
.faq-q { display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);list-style:none;user-select:none;transition:.15s }
.faq-q::-webkit-details-marker,.faq-q::marker{display:none}
.faq-q:hover{background:#f8fafc}
.faq-chevron{font-size:11px;color:var(--muted);transition:transform .25s;flex-shrink:0}
.faq-a{padding:0 18px 16px 40px;font-size:14px;color:var(--muted);line-height:1.7}
.faq-a a{color:var(--cyan-dark);text-decoration:underline}

/* ==== BADGES & CHIPS (4) ==== */
.badge-green{background:#d4edda;color:#155724;}
.badge-red{background:#f8d7da;color:#721c24;}
.badge-blue{background:#d0e9ff;color:#003a70;}
.badge-yellow{background:#fff3cd;color:#856404;}

/* ==== CARDS (33) ==== */
.sb-card { background:#fff;border:1px solid #dce8f5;border-radius:8px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 6px rgba(26,63,92,.06) }
.sb-card-head { background:#e8f0fb;color:#1a3a5c;padding:10px 14px;font-weight:700;font-size:.88rem;border-bottom:1px solid #dce8f5 }
.sb-card-body{padding:10px 14px}
.sb-card-body a { display:block;padding:6px 0;font-size:.84rem;color:#1a6fc4;text-decoration:none;border-bottom:1px solid #f0f4fa }
.sb-card-body a:last-child{border-bottom:none}
.sb-card-body a:hover{color:#1a3a5c}
.value-card{background:#f8fbff;border:1px solid #dce8f5;border-radius:6px;padding:14px}
.value-card h4{color:#1a6fc4;font-size:.88rem;margin:0 0 6px}
.value-card p{font-size:.83rem;color:#4a6080;margin:0;line-height:1.6}
.user-card{background:#f8fbff;border:1px solid #dce8f5;border-radius:6px;padding:14px}
.user-card h4{color:#1a3a5c;font-size:.88rem;margin:0 0 6px}
.user-card p{font-size:.83rem;color:#4a6080;margin:0;line-height:1.6}
.nav-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.nav-card { display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--white);border:2px solid var(--line);text-decoration:none!important;transition:all .18s;cursor:pointer }
.nav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.nav-card--blue .nc-icon{background:var(--blue-bg);color:var(--blue)}
.nav-card--blue:hover{border-color:#93c5fd;background:var(--blue-bg)}
.nav-card--green .nc-icon{background:var(--green-bg);color:var(--green)}
.nav-card--green:hover{border-color:#86efac;background:var(--green-bg)}
.nav-card--red .nc-icon{background:var(--red-bg);color:var(--red)}
.nav-card--red:hover{border-color:#fca5a5;background:var(--red-bg)}
.nav-card--purple .nc-icon{background:var(--purple-bg);color:var(--purple)}
.nav-card--purple:hover{border-color:#d8b4fe;background:var(--purple-bg)}
.nav-card--teal .nc-icon{background:var(--teal-bg);color:var(--teal)}
.nav-card--teal:hover{border-color:#5eead4;background:var(--teal-bg)}
.nav-card--amber .nc-icon{background:var(--amber-bg);color:var(--amber)}
.nav-card--amber:hover{border-color:#fcd34d;background:var(--amber-bg)}
.steps-card { background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;margin-bottom:4px }
.record-card { background:var(--white);border-radius:16px;border:1px solid #dbe5ef;box-shadow:0 16px 38px rgba(5,16,30,.08);overflow:hidden;scroll-margin-top:130px;transition:box-shadow .2s;margin-bottom:16px }
.record-card:hover{box-shadow:0 16px 38px rgba(5,16,30,.12)}
.sb-card { background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden }
.nav-cards{grid-template-columns:repeat(3,1fr)}
.nav-cards{grid-template-columns:repeat(6,1fr)}

/* ==== STATS (8) ==== */
.about-stats { display:flex;gap:0;background:#1a3a5c;border-radius:8px;overflow:hidden;margin-bottom:28px;flex-wrap:wrap }
.stat-item { flex:1;min-width:80px;padding:18px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.12) }
.stat-item:last-child{border-right:none}
.stat-num{display:block;font-size:1.6rem;font-weight:700;color:#fff}
.stat-label { display:block;font-size:.72rem;color:#a8c4e0;text-transform:uppercase;letter-spacing:.06em;margin-top:4px }
.about-stats{gap:0}
.stat-item{min-width:calc(33% - 0px)}
.stat-item{min-width:calc(50% - 0px)}

/* ==== OTHER (202) ==== */
.prc-step-num { width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.3); }
.prc-step-content strong { display: block; font-size: 15px; font-weight: 700; color: #1e293b; margin-bottom: 4px; }
.prc-step-content p{font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;}
.prc-records-grid { display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  padding: 20px 24px; }
.prc-record-item { display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e8edf3;
  transition: all 0.2s; }
.prc-record-item:hover{border-color: #00b4d8; background: #f0fafe;}
.prc-record-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.25); }
.prc-record-icon i{color: #fff; font-size: 17px;}
.prc-record-info strong { display: block; font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 3px; }
.prc-record-info span{font-size: 13px; color: #64748b; line-height: 1.5;}
.prc-records-grid{padding: 14px 16px; grid-template-columns: 1fr;}
' ── */
header 














.hdr-nav, nav#main-nav{display: none !important;}
.ts-col{flex:1;min-width:0}
.ts-col h4 { font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#1a6fc4;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e0e8f0 }
.ts-col a{display:block;padding:5px 0;font-size:.88rem;color:#2c3e50;text-decoration:none}
.ts-col a:hover{color:#1a6fc4;padding-left:4px}
0%, 100%{transform: translateY(0);}
50%{transform: translateY(-6px);}
.terms-list{padding-left:0;list-style:none;counter-reset:terms-ctr}
.terms-list li{counter-increment:terms-ctr;padding:14px 0;border-bottom:1px solid #e8f0fa}
.terms-list li:last-child{border-bottom:none}
.terms-list li:before { content:counter(terms-ctr) ".";font-weight:700;color:#1a6fc4;margin-right:10px;font-size:1rem }
.terms-list h3{display:inline;font-size:1rem;font-weight:600;color:#1a3a5c}
.terms-list p,.terms-list ul{margin:.6em 0 0 1.8em;font-size:.93rem;line-height:1.7;color:#3a4a5c}
.terms-list ul{padding-left:1.2em}
.terms-fcra-box { background:#fff8e1;border:2px solid #f5a623;border-radius:8px;padding:18px 20px;margin-top:24px }
.terms-fcra-box h3{color:#b07800;margin:0 0 10px;font-size:1rem}
.terms-fcra-box p{margin:0;font-size:.9rem;line-height:1.7}
.about-prc{max-width:100%}
.about-section{margin-bottom:28px}
.about-section h2 { font-size:1.15rem;color:#1a3a5c;border-bottom:2px solid #1a6fc4;padding-bottom:8px;margin-bottom:16px }
.about-section h2 i{margin-right:8px;color:#1a6fc4}
.about-section p{font-size:.93rem;line-height:1.75;color:#3a4a5c;margin-bottom:10px}
.about-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}
.about-do,.about-dont{padding:18px;border-radius:8px}
.about-do{background:#f0fff4;border:1px solid #b2dfcc}
.about-dont{background:#fff5f5;border:1px solid #ffcdd2}
.about-do h3{color:#1a6f3c;font-size:.95rem;margin:0 0 12px}
.about-dont h3{color:#b71c1c;font-size:.95rem;margin:0 0 12px}
.about-do ul,.about-dont ul{margin:0;padding-left:1.4em;font-size:.87rem;line-height:1.75;color:#3a4a5c}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.about-two-col{grid-template-columns:1fr}
.values-grid,.users-grid{grid-template-columns:1fr 1fr}
.values-grid,.users-grid{grid-template-columns:1fr}
*, *::before, *::after{box-sizing: border-box;}
details[open] .ps-faq-q::after{transform:rotate(180deg);}
details[open] .ps-faq-q::after{transform: rotate(180deg);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
a{color:var(--cyan-dark);text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
.site-header { background:var(--navy);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06) }
.mob-goto { display:flex;gap:8px;padding:12px 16px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.06) }
.mob-goto select { flex:1;background:#162038;color:#cbd5e1;border:1px solid #1e3a5f;border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;-webkit-appearance:none;appearance:none }
.mob-section-label { display:block;padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.3) }
.jump-strip { background:var(--white);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:54px;z-index:90;box-shadow:0 2px 6px rgba(0,0,0,.04) }
.jump-strip::-webkit-scrollbar{display:none}
.js-inner { display:flex;align-items:center;gap:2px;padding:6px 16px;min-width:max-content;max-width:1280px;margin:0 auto }
.js-link { display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--slate);white-space:nowrap;text-decoration:none!important;transition:.15s;border:2px solid transparent }
.js-link:hover,.js-link.active{background:var(--blue-bg);color:var(--blue);border-color:#bfdbfe}
.js-link i{font-size:13px;color:#3b82f6}
.trust-strip { background:linear-gradient(135deg,#0d2847 0%,#0a1e42 100%);border-bottom:1px solid rgba(255,255,255,.06) }
.trust-inner { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 }
.trust-item { display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06) }
.trust-item:nth-child(2n){border-right:none}
.trust-item:nth-child(n+3){border-bottom:none}
.trust-num{font-size:22px;font-weight:900;color:#22d3ee;line-height:1.1}
.trust-label { font-size:10px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.8px;margin-top:3px }
.search-box { background:white;border-radius:16px;padding:0;box-shadow:0 24px 64px rgba(0,0,0,.35);max-width:680px;margin:24px auto 0;overflow:hidden;position:relative }
.search-box-inner{background:var(--navy);padding:28px 20px 22px}
.search-fields{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.sf-col{display:flex;flex-direction:column;gap:4px;width:100%}
.sf-col label{color:#c0cdd8;font-size:11.5px;font-weight:500}
.sf-col input:not([type=submit]),.sf-col select { padding:9px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.95);font-size:14px;height:42px;font-family:'Inter',Arial,sans-serif;color:#0f172a;transition:border-color .2s;width:100%;box-sizing:border-box }
.sf-col input:not([type=submit]):focus,.sf-col select:focus{outline:none;border-color:rgba(0,180,216,.5)}
.sf-submit { background:linear-gradient(135deg,#00b4d8,#0096c7)!important;color:#fff;font-weight:700;font-size:15px;padding:0 32px;height:42px;border:none;border-radius:8px;cursor:pointer;margin-top:4px;transition:all .2s;font-family:'Inter',Arial,sans-serif;letter-spacing:.3px;box-shadow:0 10px 24px rgba(0,180,216,.35);width:100%;-webkit-appearance:none;appearance:none }
.sf-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,180,216,.45)}
.quick-bar { position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(10,22,40,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(0,180,216,.2);padding:8px 0;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.3) }
.quick-bar.visible{transform:translateY(0)}
.qb-inner { max-width:1280px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none }
.qb-inner::-webkit-scrollbar{display:none}
.qb-link { display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8);white-space:nowrap;flex-shrink:0;text-decoration:none!important;transition:.15s;border:1px solid transparent }
.qb-link:hover,.qb-link.active{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.15)}
.qb-link i{font-size:13px}
.qb-link--blue i{color:#60a5fa}
.qb-link--green i{color:#4ade80}
.qb-link--red i{color:#f87171}
.qb-link--purple i{color:#c084fc}
.qb-link--teal i{color:#2dd4bf}
.qb-link--amber i{color:#fbbf24}
.qb-link--slate i{color:#94a3b8}
.qb-close { background:none;border:none;color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;padding:6px 10px;flex-shrink:0;margin-left:auto }
.qb-close:hover{color:#fff}
.nav-block{padding:20px 16px}
.nav-block-inner{max-width:1280px;margin:0 auto}
.nc-icon { width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0 }
.nc-text{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}
.nc-text small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px}
.content-grid{display:flex;flex-direction:column;gap:20px}
.steps-header{display:flex;align-items:center;gap:10px;padding:24px 24px 14px}
.steps-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:14px }
.steps-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.steps-row{display:flex;flex-direction:column;padding:16px;gap:14px}
.step-item{display:flex;align-items:flex-start;gap:12px}
.step-num { width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.step-body{display:flex;flex-direction:column;gap:2px}
.step-body strong{font-size:14px;font-weight:700;color:var(--text)}
.step-body span{font-size:12px;color:var(--muted);line-height:1.4}
.step-arrow{display:none}
.rc-header{display:flex;align-items:center;gap:10px;padding:24px 24px 0}
.rc-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:18px;flex-shrink:0 }
.rc-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.rc-body{padding:14px 24px 24px}
.rc-intro{font-size:15px;color:#334155;line-height:1.7;margin:0 0 10px}
.rc-collapse { position:relative;max-height:120px;overflow:hidden;transition:max-height .4s ease }
.rc-collapse.expanded{max-height:none}
.rc-collapse::after { content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#fff);pointer-events:none;transition:opacity .3s }
.rc-collapse.expanded::after{opacity:0;height:0}
.rc-toggle { display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 16px;border:1px solid #dbe5ef;border-radius:999px;background:#f8fafc;color:#058bb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit }
.rc-toggle:hover{background:#e5f8fc;border-color:#058bb3}
.rc-toggle i{font-size:10px;transition:transform .3s}
.rc-toggle.open i{transform:rotate(180deg)}
.rc-key{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.rc-key li { display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#334155;line-height:1.55 }
.rc-key li i{color:#058bb3;font-size:11px;margin-top:5px;flex-shrink:0}
.rc-addr { display:flex;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 14px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f7;font-size:13px;color:#475569;line-height:1.6 }
.rc-addr i{color:#058bb3;margin-top:3px;flex-shrink:0}
.rc-intro { font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:14px;max-width:700px }
.rc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.rc-list li { display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.5 }
.rc-list li i{color:var(--green);font-size:12px;margin-top:4px;flex-shrink:0}
.rc-actions{display:flex;flex-direction:column;gap:8px}
.btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:.15s;border:2px solid transparent;text-decoration:none!important;width:100% }
.btn--blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn--blue:hover{background:#1e40af}
.btn--green{background:var(--green);color:#fff;border-color:var(--green)}
.btn--green:hover{background:#166534}
.btn--red{background:var(--red);color:#fff;border-color:var(--red)}
.btn--red:hover{background:#991b1b}
.btn--purple{background:var(--purple);color:#fff;border-color:var(--purple)}
.btn--purple:hover{background:#6b21a8}
.btn--teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.btn--teal:hover{background:#0f766e}
.btn--amber{background:var(--amber);color:#fff;border-color:var(--amber)}
.btn--amber:hover{background:#92400e}
.btn--outline{background:transparent;color:var(--text);border-color:var(--line)}
.btn--outline:hover{background:#f8fafc}
details[open] .faq-chevron{transform:rotate(90deg)}
.sidebar{display:flex;flex-direction:column;gap:16px}
.sb-header { display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(90deg,#0a1e42,#1e40af) }
.sb-header i{color:#93c5fd}
.sb-body{padding:0}
.quick-link { display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);transition:.15s;text-decoration:none!important }
.quick-link:last-child{border-bottom:none}
.quick-link:hover{background:var(--blue-bg)}
.ql-text{display:flex;flex-direction:column;gap:2px}
.ql-text strong{font-size:13px;font-weight:600;color:var(--text)}
.ql-text small{font-size:11px;color:var(--muted)}
.quick-link .fa-arrow-right{font-size:11px;color:var(--muted);transition:.15s}
.quick-link:hover .fa-arrow-right{color:var(--blue)}
.info-row { display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px }
.info-row:last-child{border-bottom:none}
.info-label{color:var(--muted);font-weight:500}
.info-value{font-weight:600;color:var(--text)}
.nearby-link { display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text);border-bottom:1px solid var(--line);text-decoration:none!important;transition:.15s }
.nearby-link:last-child{border-bottom:none}
.nearby-link:hover{background:var(--blue-bg);color:var(--blue)}
.nearby-link i{color:var(--muted);font-size:11px}
.site-footer{background:var(--navy);padding:40px 16px 0;margin-top:20px}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid { display:grid;grid-template-columns:1fr;gap:28px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08) }
.footer-brand { display:flex;align-items:center;gap:10px;font-size:16px;color:#fff;margin-bottom:10px }
.footer-brand i{color:#60a5fa}
.footer-tagline{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
.footer-col h4 { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.35);margin-bottom:12px }
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;transition:.15s}
.footer-links a:hover{color:#fff}
.footer-bottom { padding:16px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12px;color:rgba(255,255,255,.3) }
.footer-bottom a{color:rgba(255,255,255,.5);text-decoration:none}
.footer-bottom a:hover{color:#fff}
.trust-inner{grid-template-columns:repeat(4,1fr)}
.trust-item{border-bottom:none}
.trust-item:nth-child(2n){border-right:1px solid rgba(255,255,255,.06)}
.trust-item:last-child{border-right:none}
.search-fields { flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px }
.sf-col{width:auto;flex:1 1 140px}
.sf-submit{width:auto;margin-top:17px}
.steps-row{flex-direction:row;align-items:center;gap:12px}
.step-arrow{display:block;color:var(--muted);font-size:14px;flex-shrink:0}
.rc-actions{flex-direction:row}
.btn{width:auto}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
.footer-bottom{flex-direction:row;justify-content:space-between}
.content-grid{flex-direction:row;gap:24px}
.content-main{flex:1;min-width:0}
.sidebar{width:320px;flex-shrink:0;position:sticky;top:110px;align-self:flex-start}
.search-box{max-width:680px;margin:24px auto 0}
.qb-link{padding:8px 16px;font-size:13px}
.vr-source { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); padding:3px 8px; background:#eef4fa; border-radius:4px; margin-left:6px; }
.vr-source i{color:#0077b6;}

/* ============================================================
   BODY STYLES — extracted from 721 legacy pages
   ============================================================ */
/* PRC v3 — BODY STYLES (consolidated) */
/* Extracted from 721 pages, 614 unique rules */


/* ==== HERO (33) ==== */
.hero { background:linear-gradient(135deg,#060f1e 0%,#0a1e42 45%,#0a3060 100%); padding:48px 24px 56px; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 20% 60%,rgba(0,180,216,0.14) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(2,62,138,0.22) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(0,180,216,0.07) 0%,transparent 40%); }
.hero-content{position:relative; z-index:1; max-width:920px; margin:0 auto;}
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.38); color:var(--cyan); padding:6px 14px; border-radius:50px; font-size:11px; font-weight:700; letter-spacing:0.8px; margin-bottom:14px; text-transform:uppercase; }
.hero h1 { color:white; font-size:clamp(28px,5vw,46px); font-weight:800; line-height:1.18; margin:0 0 14px; letter-spacing:-0.5px; }
.hero h1 span{color:var(--cyan);}
.hero-sub { color:#94a3b8; font-size:15px; margin:0 auto 8px; max-width:720px; line-height:1.5; }
.hero { background: linear-gradient(135deg, #060f1e 0%, #0a1e42 45%, #0a3060 100%);
  padding: 48px 24px 56px; text-align: center; position: relative; overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 20% 60%, rgba(0,180,216,0.14) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%, rgba(2,62,138,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(0,180,216,0.07) 0%, transparent 40%); }
.hero-content{position: relative; z-index: 1; max-width: 920px; margin: 0 auto;}
.hero-badge { display: inline-flex; align-items: center; gap: 8px;
  background: rgba(0,180,216,0.13); border: 1px solid rgba(0,180,216,0.38);
  color: var(--cyan); padding: 6px 14px; border-radius: 50px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.8px;
  margin-bottom: 14px; text-transform: uppercase; }
.hero h1 { color: white; font-size: clamp(28px, 5vw, 46px);
  font-weight: 800; line-height: 1.18; margin: 0 0 14px; letter-spacing: -0.5px; }
.hero h1 span{color: var(--cyan);}
.hero-sub { color: #94a3b8; font-size: 15px; margin: 0 auto 8px; max-width: 720px; line-height: 1.5; }
.hero { background: linear-gradient(135deg, #060f1e 0%, #0a1e42 45%, #0a3060 100%);
  padding: 28px 24px 36px; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% 60%, rgba(0,180,216,0.14) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%, rgba(2,62,138,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(0,180,216,0.07) 0%, transparent 40%); }
.hero-content{position:relative; z-index:1; max-width:840px; margin:0 auto;}
.hero-badge { display:inline-flex; align-items:center; gap:7px;
  background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.38);
  color:var(--cyan); padding:4px 12px; border-radius:50px;
  font-size:10px; font-weight:600; letter-spacing:0.6px;
  margin-bottom:8px; text-transform:uppercase; }
.hero h1 { color:white; font-size:clamp(28px,5vw,48px);
  font-weight:800; line-height:1.18; margin-bottom:16px; letter-spacing:-0.5px; }
.hero-sub{color:#94a3b8; font-size:13px;
  margin-bottom:10px; line-height:1.4;}
.hero p { color:#94a3b8; font-size:13px; line-height:1.45;
  margin:0 auto 10px; max-width:760px; }
.hero p:last-of-type{margin-bottom:10px;}
.hero a{color:var(--cyan);}
.hero { background:linear-gradient(135deg,#060f1e 0%,#0a1e42 45%,#0a3060 100%);padding:24px 16px 20px;text-align:center;position:relative;overflow:hidden }
.hero::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(0,180,216,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(2,62,138,.18) 0%,transparent 55%) }
.hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto}
.hero-badge { display:inline-flex;align-items:center;gap:7px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.3);color:#22d3ee;padding:4px 12px;border-radius:50px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px }
.hero h1{color:#fff;font-size:28px;font-weight:900;margin:0 0 6px}
.hero-sub{color:#b0c4de;font-size:14px;max-width:600px;margin:0 auto 16px}
.hero h1{font-size:38px}
.hero-sub{font-size:15px}
.hero{padding:44px 32px 32px}
.hero h1{font-size:44px}

/* ==== SECTION HEADERS (6) ==== */
.section-label { font-size:11px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:#0f6cbd; margin-bottom:8px; }
.section-title { font-size:clamp(22px,3vw,30px); font-weight:800; color:var(--navy); margin:0 0 8px; letter-spacing:-0.3px; }
.section-lede { font-size:15px; color:var(--muted); margin:0 0 28px; max-width:780px; line-height:1.6; }
.section-label { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: #0f6cbd; margin-bottom: 8px; }
.section-title { font-size: clamp(22px,3vw,30px); font-weight: 800; color: var(--navy); margin: 0 0 8px; letter-spacing: -0.3px; }
.section-lede { font-size: 15px; color: var(--muted); margin: 0 0 28px; max-width: 780px; line-height: 1.6; }

/* ==== MAIN WRAP (3) ==== */
.main-wrap{max-width:1180px; margin:36px auto; padding:0 24px;}
.main-wrap{max-width: 1180px; margin: 36px auto; padding: 0 24px;}
.main-content{max-width:1280px;margin:0 auto;padding:0 16px 80px}

/* ==== SP-* (specialty page layout) (133) ==== */
.sp-state-browse-card { margin: 48px 0 32px;
  background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
  border-radius: 18px;
  padding: 36px 32px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07);
  border: 1px solid #e8edf3; }
.sp-state-browse-card .sp-card-head { display: flex;
  align-items: center;
  gap: 14px;
  font-size: 22px;
  font-weight: 700;
  color: #0a1628;
  background: transparent;
  margin-bottom: 10px;
  padding-bottom: 18px;
  border-bottom: 3px solid #00b4d8; }
.sp-state-browse-card .sp-card-head i { width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 22px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,180,216,0.30); }
.sp-hero { background:linear-gradient(135deg,#0a1628 0%,#1a3a5c 50%,#1a6fc4 100%);color:#fff;padding:40px 16px;text-align:center }
.sp-hero h1{font-size:clamp(1.5rem,4vw,2.4rem);margin:0 0 12px;font-weight:700}
.sp-hero p{font-size:1rem;max-width:700px;margin:0 auto;opacity:.9;line-height:1.7}
.sp-main { max-width:1200px;margin:0 auto;padding:28px 16px;display:grid;grid-template-columns:1fr 300px;gap:28px }
.sp-related-guides { margin:32px 0 8px;padding:20px;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border-radius:10px;border:1px solid #bfdbfe; }
.sp-related-guides h3 { font-size:.95rem;font-weight:700;color:#1a2e4a;margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em; }
.sp-related-grid{display:flex;flex-wrap:wrap;gap:8px;}
.sp-related-link { display:inline-block;padding:6px 14px;background:#fff;border:1px solid #93c5fd;border-radius:20px;font-size:.82rem;color:#1d6fa4;text-decoration:none;transition:all .2s; }
.sp-related-link:hover{background:#1d6fa4;color:#fff;border-color:#1d6fa4;}
.sp-intro { background:#f0f7ff;border-left:4px solid #1a6fc4;padding:16px 20px;border-radius:0 8px 8px 0;margin-bottom:24px;font-size:.95rem;line-height:1.75;color:#2c3e50 }
.sp-card { background:#fff;border:1px solid #dce8f5;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 6px rgba(26,63,92,.06) }
.sp-card-head { background:#1a3a5c;color:#fff;padding:12px 18px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem }
.sp-card-head i{font-size:1.1rem;opacity:.85}
.sp-card-body{padding:14px 18px}
.sp-card-body a { display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid #eef3fa;font-size:.88rem;color:#1a6fc4;text-decoration:none;line-height:1.4 }
.sp-card-body a:last-child{border-bottom:none}
.sp-card-body a:before{content:"›";font-weight:700;color:#1a6fc4;flex-shrink:0;margin-top:1px}
.sp-card-body a:hover{color:#1a3a5c;padding-left:4px}
.sp-section-body{font-size:.92rem;line-height:1.75;color:#334155}
.sp-section-body h3{font-size:1rem;font-weight:700;color:#1a3a5c;margin:18px 0 8px}
.sp-section-body p{margin:0 0 12px}
.sp-section-body ul,.sp-section-body ol{margin:0 0 12px;padding-left:22px}
.sp-section-body li{margin-bottom:6px}
.sp-section-body table.sp-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}
.sp-section-body table.sp-table th{background:#1a3a5c;color:#fff;padding:10px 12px;text-align:left;font-weight:600}
.sp-section-body table.sp-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0}
.sp-section-body table.sp-table tr:hover{background:#f8fafc}
.sp-main{grid-template-columns:1fr;gap:20px}
.sp-sidebar{order:2}
.sp-hero{padding:28px 14px}
.sp-intro{margin-bottom:18px}
.sp-hero h1{font-size:1.4rem}
.sp-terms{max-width:100%}
.sp-faq{margin: 32px 0;}
.sp-faq h2 { font-size: 1.35rem; color: #1a3c6e; margin-bottom: 12px; border-bottom: 2px solid #e0e7ef; padding-bottom: 6px; }
.sp-faq details { border: 1px solid #d0daea; border-radius: 6px; margin-bottom: 8px; background: #fff; }
.sp-faq summary { padding: 14px 16px; font-weight: 600; font-size: .97rem; color: #1a3c6e; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sp-faq summary::-webkit-details-marker{display: none;}
.sp-faq summary::after{content: '+'; font-size: 1.2rem; color: #4a7abf; transition: transform .2s;}
.sp-faq details[open] summary::after{content: '−';}
.sp-faq .faq-answer{padding: 0 16px 14px; color: #444; font-size: .93rem; line-height: 1.65;}
.sp-deep{font-family:inherit;color:#2d3a4a;line-height:1.72;}
.sp-deep h2 { font-size:1.22rem;font-weight:700;color:#0d2240;
  border-left:4px solid #0077b6;padding-left:12px;
  margin:30px 0 14px;line-height:1.35; }
.sp-deep h2:first-child{margin-top:8px;}
.sp-deep h3 { font-size:1.04rem;font-weight:700;color:#1a3a5c;
  margin:22px 0 9px;padding-bottom:5px;
  border-bottom:1px solid #dce8f5; }
.sp-deep h4{font-size:.95rem;font-weight:700;color:#1a3a5c;margin:14px 0 6px;}
.sp-deep p{font-size:.95rem;line-height:1.78;color:#2d3a4a;margin:0 0 14px;}
.sp-deep a{color:#1a6fc4;text-decoration:none;}
.sp-deep a:hover{text-decoration:underline;color:#0a4a8e;}
.sp-deep strong{color:#0a1e3d;font-weight:700;}
.sp-deep em{color:#1a3a5c;font-style:italic;}
.sp-deep ul,.sp-deep ol { font-size:.94rem;line-height:1.78;color:#2d3a4a;
  margin:0 0 14px;padding-left:24px; }
.sp-deep li{margin-bottom:6px;}
.sp-deep ul li::marker{color:#1a6fc4;}
.sp-deep table,.sp-table{width:100%;border-collapse:collapse;
  font-size:.875rem;margin:14px 0 20px;}
.sp-deep table th,.sp-table th { background:linear-gradient(135deg,#0a1e3d,#1a3a5c);
  color:#fff;padding:11px 14px;text-align:left;
  font-weight:600;font-size:.85rem;letter-spacing:.02em; }
.sp-deep table td,.sp-table td { padding:9px 14px;border-bottom:1px solid #e2e8f0;
  vertical-align:top;color:#2d3a4a; }
.sp-deep table tr:nth-child(even) td,.sp-table tr:nth-child(even) td{background:#f7fafd;}
.sp-deep table tr:hover td,.sp-table tr:hover td{background:#eef5ff;transition:background .15s;}
.sp-deep table td:first-child,.sp-table td:first-child{font-weight:600;color:#0a5a9e;}
.sp-table-wrap { overflow-x:auto;margin:16px 0;
  border-radius:8px;border:1px solid #d0dce9;
  box-shadow:0 2px 8px rgba(26,63,92,.07); }
.sp-table-wrap table,.sp-table-wrap .sp-table{margin:0;border:none;}
.sp-callout { background:#f0f7ff;border:1px solid #bcd6f5;
  border-left:4px solid #1a6fc4;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#1a3a5c;line-height:1.68; }
.sp-callout strong{color:#0a5a9e;}
.sp-warn { background:#fff8e1;border:1px solid #ffe082;
  border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#5a3e00;line-height:1.68; }
.sp-warn strong{color:#b35c00;}
.sp-success { background:#f0fdf4;border:1px solid #86efac;
  border-left:4px solid #22c55e;border-radius:0 8px 8px 0;
  padding:14px 20px;margin:18px 0;
  font-size:.92rem;color:#14532d;line-height:1.68; }
.sp-success strong{color:#166534;}
.sp-steps{counter-reset:sp-step;list-style:none;padding:0;margin:14px 0 20px;}
.sp-steps li { counter-increment:sp-step;display:flex;
  align-items:flex-start;gap:14px;margin-bottom:14px;
  font-size:.93rem;color:#2d3a4a;line-height:1.68; }
.sp-steps li::before { content:counter(sp-step);min-width:30px;height:30px;
  background:linear-gradient(135deg,#0077b6,#1a6fc4);
  color:#fff;border-radius:50%;display:flex;
  align-items:center;justify-content:center;
  font-weight:700;font-size:.82rem;flex-shrink:0;
  margin-top:1px;box-shadow:0 2px 6px rgba(0,180,216,.30); }
.sp-tier { display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;margin:16px 0 22px; }
.sp-tier-box { background:#f8fafc;border:1px solid #d0dce9;
  border-top:3px solid #1a6fc4;border-radius:8px;
  padding:14px 16px; }
.sp-tier-box h4 { font-size:.88rem;font-weight:700;color:#0a1e3d;
  margin:0 0 10px;display:flex;align-items:center;gap:7px;
  border-bottom:none; }
.sp-tier-box ul{font-size:.83rem;color:#2d3a4a;margin:0;
  padding-left:16px;line-height:1.65;}
.sp-tier-box li{margin-bottom:4px;}
.sp-stats-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:12px;margin:18px 0; }
.sp-stat-box { background:linear-gradient(135deg,#f0f7ff,#e8f4fd);
  border:1px solid #bcd6f5;border-radius:10px;
  padding:16px 14px;text-align:center; }
.sp-stat-num { font-size:1.65rem;font-weight:800;color:#1a6fc4;
  line-height:1.1;display:block; }
.sp-stat-label{font-size:.77rem;color:#4a6a8a;margin-top:5px;
  display:block;line-height:1.4;}
.sp-highlight { background:linear-gradient(90deg,#0a1e3d 0%,#1a6fc4 60%,#0077b6 100%);
  color:#fff;border-radius:8px;padding:14px 20px;margin:20px 0;
  font-size:.94rem;font-weight:600;
  display:flex;align-items:center;gap:12px; }
.sp-highlight span{opacity:.85;font-weight:400;}
.sp-badge,.badge-green,.badge-red,.badge-blue,.badge-yellow { display:inline-block;padding:2px 9px;border-radius:4px;
  font-size:.74rem;font-weight:700;margin-left:6px;vertical-align:middle; }
.sp-divider,.sp-deep hr{border:none;border-top:2px solid #e8eef5;margin:28px 0;}
.sp-fact-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;margin:16px 0; }
.sp-fact-item { background:#f8fafc;border:1px solid #dce8f5;border-radius:6px;
  padding:10px 14px;font-size:.875rem; }
.sp-fact-item strong{color:#0a1e3d;display:block;margin-bottom:2px;}
.sp-fact-item span{color:#4a6a8a;}
.sp-table td.col-yes{color:#166534;font-weight:600;}
.sp-table td.col-no{color:#9b1c1c;font-weight:600;}
.sp-table td.col-partial{color:#92400e;font-weight:600;}
.sp-table-wrap{font-size:.80rem;}
.sp-deep table th,.sp-table th{padding:8px 10px;}
.sp-deep table td,.sp-table td{padding:7px 10px;}
.sp-tier{grid-template-columns:1fr;}
.sp-stats-grid{grid-template-columns:repeat(2,1fr);}
.sp-deep h2{font-size:1.08rem;}
.sp-deep h3{font-size:.97rem;}
.sp-content{min-width: 0;
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;}
.sp-sidebar{min-width: 0;
  max-width: 100%;}
.sp-deep { max-width: 100%;
  overflow-x: hidden;
  word-break: break-word;
  overflow-wrap: break-word; }
.sp-deep p, .sp-deep li, .sp-deep h2, .sp-deep h3, .sp-deep h4,
.sp-deep blockquote, .sp-deep .sp-callout, .sp-deep .sp-warn,
.sp-deep .sp-success, .sp-deep .sp-highlight{max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;}
.sp-table-wrap, .sp-deep .sp-table-wrap { overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%; }
.sp-deep table, .sp-table{max-width: 100%;
  width: 100%;
  table-layout: auto;}
.sp-stats-grid { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 100%; }
.sp-stat-box{min-width: 0;
  max-width: 100%;
  box-sizing: border-box;}
.sp-highlight { max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  word-break: break-word; }
.sp-tier{max-width: 100%;}
.sp-steps li{max-width: 100%;
  word-break: break-word;}
.sp-related-guides, .sp-related-grid{max-width: 100%;}
.sp-related-link{max-width: 100%;
  white-space: normal;
  word-break: break-word;}
.sp-deep img{max-width: 100%;
  height: auto;}
.sp-hero{max-width: 100%;
  overflow-x: hidden;}
.sp-main{padding: 16px 12px;
    overflow-x: visible;
    max-width: 100%;}
.sp-stats-grid{grid-template-columns: repeat(2, 1fr);
    gap: 8px;}
.sp-stat-box{padding: 12px 8px;}
.sp-stat-num{font-size: 1.4rem;}
.sp-tier{grid-template-columns: 1fr;}
.sp-main{overflow-x: visible !important;}
.sp-content, .sp-card, .sp-card-body{max-width: 100%; overflow-x: hidden; box-sizing: border-box;}
.sp-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: calc(100vw - 32px); }
.sp-deep { max-width: 100%; overflow-x: hidden; word-wrap: break-word; overflow-wrap: break-word; }
.sp-deep table, .sp-table{min-width: 480px;}
.sp-deep img, .sp-content img{max-width: 100%; height: auto;}
.sp-highlight { max-width: 100%; overflow-x: hidden; box-sizing: border-box; word-wrap: break-word; }
.sp-stats-grid{max-width: 100%;}
.sp-tier{max-width: 100%; overflow-x: hidden;}
.sp-faq{max-width: 100%;}
.sp-faq summary{word-wrap: break-word;}
.sp-badge { position:absolute;top:6px;left:12px;font-size:6px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;color:#94a3b8;z-index:10;line-height:1;pointer-events:none }

/* ==== PS-* (people-search page) (134) ==== */
.ps-tile-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:0 0 44px; }
.ps-tile { display:flex; align-items:flex-start; gap:14px; padding:22px 20px 22px 24px; border-radius:16px; background:linear-gradient(135deg,var(--tile-bg1,#eff6ff) 0%,var(--tile-bg2,#dbeafe) 100%); border:1px solid var(--tile-c1,#00b4d8); box-shadow:0 4px 14px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform .2s,box-shadow .2s,border-color .2s; position:relative; overflow:hidden; }
.ps-tile::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); }
.ps-tile::after { content:""; position:absolute; right:-30px; top:-30px; width:90px; height:90px; border-radius:50%; background:linear-gradient(135deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); opacity:0.08; }
.ps-tile:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,0.14); border-color:var(--tile-c2,#0077b6); }
.ps-tile:hover::after{opacity:0.15; transform:scale(1.2); transition:opacity .25s,transform .25s;}
.ps-tile-icon { width:52px; height:52px; border-radius:13px; background:linear-gradient(135deg,var(--tile-c1,#00b4d8),var(--tile-c2,#0077b6)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; box-shadow:0 6px 16px rgba(0,0,0,0.18); position:relative; z-index:1; }
.ps-tile h3 { margin:0 0 4px; font-size:15px; font-weight:700; color:var(--navy,#0a1628); position:relative; z-index:1; }
.ps-tile p { margin:0; font-size:13px; color:#334155; line-height:1.5; position:relative; z-index:1; }
.ps-tile.t-blue{--tile-c1:#00b4d8; --tile-c2:#0077b6; --tile-bg1:#ecfeff; --tile-bg2:#cffafe;}
.ps-tile.t-purple{--tile-c1:#8b5cf6; --tile-c2:#6d28d9; --tile-bg1:#faf5ff; --tile-bg2:#ede9fe;}
.ps-tile.t-green{--tile-c1:#22c55e; --tile-c2:#15803d; --tile-bg1:#f0fdf4; --tile-bg2:#dcfce7;}
.ps-tile.t-orange{--tile-c1:#f97316; --tile-c2:#c2410c; --tile-bg1:#fff7ed; --tile-bg2:#ffedd5;}
.ps-tile.t-red{--tile-c1:#ef4444; --tile-c2:#b91c1c; --tile-bg1:#fef2f2; --tile-bg2:#fee2e2;}
.ps-tile.t-teal{--tile-c1:#14b8a6; --tile-c2:#0f766e; --tile-bg1:#f0fdfa; --tile-bg2:#ccfbf1;}
.ps-tile.t-pink{--tile-c1:#ec4899; --tile-c2:#be185d; --tile-bg1:#fdf2f8; --tile-bg2:#fce7f3;}
.ps-tile.t-indigo{--tile-c1:#6366f1; --tile-c2:#3730a3; --tile-bg1:#eef2ff; --tile-bg2:#e0e7ff;}
.ps-content-section { background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px 32px; margin:0 0 22px; box-shadow:0 2px 8px rgba(0,0,0,0.03); }
.ps-content-section h2 { font-size:clamp(20px,2.4vw,26px); font-weight:800; color:var(--navy); margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #eef4fa; display:flex; align-items:center; gap:12px; }
.ps-content-section h2 .num { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; flex-shrink:0; background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; font-size:14px; font-weight:800; }
.ps-content-section h3 { font-size:17px; font-weight:700; color:var(--navy); margin:22px 0 10px; display:flex; align-items:center; gap:8px; }
.ps-content-section h3::before { content:''; width:4px; height:18px; border-radius:3px; background:linear-gradient(180deg,#00b4d8,#0077b6); }
.ps-content-section p{margin:0 0 14px; font-size:15px; color:#334155; line-height:1.75;}
.ps-content-section ul, .ps-content-section ol{margin:8px 0 16px; padding-left:22px;}
.ps-content-section li{font-size:15px; color:#334155; line-height:1.7; margin-bottom:6px;}
.ps-content-section a{color:#0077b6; text-decoration:none; font-weight:600;}
.ps-content-section a:hover{text-decoration:underline; color:#00b4d8;}
.ps-content-section strong{color:var(--navy); font-weight:700;}
.ps-link-list { list-style:none; padding:0; margin:14px 0 6px; display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:14px; }
.ps-link-list > li { position:relative; padding:20px 22px 20px 74px; border:1.5px solid #dbeafe; border-radius:14px; background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%); box-shadow:0 2px 10px rgba(10,22,40,0.05); transition:transform .2s,box-shadow .2s,border-color .2s,background .2s; overflow:hidden; }
.ps-link-list > li::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,#00b4d8,#0077b6); z-index:1; }
.ps-link-list > li::after { content:"\f0ac"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:18px; top:20px; width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 4px 12px rgba(0,119,182,0.32); z-index:2; }
.ps-link-list > li:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(10,22,40,0.14); border-color:#00b4d8; background:linear-gradient(135deg,#ffffff 0%,#e0f7fb 100%); }
.ps-link-list li a { display:inline-block; font-size:16px; font-weight:800; color:#0a3060; text-decoration:none; line-height:1.3; letter-spacing:-0.01em; }
.ps-link-list li a:hover { color:#0077b6; text-decoration:underline; text-decoration-color:#00b4d8; text-underline-offset:3px; }
.ps-link-list li .src { display:inline-flex; align-items:center; gap:5px; margin-left:10px; padding:3px 11px; border-radius:20px; background:linear-gradient(135deg,#e0f7fb,#cffafe); color:#0077b6; font-size:11.5px; font-weight:700; vertical-align:middle; border:1px solid #a5f0f9; }
.ps-link-list li .src i{font-size:9px;}
.ps-link-list li .ld { display:block; margin-top:8px; color:#334155; font-size:14px; line-height:1.6; font-weight:400; }
.ps-callout { background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%); border-left:4px solid #00b4d8; padding:16px 20px; border-radius:8px; margin:16px 0; display:flex; gap:12px; }
.ps-callout-icon{color:#00b4d8; font-size:20px; flex-shrink:0; margin-top:2px;}
.ps-callout-body{font-size:14.5px; color:#1e40af; line-height:1.65;}
.ps-callout-body strong{color:#0c4a6e;}
.ps-state-grid-section { background:linear-gradient(135deg,#f8fafc 0%,#eef4fa 100%); border:1px solid var(--border); border-radius:16px; padding:32px; margin:32px 0; }
.ps-state-grid-section h2 { margin:0 0 8px; font-size:24px; font-weight:800; color:var(--navy); display:flex; align-items:center; gap:10px; }
.ps-state-grid-section .lede{color:var(--muted); font-size:14px; margin:0 0 20px;}
.ps-state-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; }
.ps-state-chip { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:8px; background:#fff; border:1px solid var(--border); color:var(--navy); text-decoration:none; font-size:13.5px; font-weight:600; transition:all .15s; }
.ps-state-chip:hover { background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; border-color:#00b4d8; transform:translateX(2px); box-shadow:0 4px 10px rgba(0,180,216,0.25); }
.ps-state-chip.active { background:linear-gradient(135deg,#0a1e42,#0a3060); color:#fff; border-color:#0a3060; }
.ps-state-chip .abbr { width:28px; height:22px; border-radius:4px; background:#eef4fa; color:#0077b6; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; letter-spacing:0.5px; flex-shrink:0; }
.ps-state-chip:hover .abbr, .ps-state-chip.active .abbr{background:rgba(255,255,255,0.25); color:#fff;}
.ps-related-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:20px 0 0; }
.ps-related-card { display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:10px; background:#fff; border:1.5px solid var(--border); text-decoration:none; color:inherit; transition:all .15s; }
.ps-related-card:hover{border-color:var(--cyan); background:#f0fbff; transform:translateX(2px);}
.ps-related-icon { width:36px; height:36px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; }
.ps-related-card h4{margin:0 0 2px; font-size:14px; font-weight:700; color:var(--navy);}
.ps-related-card p{margin:0; font-size:12px; color:var(--muted); line-height:1.4;}
.ps-faq-section{margin:36px 0 22px;}
.ps-faq-card { background:#fff; border:1px solid var(--border); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.ps-faq-q { padding:16px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-weight:700; color:var(--navy); font-size:15px; background:#f8fafc; list-style:none; }
.ps-faq-q::-webkit-details-marker{display:none;}
.ps-faq-q::after { content:'\f078'; font-family:'Font Awesome 6 Free'; font-weight:900; color:var(--cyan); transition:transform .2s; }
.ps-faq-a{padding:16px 20px 20px; color:#334155; font-size:14.5px; line-height:1.7;}
.ps-faq-a p{margin:0 0 10px;}
.ps-faq-a p:last-child{margin:0;}
.ps-cta-bar { background:linear-gradient(135deg,#0a1628 0%,#0a3060 100%); color:#fff; padding:24px 28px; border-radius:14px; margin:24px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:0 8px 24px rgba(0,0,0,0.18); flex-wrap:wrap; }
.ps-cta-bar h3{margin:0 0 4px; font-size:18px; font-weight:700; color:#fff;}
.ps-cta-bar p{margin:0; font-size:14px; color:#cbd5e1;}
.ps-cta-btn { background:#00b4d8; color:#0a1628; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:700; font-size:14px; white-space:nowrap; transition:transform .15s,box-shadow .15s; }
.ps-cta-btn:hover{transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,180,216,0.38);}
.ps-footer { background:#0a1628; color:#94a3b8; padding:32px 24px; margin-top:48px; text-align:center; font-size:13px; }
.ps-footer a{color:#00b4d8; text-decoration:none;}
.ps-footer a:hover{text-decoration:underline;}
.ps-meta-row { display:flex; flex-wrap:wrap; gap:14px; margin:20px 0 0; padding:14px 18px; background:#f8fafc; border-radius:10px; color:#64748b; font-size:12.5px; align-items:center; }
.ps-meta-row i{color:#0077b6;}
.ps-tile.t-amber{--tile-c1:#f59e0b; --tile-c2:#b45309;}
.ps-content-section { background: #fff; border: 1px solid var(--border); border-radius: 14px;
  padding: 28px 32px; margin: 0 0 22px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.ps-content-section h2 { font-size: clamp(20px,2.4vw,26px); font-weight: 800; color: var(--navy);
  margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #eef4fa;
  display: flex; align-items: center; gap: 12px; }
.ps-content-section h2 .num { display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0;
  background: linear-gradient(135deg, #00b4d8, #0077b6); color: #fff;
  font-size: 14px; font-weight: 800; }
.ps-content-section h3 { font-size: 17px; font-weight: 700; color: var(--navy);
  margin: 22px 0 10px; display: flex; align-items: center; gap: 8px; }
.ps-content-section h3::before { content: ''; width: 4px; height: 18px; border-radius: 3px;
  background: linear-gradient(180deg, #00b4d8, #0077b6); }
.ps-content-section p{margin: 0 0 14px; font-size: 15px; color: #334155; line-height: 1.75;}
.ps-content-section ul, .ps-content-section ol{margin: 8px 0 16px; padding-left: 22px;}
.ps-content-section li{font-size: 15px; color: #334155; line-height: 1.7; margin-bottom: 6px;}
.ps-content-section a{color: #0077b6; text-decoration: none; font-weight: 600;}
.ps-content-section a:hover{text-decoration: underline; color: #00b4d8;}
.ps-content-section strong{color: var(--navy); font-weight: 700;}
.ps-callout { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-left: 4px solid #00b4d8;
  padding: 16px 20px; border-radius: 8px;
  margin: 16px 0; display: flex; gap: 12px; }
.ps-callout-icon{color: #00b4d8; font-size: 20px; flex-shrink: 0; margin-top: 2px;}
.ps-callout-body{font-size: 14.5px; color: #1e40af; line-height: 1.65;}
.ps-callout-body strong{color: #0c4a6e;}
.ps-state-grid-section { background: linear-gradient(135deg, #f8fafc 0%, #eef4fa 100%);
  border: 1px solid var(--border); border-radius: 16px;
  padding: 32px; margin: 32px 0; }
.ps-state-grid-section h2 { margin: 0 0 8px; font-size: 24px; font-weight: 800; color: var(--navy); display:flex;align-items:center;gap:10px; }
.ps-state-grid-section .lede{color: var(--muted); font-size: 14px; margin: 0 0 20px;}
.ps-state-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.ps-state-chip { display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 8px;
  background: #fff; border: 1px solid var(--border);
  color: var(--navy); text-decoration: none;
  font-size: 13.5px; font-weight: 600; transition: all .15s; }
.ps-state-chip:hover { background: linear-gradient(135deg, #00b4d8, #0077b6); color: #fff;
  border-color: #00b4d8; transform: translateX(2px);
  box-shadow: 0 4px 10px rgba(0,180,216,0.25); }
.ps-state-chip .abbr { width: 28px; height: 22px; border-radius: 4px;
  background: #eef4fa; color: #0077b6;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 800; letter-spacing: 0.5px;
  flex-shrink: 0; }
.ps-state-chip:hover .abbr{background: rgba(255,255,255,0.25); color: #fff;}
.ps-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 20px 0 0; }
.ps-related-card { display: flex; align-items: center; gap: 12px;
  padding: 14px 16px; border-radius: 10px;
  background: #fff; border: 1.5px solid var(--border);
  text-decoration: none; color: inherit; transition: all .15s; }
.ps-related-card:hover{border-color: var(--cyan); background: #f0fbff; transform: translateX(2px);}
.ps-related-icon { width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 15px;
  color: #fff; }
.ps-related-card h4{margin: 0 0 2px; font-size: 14px; font-weight: 700; color: var(--navy);}
.ps-related-card p{margin: 0; font-size: 12px; color: var(--muted); line-height: 1.4;}
.ps-faq-section{margin: 36px 0 22px;}
.ps-faq-card { background: #fff; border: 1px solid var(--border); border-radius: 10px;
  margin-bottom: 10px; overflow: hidden; }
.ps-faq-q { padding: 16px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  font-weight: 700; color: var(--navy); font-size: 15px; background: #f8fafc;
  list-style: none; }
.ps-faq-q::-webkit-details-marker{display: none;}
.ps-faq-q::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--cyan); transition: transform .2s; }
.ps-faq-a{padding: 16px 20px 20px; color: #334155; font-size: 14.5px; line-height: 1.7;}
.ps-faq-a p{margin: 0 0 10px;}
.ps-faq-a p:last-child{margin: 0;}
.ps-search-box { background: linear-gradient(135deg,#0a1628 0%,#1a3a2e 100%);
  border: 1px solid rgba(0,180,216,0.28);
  border-radius: 12px; padding: 22px 24px; margin: 24px auto 0; max-width: 760px;
  position: relative; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
.ps-search-box-title { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 12px;
  text-align: left; letter-spacing: -0.1px; }
.ps-search-box-title i{color: #00b4d8; margin-right: 6px;}
.ps-sp-badge { position: absolute; top: 10px; right: 12px;
  background: rgba(255,255,255,0.08); color: #94a3b8; padding: 3px 9px; border-radius: 4px;
  font-size: 9.5px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.1); }
.ps-search-fields { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; align-items: end; }
.ps-sf-col label { display: block; font-size: 11px; color: #94a3b8; margin-bottom: 6px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; }
.ps-sf-col input, .ps-sf-col select { width: 100%; height: 44px; padding: 0 14px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.95); color: #1e293b;
  font-size: 14px; font-family: inherit; }
.ps-sf-col input:focus, .ps-sf-col select:focus { outline: none; border-color: #00b4d8; box-shadow: 0 0 0 3px rgba(0,180,216,0.25); }
.ps-search-btn { height: 44px; padding: 0 28px; border-radius: 10px; border: none; cursor: pointer;
  background: #00b4d8; color: #fff;
  font-weight: 700; font-size: 14px; letter-spacing: 0.3px; white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0,180,216,0.45); transition: transform .15s, box-shadow .15s; }
.ps-search-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,180,216,0.55);}
.ps-search-fields{grid-template-columns: 1fr 1fr; gap: 10px;}
.ps-search-btn{grid-column: 1/-1; width: 100%;}
.ps-cta-bar { background: linear-gradient(135deg, #0a1628 0%, #0a3060 100%);
  color: #fff; padding: 24px 28px; border-radius: 14px; margin: 24px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18); flex-wrap: wrap; }
.ps-cta-bar h3{margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #fff;}
.ps-cta-bar p{margin: 0; font-size: 14px; color: #cbd5e1;}
.ps-cta-btn { background: #00b4d8; color: #0a1628; padding: 12px 22px; border-radius: 8px;
  text-decoration: none; font-weight: 700; font-size: 14px; white-space: nowrap;
  transition: transform .15s, box-shadow .15s; }
.ps-cta-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,180,216,0.38);}
.ps-footer { background: #0a1628; color: #94a3b8; padding: 32px 24px; margin-top: 48px; text-align: center; font-size: 13px; }
.ps-footer a{color: #00b4d8; text-decoration: none;}
.ps-footer a:hover{text-decoration: underline;}
.ps-state-chip:hover .abbr{background:rgba(255,255,255,0.25); color:#fff;}

/* ==== STATE BROWSE (13) ==== */
.state-browse-intro { font-size: 15px;
  color: #64748b;
  line-height: 1.65;
  margin: 14px 0 24px;
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto; }
.state-browse-grid { display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 8px; }
.state-browse-box { display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #ffffff;
  border: 2px solid #e8edf3;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden; }
.state-browse-box::after { content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,180,216,0.04) 0%, rgba(0,150,199,0.04) 100%);
  opacity: 0;
  transition: opacity 0.28s; }
.state-browse-box:hover::after{opacity: 1;}
.state-browse-box:hover { border-color: #00b4d8;
  box-shadow: 0 6px 18px rgba(0,180,216,0.18);
  transform: translateY(-2px); }
.state-browse-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.28);
  transition: transform 0.28s, box-shadow 0.28s;
  position: relative;
  z-index: 1; }
.state-browse-box:hover .state-browse-icon { transform: scale(1.1) rotate(4deg);
  box-shadow: 0 5px 14px rgba(0,180,216,0.38); }
.state-browse-icon i{color: #ffffff; font-size: 17px;}
.state-browse-label { font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  transition: color 0.28s;
  position: relative;
  z-index: 1; }
.state-browse-box:hover .state-browse-label{color: #00b4d8;}
.state-browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.state-browse-grid{grid-template-columns:1fr 1fr}

/* ==== PRC-HOWTO (20) ==== */
.prc-howto-section{margin: 0 0 40px;}
.prc-howto-banner { display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 100%);
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  border: 1px solid rgba(0,180,216,0.2); }
.prc-howto-banner-icon { width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(0,180,216,0.35); }
.prc-howto-banner-icon i{color: #fff; font-size: 26px;}
.prc-howto-banner-text h2{color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 8px;}
.prc-howto-banner-text p{color: #cbd5e1; font-size: 15px; line-height: 1.6; margin: 0;}
.prc-howto-steps-card,
.prc-howto-records-card,
.prc-howto-faq-card { background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
.prc-howto-card-head { display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
  border-bottom: 2px solid #e2e8f0; }
.prc-howto-head-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0,180,216,0.25); }
.prc-howto-head-icon i{color: #fff; font-size: 17px;}
.prc-howto-card-head h3{font-size: 17px; font-weight: 700; color: #0a1628; margin: 0;}
.prc-howto-steps{padding: 20px 24px; display: flex; flex-direction: column; gap: 16px;}
.prc-howto-step { display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e8edf3;
  transition: all 0.2s; }
.prc-howto-step:hover { border-color: #00b4d8; background: #f0fafe; box-shadow: 0 3px 10px rgba(0,180,216,0.1); }
.prc-howto-banner{padding: 20px 18px; gap: 14px;}
.prc-howto-banner-icon{width: 50px; height: 50px;}
.prc-howto-banner-icon i{font-size: 20px;}
.prc-howto-banner-text h2{font-size: 18px;}
.prc-howto-steps, .prc-faq-list{padding: 14px 16px;}
.prc-howto-card-head{padding: 14px 16px;}

/* ==== TABLES (5) ==== */
.cr-table{display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.vr-table{width:100%; border-collapse:collapse; margin:14px 0 20px; font-size:14px;}
.vr-table th, .vr-table td{padding:10px 12px; text-align:left; border-bottom:1px solid var(--border);}
.vr-table th { background:#f8fafc; color:var(--navy); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:0.4px; }
.vr-table tr:hover td{background:#f0fbff;}

/* ==== FAQ (20) ==== */
.prc-faq-list{padding: 16px 24px;}
.prc-faq-item { border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.2s; }
.prc-faq-item:hover{border-color: #00b4d8;}
.prc-faq-item[open]{border-color: #00b4d8; box-shadow: 0 3px 10px rgba(0,180,216,0.1);}
.prc-faq-item summary { padding: 14px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  list-style: none; }
.prc-faq-item summary::before { content: "Q";
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0; }
.prc-faq-item[open] summary{background: linear-gradient(135deg, #f0fafe 0%, #e8f7fd 100%);}
.prc-faq-item p { padding: 14px 18px 16px 52px; font-size: 14px; color: #475569; line-height: 1.7; margin: 0; background: #fff; border-top: 1px solid #e2e8f0; }
.faq-card { background:var(--white);border-radius:16px;border:1px solid #dbe5ef;box-shadow:0 16px 38px rgba(5,16,30,.08);overflow:hidden;scroll-margin-top:130px;margin-bottom:16px }
.faq-header{display:flex;align-items:center;gap:10px;padding:24px 24px 14px}
.faq-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:18px }
.faq-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:none}
.faq-q { display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);list-style:none;user-select:none;transition:.15s }
.faq-q::-webkit-details-marker,.faq-q::marker{display:none}
.faq-q:hover{background:#f8fafc}
.faq-chevron{font-size:11px;color:var(--muted);transition:transform .25s;flex-shrink:0}
.faq-a{padding:0 18px 16px 40px;font-size:14px;color:var(--muted);line-height:1.7}
.faq-a a{color:var(--cyan-dark);text-decoration:underline}

/* ==== BADGES & CHIPS (4) ==== */
.badge-green{background:#d4edda;color:#155724;}
.badge-red{background:#f8d7da;color:#721c24;}
.badge-blue{background:#d0e9ff;color:#003a70;}
.badge-yellow{background:#fff3cd;color:#856404;}

/* ==== CARDS (33) ==== */
.sb-card { background:#fff;border:1px solid #dce8f5;border-radius:8px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 6px rgba(26,63,92,.06) }
.sb-card-head { background:#e8f0fb;color:#1a3a5c;padding:10px 14px;font-weight:700;font-size:.88rem;border-bottom:1px solid #dce8f5 }
.sb-card-body{padding:10px 14px}
.sb-card-body a { display:block;padding:6px 0;font-size:.84rem;color:#1a6fc4;text-decoration:none;border-bottom:1px solid #f0f4fa }
.sb-card-body a:last-child{border-bottom:none}
.sb-card-body a:hover{color:#1a3a5c}
.value-card{background:#f8fbff;border:1px solid #dce8f5;border-radius:6px;padding:14px}
.value-card h4{color:#1a6fc4;font-size:.88rem;margin:0 0 6px}
.value-card p{font-size:.83rem;color:#4a6080;margin:0;line-height:1.6}
.user-card{background:#f8fbff;border:1px solid #dce8f5;border-radius:6px;padding:14px}
.user-card h4{color:#1a3a5c;font-size:.88rem;margin:0 0 6px}
.user-card p{font-size:.83rem;color:#4a6080;margin:0;line-height:1.6}
.nav-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.nav-card { display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--white);border:2px solid var(--line);text-decoration:none!important;transition:all .18s;cursor:pointer }
.nav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.nav-card--blue .nc-icon{background:var(--blue-bg);color:var(--blue)}
.nav-card--blue:hover{border-color:#93c5fd;background:var(--blue-bg)}
.nav-card--green .nc-icon{background:var(--green-bg);color:var(--green)}
.nav-card--green:hover{border-color:#86efac;background:var(--green-bg)}
.nav-card--red .nc-icon{background:var(--red-bg);color:var(--red)}
.nav-card--red:hover{border-color:#fca5a5;background:var(--red-bg)}
.nav-card--purple .nc-icon{background:var(--purple-bg);color:var(--purple)}
.nav-card--purple:hover{border-color:#d8b4fe;background:var(--purple-bg)}
.nav-card--teal .nc-icon{background:var(--teal-bg);color:var(--teal)}
.nav-card--teal:hover{border-color:#5eead4;background:var(--teal-bg)}
.nav-card--amber .nc-icon{background:var(--amber-bg);color:var(--amber)}
.nav-card--amber:hover{border-color:#fcd34d;background:var(--amber-bg)}
.steps-card { background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;margin-bottom:4px }
.record-card { background:var(--white);border-radius:16px;border:1px solid #dbe5ef;box-shadow:0 16px 38px rgba(5,16,30,.08);overflow:hidden;scroll-margin-top:130px;transition:box-shadow .2s;margin-bottom:16px }
.record-card:hover{box-shadow:0 16px 38px rgba(5,16,30,.12)}
.sb-card { background:var(--white);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden }
.nav-cards{grid-template-columns:repeat(3,1fr)}
.nav-cards{grid-template-columns:repeat(6,1fr)}

/* ==== STATS (8) ==== */
.about-stats { display:flex;gap:0;background:#1a3a5c;border-radius:8px;overflow:hidden;margin-bottom:28px;flex-wrap:wrap }
.stat-item { flex:1;min-width:80px;padding:18px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.12) }
.stat-item:last-child{border-right:none}
.stat-num{display:block;font-size:1.6rem;font-weight:700;color:#fff}
.stat-label { display:block;font-size:.72rem;color:#a8c4e0;text-transform:uppercase;letter-spacing:.06em;margin-top:4px }
.about-stats{gap:0}
.stat-item{min-width:calc(33% - 0px)}
.stat-item{min-width:calc(50% - 0px)}

/* ==== OTHER (202) ==== */
.prc-step-num { width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.3); }
.prc-step-content strong { display: block; font-size: 15px; font-weight: 700; color: #1e293b; margin-bottom: 4px; }
.prc-step-content p{font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;}
.prc-records-grid { display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  padding: 20px 24px; }
.prc-record-item { display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e8edf3;
  transition: all 0.2s; }
.prc-record-item:hover{border-color: #00b4d8; background: #f0fafe;}
.prc-record-icon { width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #00b4d8 0%, #0096c7 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0,180,216,0.25); }
.prc-record-icon i{color: #fff; font-size: 17px;}
.prc-record-info strong { display: block; font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 3px; }
.prc-record-info span{font-size: 13px; color: #64748b; line-height: 1.5;}
.prc-records-grid{padding: 14px 16px; grid-template-columns: 1fr;}
' ── */
header 














.hdr-nav, nav#main-nav{display: none !important;}
.ts-col{flex:1;min-width:0}
.ts-col h4 { font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#1a6fc4;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e0e8f0 }
.ts-col a{display:block;padding:5px 0;font-size:.88rem;color:#2c3e50;text-decoration:none}
.ts-col a:hover{color:#1a6fc4;padding-left:4px}
0%, 100%{transform: translateY(0);}
50%{transform: translateY(-6px);}
.terms-list{padding-left:0;list-style:none;counter-reset:terms-ctr}
.terms-list li{counter-increment:terms-ctr;padding:14px 0;border-bottom:1px solid #e8f0fa}
.terms-list li:last-child{border-bottom:none}
.terms-list li:before { content:counter(terms-ctr) ".";font-weight:700;color:#1a6fc4;margin-right:10px;font-size:1rem }
.terms-list h3{display:inline;font-size:1rem;font-weight:600;color:#1a3a5c}
.terms-list p,.terms-list ul{margin:.6em 0 0 1.8em;font-size:.93rem;line-height:1.7;color:#3a4a5c}
.terms-list ul{padding-left:1.2em}
.terms-fcra-box { background:#fff8e1;border:2px solid #f5a623;border-radius:8px;padding:18px 20px;margin-top:24px }
.terms-fcra-box h3{color:#b07800;margin:0 0 10px;font-size:1rem}
.terms-fcra-box p{margin:0;font-size:.9rem;line-height:1.7}
.about-prc{max-width:100%}
.about-section{margin-bottom:28px}
.about-section h2 { font-size:1.15rem;color:#1a3a5c;border-bottom:2px solid #1a6fc4;padding-bottom:8px;margin-bottom:16px }
.about-section h2 i{margin-right:8px;color:#1a6fc4}
.about-section p{font-size:.93rem;line-height:1.75;color:#3a4a5c;margin-bottom:10px}
.about-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}
.about-do,.about-dont{padding:18px;border-radius:8px}
.about-do{background:#f0fff4;border:1px solid #b2dfcc}
.about-dont{background:#fff5f5;border:1px solid #ffcdd2}
.about-do h3{color:#1a6f3c;font-size:.95rem;margin:0 0 12px}
.about-dont h3{color:#b71c1c;font-size:.95rem;margin:0 0 12px}
.about-do ul,.about-dont ul{margin:0;padding-left:1.4em;font-size:.87rem;line-height:1.75;color:#3a4a5c}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.about-two-col{grid-template-columns:1fr}
.values-grid,.users-grid{grid-template-columns:1fr 1fr}
.values-grid,.users-grid{grid-template-columns:1fr}
*, *::before, *::after{box-sizing: border-box;}
details[open] .ps-faq-q::after{transform:rotate(180deg);}
details[open] .ps-faq-q::after{transform: rotate(180deg);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
a{color:var(--cyan-dark);text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
.site-header { background:var(--navy);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06) }
.mob-goto { display:flex;gap:8px;padding:12px 16px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.06) }
.mob-goto select { flex:1;background:#162038;color:#cbd5e1;border:1px solid #1e3a5f;border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;-webkit-appearance:none;appearance:none }
.mob-section-label { display:block;padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.3) }
.jump-strip { background:var(--white);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:54px;z-index:90;box-shadow:0 2px 6px rgba(0,0,0,.04) }
.jump-strip::-webkit-scrollbar{display:none}
.js-inner { display:flex;align-items:center;gap:2px;padding:6px 16px;min-width:max-content;max-width:1280px;margin:0 auto }
.js-link { display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--slate);white-space:nowrap;text-decoration:none!important;transition:.15s;border:2px solid transparent }
.js-link:hover,.js-link.active{background:var(--blue-bg);color:var(--blue);border-color:#bfdbfe}
.js-link i{font-size:13px;color:#3b82f6}
.trust-strip { background:linear-gradient(135deg,#0d2847 0%,#0a1e42 100%);border-bottom:1px solid rgba(255,255,255,.06) }
.trust-inner { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 }
.trust-item { display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06) }
.trust-item:nth-child(2n){border-right:none}
.trust-item:nth-child(n+3){border-bottom:none}
.trust-num{font-size:22px;font-weight:900;color:#22d3ee;line-height:1.1}
.trust-label { font-size:10px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.8px;margin-top:3px }
.search-box { background:white;border-radius:16px;padding:0;box-shadow:0 24px 64px rgba(0,0,0,.35);max-width:680px;margin:24px auto 0;overflow:hidden;position:relative }
.search-box-inner{background:var(--navy);padding:28px 20px 22px}
.search-fields{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.sf-col{display:flex;flex-direction:column;gap:4px;width:100%}
.sf-col label{color:#c0cdd8;font-size:11.5px;font-weight:500}
.sf-col input:not([type=submit]),.sf-col select { padding:9px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.95);font-size:14px;height:42px;font-family:'Inter',Arial,sans-serif;color:#0f172a;transition:border-color .2s;width:100%;box-sizing:border-box }
.sf-col input:not([type=submit]):focus,.sf-col select:focus{outline:none;border-color:rgba(0,180,216,.5)}
.sf-submit { background:linear-gradient(135deg,#00b4d8,#0096c7)!important;color:#fff;font-weight:700;font-size:15px;padding:0 32px;height:42px;border:none;border-radius:8px;cursor:pointer;margin-top:4px;transition:all .2s;font-family:'Inter',Arial,sans-serif;letter-spacing:.3px;box-shadow:0 10px 24px rgba(0,180,216,.35);width:100%;-webkit-appearance:none;appearance:none }
.sf-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,180,216,.45)}
.quick-bar { position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(10,22,40,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(0,180,216,.2);padding:8px 0;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.3) }
.quick-bar.visible{transform:translateY(0)}
.qb-inner { max-width:1280px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none }
.qb-inner::-webkit-scrollbar{display:none}
.qb-link { display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8);white-space:nowrap;flex-shrink:0;text-decoration:none!important;transition:.15s;border:1px solid transparent }
.qb-link:hover,.qb-link.active{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.15)}
.qb-link i{font-size:13px}
.qb-link--blue i{color:#60a5fa}
.qb-link--green i{color:#4ade80}
.qb-link--red i{color:#f87171}
.qb-link--purple i{color:#c084fc}
.qb-link--teal i{color:#2dd4bf}
.qb-link--amber i{color:#fbbf24}
.qb-link--slate i{color:#94a3b8}
.qb-close { background:none;border:none;color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;padding:6px 10px;flex-shrink:0;margin-left:auto }
.qb-close:hover{color:#fff}
.nav-block{padding:20px 16px}
.nav-block-inner{max-width:1280px;margin:0 auto}
.nc-icon { width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0 }
.nc-text{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}
.nc-text small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px}
.content-grid{display:flex;flex-direction:column;gap:20px}
.steps-header{display:flex;align-items:center;gap:10px;padding:24px 24px 14px}
.steps-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:14px }
.steps-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.steps-row{display:flex;flex-direction:column;padding:16px;gap:14px}
.step-item{display:flex;align-items:flex-start;gap:12px}
.step-num { width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.step-body{display:flex;flex-direction:column;gap:2px}
.step-body strong{font-size:14px;font-weight:700;color:var(--text)}
.step-body span{font-size:12px;color:var(--muted);line-height:1.4}
.step-arrow{display:none}
.rc-header{display:flex;align-items:center;gap:10px;padding:24px 24px 0}
.rc-header i { width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e5f8fc;color:#058bb3;font-size:18px;flex-shrink:0 }
.rc-header h2{font-size:20px;font-weight:700;color:#102338;margin:0}
.rc-body{padding:14px 24px 24px}
.rc-intro{font-size:15px;color:#334155;line-height:1.7;margin:0 0 10px}
.rc-collapse { position:relative;max-height:120px;overflow:hidden;transition:max-height .4s ease }
.rc-collapse.expanded{max-height:none}
.rc-collapse::after { content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#fff);pointer-events:none;transition:opacity .3s }
.rc-collapse.expanded::after{opacity:0;height:0}
.rc-toggle { display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 16px;border:1px solid #dbe5ef;border-radius:999px;background:#f8fafc;color:#058bb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit }
.rc-toggle:hover{background:#e5f8fc;border-color:#058bb3}
.rc-toggle i{font-size:10px;transition:transform .3s}
.rc-toggle.open i{transform:rotate(180deg)}
.rc-key{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.rc-key li { display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#334155;line-height:1.55 }
.rc-key li i{color:#058bb3;font-size:11px;margin-top:5px;flex-shrink:0}
.rc-addr { display:flex;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 14px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f7;font-size:13px;color:#475569;line-height:1.6 }
.rc-addr i{color:#058bb3;margin-top:3px;flex-shrink:0}
.rc-intro { font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:14px;max-width:700px }
.rc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.rc-list li { display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.5 }
.rc-list li i{color:var(--green);font-size:12px;margin-top:4px;flex-shrink:0}
.rc-actions{display:flex;flex-direction:column;gap:8px}
.btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:.15s;border:2px solid transparent;text-decoration:none!important;width:100% }
.btn--blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn--blue:hover{background:#1e40af}
.btn--green{background:var(--green);color:#fff;border-color:var(--green)}
.btn--green:hover{background:#166534}
.btn--red{background:var(--red);color:#fff;border-color:var(--red)}
.btn--red:hover{background:#991b1b}
.btn--purple{background:var(--purple);color:#fff;border-color:var(--purple)}
.btn--purple:hover{background:#6b21a8}
.btn--teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.btn--teal:hover{background:#0f766e}
.btn--amber{background:var(--amber);color:#fff;border-color:var(--amber)}
.btn--amber:hover{background:#92400e}
.btn--outline{background:transparent;color:var(--text);border-color:var(--line)}
.btn--outline:hover{background:#f8fafc}
details[open] .faq-chevron{transform:rotate(90deg)}
.sidebar{display:flex;flex-direction:column;gap:16px}
.sb-header { display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(90deg,#0a1e42,#1e40af) }
.sb-header i{color:#93c5fd}
.sb-body{padding:0}
.quick-link { display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);transition:.15s;text-decoration:none!important }
.quick-link:last-child{border-bottom:none}
.quick-link:hover{background:var(--blue-bg)}
.ql-text{display:flex;flex-direction:column;gap:2px}
.ql-text strong{font-size:13px;font-weight:600;color:var(--text)}
.ql-text small{font-size:11px;color:var(--muted)}
.quick-link .fa-arrow-right{font-size:11px;color:var(--muted);transition:.15s}
.quick-link:hover .fa-arrow-right{color:var(--blue)}
.info-row { display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px }
.info-row:last-child{border-bottom:none}
.info-label{color:var(--muted);font-weight:500}
.info-value{font-weight:600;color:var(--text)}
.nearby-link { display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text);border-bottom:1px solid var(--line);text-decoration:none!important;transition:.15s }
.nearby-link:last-child{border-bottom:none}
.nearby-link:hover{background:var(--blue-bg);color:var(--blue)}
.nearby-link i{color:var(--muted);font-size:11px}
.site-footer{background:var(--navy);padding:40px 16px 0;margin-top:20px}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid { display:grid;grid-template-columns:1fr;gap:28px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08) }
.footer-brand { display:flex;align-items:center;gap:10px;font-size:16px;color:#fff;margin-bottom:10px }
.footer-brand i{color:#60a5fa}
.footer-tagline{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
.footer-col h4 { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.35);margin-bottom:12px }
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;transition:.15s}
.footer-links a:hover{color:#fff}
.footer-bottom { padding:16px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12px;color:rgba(255,255,255,.3) }
.footer-bottom a{color:rgba(255,255,255,.5);text-decoration:none}
.footer-bottom a:hover{color:#fff}
.trust-inner{grid-template-columns:repeat(4,1fr)}
.trust-item{border-bottom:none}
.trust-item:nth-child(2n){border-right:1px solid rgba(255,255,255,.06)}
.trust-item:last-child{border-right:none}
.search-fields { flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px }
.sf-col{width:auto;flex:1 1 140px}
.sf-submit{width:auto;margin-top:17px}
.steps-row{flex-direction:row;align-items:center;gap:12px}
.step-arrow{display:block;color:var(--muted);font-size:14px;flex-shrink:0}
.rc-actions{flex-direction:row}
.btn{width:auto}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
.footer-bottom{flex-direction:row;justify-content:space-between}
.content-grid{flex-direction:row;gap:24px}
.content-main{flex:1;min-width:0}
.sidebar{width:320px;flex-shrink:0;position:sticky;top:110px;align-self:flex-start}
.search-box{max-width:680px;margin:24px auto 0}
.qb-link{padding:8px 16px;font-size:13px}
.vr-source { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); padding:3px 8px; background:#eef4fa; border-radius:4px; margin-left:6px; }
.vr-source i{color:#0077b6;}

/* ============================================================
   BREADCRUMB FIX — horizontal trail (overrides any list styling)
   ============================================================ */
.prc-crumb ol,
nav.prc-crumb ol,
.breadcrumb ol,
ol.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}
.prc-crumb ol li,
nav.prc-crumb ol li,
.breadcrumb ol li,
ol.breadcrumb li {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: var(--muted, #64748b);
}
.prc-crumb ol li + li::before,
nav.prc-crumb ol li + li::before,
.breadcrumb ol li + li::before,
ol.breadcrumb li + li::before {
  content: '\203A';
  margin: 0 8px;
  color: #cbd5e1;
}
.prc-crumb ol li a,
nav.prc-crumb ol li a,
.breadcrumb ol li a,
ol.breadcrumb li a {
  color: var(--cyan-2, #0096c7);
  font-weight: 600;
  text-decoration: none;
}
.prc-crumb ol li a:hover,
nav.prc-crumb ol li a:hover,
.breadcrumb ol li a:hover,
ol.breadcrumb li a:hover { color: var(--cyan, #00b4d8); text-decoration: underline; }

/* Also handle div-based breadcrumb (no <ol>) */
.prc-crumb,
.breadcrumb {
  background: #eef3fb;
  padding: 10px 20px;
  font-size: 12px;
}

/* ============================================================
   BREADCRUMB FIX v2 — covers .prc-breadcrumb (used by 60+ pages)
   ============================================================ */
nav.prc-breadcrumb,
.prc-breadcrumb {
  background: linear-gradient(180deg, #eef3fb 0%, #f5f8fc 100%);
  border-top: 1px solid rgba(255,255,255,0.18);
  border-bottom: 1px solid #dce4ef;
  padding: 9px 24px;
  font-size: 12px;
  color: #64748b;
}
nav.prc-breadcrumb ol,
.prc-breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
nav.prc-breadcrumb ol li,
.prc-breadcrumb ol li {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #64748b;
}
nav.prc-breadcrumb ol li + li::before,
.prc-breadcrumb ol li + li::before {
  content: '\203A';
  margin: 0 8px;
  color: #cbd5e1;
}
nav.prc-breadcrumb ol li a,
.prc-breadcrumb ol li a {
  color: #0096c7;
  font-weight: 600;
  text-decoration: none;
}
nav.prc-breadcrumb ol li a:hover,
.prc-breadcrumb ol li a:hover { color: #00b4d8; text-decoration: underline; }
nav.prc-breadcrumb ol li i,
.prc-breadcrumb ol li i { margin-right: 4px; font-size: 11px; }

/* ============================================================
   BREADCRUMB FIX 2 — covers .prc-breadcrumb (used on legacy pages)
   ============================================================ */
.prc-breadcrumb {
  background: #eef3fb;
  padding: 10px 20px;
  font-size: 12px;
  color: #64748b;
}
.prc-breadcrumb ol,
nav.prc-breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  max-width: 1220px;
  margin: 0 auto;
}
.prc-breadcrumb ol li,
nav.prc-breadcrumb ol li {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #64748b;
}
.prc-breadcrumb ol li + li::before,
nav.prc-breadcrumb ol li + li::before {
  content: '\203A';
  margin: 0 8px;
  color: #cbd5e1;
}
.prc-breadcrumb ol li a,
nav.prc-breadcrumb ol li a {
  color: #0096c7;
  font-weight: 600;
  text-decoration: none;
}
.prc-breadcrumb ol li a:hover {
  color: #00b4d8;
  text-decoration: underline;
}
.prc-breadcrumb ol li i {
  margin-right: 4px;
  font-size: 11px;
}


/* ============================================================
   STATE/COUNTY/HUB CLASSES from prc-unified.css
   ============================================================ */
.state-grid{display: grid;
  grid-template-columns: repeat(2, 1fr);  
  gap: 8px;}
.state-grid{grid-template-columns: repeat(3, 1fr);}
.state-grid{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
.state-grid a { display: block; padding: 10px 12px;
  background: var(--light); border: 1px solid var(--border);
  border-radius: 8px; color: #005f8a;
  font-size: 13px; font-weight: 500; text-decoration: none; text-align: center;
  transition: background .18s, color .18s, border-color .18s;
  min-height: 44px; display: flex; align-items: center; justify-content: center; }
.state-grid a:hover{background: var(--cyan); color: #fff; border-color: var(--cyan);}
.state-grid a:focus-visible { outline: 2px solid var(--cyan);
  outline-offset: 2px;
  background: var(--cyan);
  color: #fff; }
.state-links-bar { margin-top: 24px;
  padding: 14px 16px;
  background: #f0f4f8;
  border-radius: 8px;
  font-size: .88rem;
  line-height: 2; }
.state-links-bar a{color: #0a58ca;
  text-decoration: none;
  margin: 0 4px;}
.state-links-bar a:hover{text-decoration: underline;
  color: #00b4d8;}
.county-banner.city-banner{display: none !important;}
.state-browse-grid{grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;}
.state-browse-bg{padding: 32px 0 !important;}
.state-browse-grid{grid-template-columns: repeat(3, 1fr) !important;}
.state-browse-grid{grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)) !important;}
.sp-badge { position: absolute;
  top: 5px; left: 10px;
  font-size: 8px; font-weight: 500;
  letter-spacing: 0.3px; text-transform: uppercase;
  color: #64748b; z-index: 10;
  line-height: 1; pointer-events: none; opacity: 0.75; }
.topic-card--criminal .state-feature-icon{background:linear-gradient(135deg,#c23616,#ff6b4a)!important}
.topic-card--court .state-feature-icon{background:linear-gradient(135deg,#6c3483,#b26df6)!important}
.topic-card--expunge .state-feature-icon{background:linear-gradient(135deg,#7c3aed,#c084fc)!important}
.topic-card--inmate .state-feature-icon{background:linear-gradient(135deg,#334155,#64748b)!important}
.topic-card--wanted .state-feature-icon{background:linear-gradient(135deg,#be123c,#fb7185)!important}
.topic-card--police .state-feature-icon{background:linear-gradient(135deg,#0f6cbd,#38bdf8)!important}
.topic-card--sheriff .state-feature-icon{background:linear-gradient(135deg,#92400e,#f59e0b)!important}
.topic-card--background .state-feature-icon{background:linear-gradient(135deg,#0f766e,#22c55e)!important}
.topic-card--asset .state-feature-icon{background:linear-gradient(135deg,#007b83,#17bebb)!important}
.topic-card--dmv .state-feature-icon{background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important}
.topic-card--vital .state-feature-icon{background:linear-gradient(135deg,#0f9d58,#48c774)!important}
.topic-card--genealogy .state-feature-icon{background:linear-gradient(135deg,#7c2d12,#fb923c)!important}
.topic-card--missing .state-feature-icon{background:linear-gradient(135deg,#b91c1c,#f97316)!important}
.topic-card--sex .state-feature-icon{background:linear-gradient(135deg,#7e22ce,#e879f9)!important}
.topic-card--criminal .state-topic-icon{background:linear-gradient(135deg,#c23616,#ff6b4a)!important}
.topic-card--court .state-topic-icon{background:linear-gradient(135deg,#6c3483,#b26df6)!important}
.topic-card--expunge .state-topic-icon{background:linear-gradient(135deg,#7c3aed,#c084fc)!important}
.topic-card--inmate .state-topic-icon{background:linear-gradient(135deg,#334155,#64748b)!important}
.topic-card--wanted .state-topic-icon{background:linear-gradient(135deg,#be123c,#fb7185)!important}
.topic-card--police .state-topic-icon{background:linear-gradient(135deg,#0f6cbd,#38bdf8)!important}
.topic-card--sheriff .state-topic-icon{background:linear-gradient(135deg,#92400e,#f59e0b)!important}
.topic-card--background .state-topic-icon{background:linear-gradient(135deg,#0f766e,#22c55e)!important}
.topic-card--asset .state-topic-icon{background:linear-gradient(135deg,#007b83,#17bebb)!important}
.topic-card--dmv .state-topic-icon{background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important}
.topic-card--vital .state-topic-icon{background:linear-gradient(135deg,#0f9d58,#48c774)!important}
.topic-card--genealogy .state-topic-icon{background:linear-gradient(135deg,#7c2d12,#fb923c)!important}
.topic-card--missing .state-topic-icon{background:linear-gradient(135deg,#b91c1c,#f97316)!important}
.topic-card--sex .state-topic-icon{background:linear-gradient(135deg,#7e22ce,#e879f9)!important}
.topic-card--criminal{--feature-accent:#c23616!important}
.topic-card--court{--feature-accent:#6c3483!important}
.topic-card--expunge{--feature-accent:#7c3aed!important}
.topic-card--inmate{--feature-accent:#334155!important}
.topic-card--wanted{--feature-accent:#be123c!important}
.topic-card--police{--feature-accent:#0f6cbd!important}
.topic-card--sheriff{--feature-accent:#92400e!important}
.topic-card--background{--feature-accent:#0f766e!important}
.topic-card--asset{--feature-accent:#007b83!important}
.topic-card--dmv{--feature-accent:#1d4ed8!important}
.topic-card--vital{--feature-accent:#0f9d58!important}
.topic-card--genealogy{--feature-accent:#7c2d12!important}
.topic-card--missing{--feature-accent:#b91c1c!important}
.topic-card--sex{--feature-accent:#7e22ce!important}
.state-browse, .browse-states{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;}
.state-browse a, .browse-states a { display: inline-flex;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #1a3a6b;
  font-weight: 600;
  font-size: .85rem;
  transition: background .15s, color .15s; }
.state-browse a:hover, .browse-states a:hover{background: #1a3a6b;
  color: #fff;
  text-decoration: none;}
.sp-hero { background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 50%, #102542 100%);
  color: #e2e8f0;
  padding: 48px 24px 56px;
  text-align: center;
  position: relative;
  overflow: hidden; }
.sp-hero::before { content:'';
  position:absolute; inset:0;
  background: radial-gradient(circle at 30% 20%, rgba(0,180,216,0.15), transparent 50%),
              radial-gradient(circle at 70% 80%, rgba(0,180,216,0.10), transparent 50%);
  pointer-events: none; }
.sp-hero h1 { position: relative;
  margin: 0 auto 16px;
  max-width: 820px;
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.5px; }
.sp-hero p { position: relative;
  max-width: 720px;
  margin: 0 auto;
  color: #cbd5e1;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.65; }
.sp-hero a{color: #00b4d8;
  text-decoration: underline;}
.sp-hero a:hover{color: #38bdf8;}
.sp-hero{padding: 32px 18px 40px;}
.sp-hero h1{font-size: 26px;}
.sp-hero p{font-size: 15px;}

/* ============================================================
   STATE HUB INLINE STYLES (extracted from old state-info.php)
   ============================================================ */
    
    /* ── HERO (mastered from home-info.php) ─────────────────────── */
    .hero {
      background: linear-gradient(135deg, #060f1e 0%, #0a1e42 45%, #0a3060 100%);
      padding: 28px 24px 36px; text-align:center; position:relative; overflow:hidden;
    }
    .hero::before {
      content:''; position:absolute; inset:0;
      background:
        radial-gradient(ellipse at 20% 60%, rgba(0,180,216,0.14) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 20%, rgba(2,62,138,0.22) 0%, transparent 55%),
        radial-gradient(ellipse at 50% 100%, rgba(0,180,216,0.07) 0%, transparent 40%);
    }
    .hero-content { position:relative; z-index:1; max-width:840px; margin:0 auto; }
    .hero-badge {
      display:inline-flex; align-items:center; gap:7px;
      background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.38);
      color:var(--cyan); padding:4px 12px; border-radius:50px;
      font-size:10px; font-weight:600; letter-spacing:0.6px;
      margin-bottom:8px; text-transform:uppercase;
    }
    .hero h1 {
      color:white; font-size:clamp(28px,5vw,48px);
      font-weight:800; line-height:1.18; margin-bottom:16px; letter-spacing:-0.5px;
    }
    .hero h1 span { color:var(--cyan); }
    .hero-sub {
      color:#94a3b8; font-size:13px;
      margin-bottom:10px; line-height:1.4;
    }
      }
    .breadcrumb{background:#f0f4f8 !important;padding:10px 24px;font-size:12px;color:#64748b;}
    .breadcrumb a{color:#00b4d8;text-decoration:none;}
    .breadcrumb a:hover{text-decoration:underline;}
    .main-wrap{max-width:1220px;margin:32px auto;padding:0 24px;}
    .section-label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#0f6cbd;margin-bottom:10px;}
    .section-label--tiny{font-size:10px;margin-bottom:6px;color:#5c7c95;}
    .emoji-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#fff7d6,#ffe3ec);border:1px solid #f7d7a8;color:#8a4b00;font-size:11px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 18px rgba(250,181,80,.16);white-space:nowrap;}
    .emoji-badge--mint{background:linear-gradient(135deg,#e8fff4,#e8f4ff);border-color:#cfe7da;color:#116b57;}
    .tiny-flag-chip{display:inline-flex;align-items:center;gap:6px;margin-left:0;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#eef7ff,#ffeefe);border:1px solid #d8e5f7;color:#234a74;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;box-shadow:0 8px 16px rgba(15,108,189,.10);white-space:nowrap;max-width:100%;}
    .tiny-flag-chip i{font-size:10px;color:#d9487d;}
    .county-heading-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
    .section-title{font-size:clamp(22px,3.4vw,34px);font-weight:800;color:#0a1628;margin-bottom:8px;line-height:1.12;letter-spacing:-.02em;}
    .section-sub{color:#58697c;font-size:15px;line-height:1.7;margin:0 0 28px;max-width:960px;}
    .state-feature-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 24px;}
    .state-feature-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dce6f1;box-shadow:0 10px 24px rgba(15,23,42,.05);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden;}
    .state-feature-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--feature-accent,#0f6cbd);opacity:.95;}
    .state-feature-card:after{content:'✦';position:absolute;top:10px;right:12px;font-size:12px;color:rgba(15,108,189,.22);font-weight:900;}
    .state-feature-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.10);border-color:#b7cfe6;}
    .state-feature-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:16px;box-shadow:0 10px 20px rgba(2,62,138,.16);position:relative;}
    .state-feature-icon:after{content:'';position:absolute;inset:-4px;border-radius:18px;border:1px solid rgba(255,255,255,.55);opacity:.75;}
    .state-feature-copy{min-width:0;}
    .state-feature-kicker{display:block;color:#5c7388;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
    .state-feature-card strong{display:block;color:#0a1628;font-size:16px;line-height:1.16;margin-top:3px;}
    .state-feature-card span{display:block;color:#61768d;font-size:12.5px;line-height:1.5;margin-top:4px;}
    .state-feature-arrow{margin-left:auto;color:#7ea2bf;font-size:13px;}
    .topic-criminal{--feature-accent:#d6452f;}
    .topic-court{--feature-accent:#7a47b5;}
    .topic-vital{--feature-accent:#1f9d60;}
    .topic-property{--feature-accent:#0b8a8f;}
    .topic-criminal .state-feature-icon{background:linear-gradient(135deg,#c23616,#ff6b4a);}
    .topic-court .state-feature-icon{background:linear-gradient(135deg,#6c3483,#b26df6);}
    .topic-vital .state-feature-icon{background:linear-gradient(135deg,#0f9d58,#48c774);}
    .topic-property .state-feature-icon{background:linear-gradient(135deg,#007b83,#17bebb);}

    .state-topic-panel{padding:24px;margin:0 0 30px;background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid #e0e8f1;border-radius:22px;box-shadow:0 16px 36px rgba(15,23,42,.06);}
    .state-topic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
    .state-topic-head h3{margin:0;color:#0a1628;font-size:24px;line-height:1.12;}
    .state-topic-head p{margin:6px 0 0;color:#5d748a;font-size:13px;line-height:1.6;max-width:720px;}
    .state-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
    .state-topic-card{position:relative;display:block;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #dce6f1;box-shadow:0 10px 24px rgba(15,23,42,.05);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;}
    .state-topic-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.10);border-color:#b7cfe6;text-decoration:none;}
    .state-topic-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--topic-accent,#0f6cbd);}
    .state-topic-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
    .state-topic-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;box-shadow:0 10px 20px rgba(2,62,138,.16);background:linear-gradient(135deg,var(--topic-accent,#0f6cbd),var(--topic-accent-2,#49a4ff));}
    .topic-flag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,var(--flag-1,#eff6ff),var(--flag-2,#ffffff));border:1px solid rgba(15,108,189,.12);color:var(--flag-text,#234a74);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 16px rgba(15,108,189,.10);white-space:nowrap;}
    .topic-flag-chip i{color:#d9487d;font-size:10px;}
    .state-topic-card strong{display:block;color:#0a1628;font-size:16px;line-height:1.18;margin-bottom:6px;}
    .state-topic-card span{display:block;color:#61768d;font-size:12.8px;line-height:1.55;}
    .topic-card--criminal{--topic-accent:#c23616;--topic-accent-2:#ff6b4a;}
    .topic-card--court{--topic-accent:#6c3483;--topic-accent-2:#b26df6;}
    .topic-card--expunge{--topic-accent:#7c3aed;--topic-accent-2:#c084fc;}
    .topic-card--inmate{--topic-accent:#334155;--topic-accent-2:#64748b;}
    .topic-card--wanted{--topic-accent:#be123c;--topic-accent-2:#fb7185;}
    .topic-card--police{--topic-accent:#0f6cbd;--topic-accent-2:#38bdf8;}
    .topic-card--sheriff{--topic-accent:#92400e;--topic-accent-2:#f59e0b;}
    .topic-card--background{--topic-accent:#0f766e;--topic-accent-2:#22c55e;}
    .topic-card--asset{--topic-accent:#007b83;--topic-accent-2:#17bebb;}
    .topic-card--dmv{--topic-accent:#1d4ed8;--topic-accent-2:#60a5fa;}
    .topic-card--vital{--topic-accent:#0f9d58;--topic-accent-2:#48c774;}
    .topic-card--genealogy{--topic-accent:#7c2d12;--topic-accent-2:#fb923c;}
    .topic-card--missing{--topic-accent:#b91c1c;--topic-accent-2:#f97316;}
    .topic-card--sex{--topic-accent:#7e22ce;--topic-accent-2:#e879f9;}

    .state-overview-shell{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;margin:0 0 28px;}
    .state-glance-card,.state-side-card,.state-about-panel,.links-group,.prc-qs-section,.state-no-county-wrap{background:#fff;border:1px solid #e0e8f1;border-radius:22px;box-shadow:0 16px 36px rgba(15,23,42,.06);}
    .state-glance-card{padding:22px;background:linear-gradient(180deg,#ffffff,#f7fbff);}
    .state-glance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
    .state-id{display:flex;align-items:flex-start;gap:14px;min-width:0;}
    .state-crest{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#081323,#154c8a);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:0 14px 30px rgba(2,62,138,.26);font-weight:800;font-size:17px;letter-spacing:.04em;flex-shrink:0;}
    .state-crest i{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#8ec5ff,#d7ecff);display:flex;align-items:center;justify-content:center;font-size:10px;color:#093762;border:2px solid #fff;}
    .state-id h3{margin:0;color:#0a1628;font-size:24px;line-height:1.1;letter-spacing:-.02em;}
    .state-id p{margin:6px 0 0;color:#607489;font-size:13.5px;line-height:1.6;max-width:760px;}
    .state-update-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#f8fbff;border:1px solid #d7e7f5;color:#0b4f75;font-size:12px;font-weight:800;white-space:nowrap;}
    .state-glance-copy{margin:0 0 18px;color:#233648;font-size:15px;line-height:1.78;max-width:900px;}
    .state-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .state-stat-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid #dfe8f2;box-shadow:0 10px 20px rgba(15,23,42,.04);position:relative;overflow:hidden;min-width:0;}
    .state-stat-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#65c7f7,#0052d4);opacity:.92;}
    .state-stat-card:nth-child(2):before{background:linear-gradient(90deg,#43cea2,#185a9d);}
    .state-stat-card:nth-child(3):before{background:linear-gradient(90deg,#f7971e,#ffd200);}
    .state-stat-card:nth-child(4):before{background:linear-gradient(90deg,#f953c6,#b91d73);}
    .state-stat-label i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;margin-right:6px;background:linear-gradient(135deg,#e7f1ff,#bddcff);color:#0b57a5;}
    .state-stat-label{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;color:#5c738b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;min-width:0;}
    .state-stat-label i{font-size:12px;color:#0f6cbd;}
    .state-stat-value{display:block;color:#0a1628;font-size:24px;font-weight:800;line-height:1.05;}
    .state-stat-note{display:block;color:#667a8f;font-size:12px;line-height:1.45;margin-top:6px;}
    /* ── Mobile compact stats ── */
    @media(max-width:600px){
      .state-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
      .state-stat-card{padding:10px 12px;border-radius:12px;}
      .state-stat-card:before{height:3px;}
      .state-stat-value{font-size:20px;margin-bottom:2px;}
      .state-stat-label{font-size:10px;letter-spacing:.04em;margin-bottom:4px;gap:4px;}
      .state-stat-label i{width:18px;height:18px;font-size:9px;margin-right:3px;}
      .state-stat-note{font-size:10px;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
      .tiny-flag-chip{display:none!important;}
      .state-stat-label-text{font-size:10px;}
    }
    @media(max-width:380px){
      .state-stat-grid{gap:6px;}
      .state-stat-card{padding:8px 10px;border-radius:10px;}
      .state-stat-value{font-size:18px;}
      .state-stat-label{font-size:9px;}
      .state-stat-note{font-size:9px;-webkit-line-clamp:1;}
    }


    .state-sidecards{display:grid;grid-template-columns:1fr;gap:16px;}
    .state-side-card{padding:18px;background:linear-gradient(180deg,#ffffff,#f9fbfe);min-width:0;}
    .state-side-card h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#0a1628;font-size:18px;line-height:1.2;}
    .state-side-card h3 i{color:#0f6cbd;}
    .state-side-card p{margin:0;color:#5e7388;font-size:13.5px;line-height:1.65;}
    .state-card-link{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;margin-top:14px;padding:12px 15px;border-radius:14px;background:linear-gradient(135deg,#081323,#0f6cbd);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 12px 24px rgba(15,60,120,.16);}
    .state-card-link:hover{filter:brightness(1.05);text-decoration:none;}
    .state-mini-note{margin-top:10px;color:#59728b;font-size:12px;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
    .state-mini-note a{display:inline-flex;align-items:center;gap:6px;}

    .state-about-panel{padding:24px;margin:0 0 30px;background:linear-gradient(180deg,#ffffff,#fbfdff);}
    .state-about-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;}
    .state-about-title{display:flex;align-items:flex-start;gap:14px;min-width:0;}
    .state-about-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#0f6cbd,#49a4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 12px 28px rgba(15,108,189,.22);flex-shrink:0;}
    .state-about-head h3{margin:0;color:#0a1628;font-size:24px;line-height:1.12;}
    .state-about-head p{margin:6px 0 0;color:#5d748a;font-size:13px;line-height:1.6;max-width:620px;}
    .state-about-body{display:grid;grid-template-columns:1fr;gap:18px;}
    .state-about-copy{color:#223547;font-size:15px;line-height:1.82;}
    .state-about-copy p{margin:0 0 14px;}
    .state-about-highlight{padding:18px;border-radius:18px;background:linear-gradient(135deg,#0c1b30,#113a6c);color:#dbe9f7;box-shadow:0 18px 30px rgba(15,23,42,.16);}
    .state-about-highlight strong{display:block;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
    .state-about-highlight span{display:block;font-size:14px;line-height:1.75;}
    .state-about-highlight .snapshot-extra{margin-top:12px;padding-top:12px;border-top:1px solid rgba(219,233,247,.18);color:#f5fbff;font-size:13px;line-height:1.72;}

    .links-group{padding:22px;margin:0 0 24px;background:linear-gradient(180deg,#ffffff,#fbfdff);}
    .links-group-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;}
    .links-group-title{margin:0;color:#0a1628;font-size:22px;line-height:1.14;letter-spacing:-.02em;}
    .links-group-sub{margin:5px 0 0;color:#63778b;font-size:13px;line-height:1.6;max-width:680px;}
    .links-group-count{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#f4f9ff;border:1px solid #d5e6f5;color:#0f5075;font-size:12px;font-weight:800;white-space:nowrap;}
    .links-group-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 12px 24px rgba(15,23,42,.12);flex-shrink:0;position:relative;}
    .links-group-icon:after{content:'⚑';position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff5f6d);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;border:2px solid #fff;box-shadow:0 8px 14px rgba(249,83,140,.18);}
    .links-grid{display:grid;grid-template-columns:1fr;gap:14px;}
    .link-item{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;background:#fff;border:1px solid #dde8f2;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 10px 20px rgba(15,23,42,.04);}
    .link-item:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(15,23,42,.08);border-color:#b8d1e7;}
    .link-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
    .link-icon i{color:#fff;font-size:14px;}
    .li-criminal{background:linear-gradient(135deg,#c23616,#e74c3c);}
    .li-court{background:linear-gradient(135deg,#6c3483,#9b59b6);}
    .li-property{background:linear-gradient(135deg,#006d77,#0a9396);}
    .li-vital{background:linear-gradient(135deg,#0f9d58,#34a853);}
    .li-inmate{background:linear-gradient(135deg,#125d98,#3c91e6);}
    .li-sex{background:linear-gradient(135deg,#c47f00,#f4a300);}
    .li-voter{background:linear-gradient(135deg,#117a65,#1abc9c);}
    .li-tax{background:linear-gradient(135deg,#9a6c00,#f4b400);}
    .li-police{background:linear-gradient(135deg,#1b2a4a,#355c9a);}
    .li-gold{background:linear-gradient(135deg,#9c6b00,#ffbe2e);}
    .li-teal{background:linear-gradient(135deg,#006d77,#17bebb);}
    .li-green{background:linear-gradient(135deg,#1b8f4d,#59c36a);}
    .li-default{background:linear-gradient(135deg,#0f6cbd,#49a4ff);}
    .link-title{color:#0f6cbd;font-size:15px;font-weight:800;text-decoration:none;line-height:1.45;display:block;}
    .link-title:hover{color:#0a4b83;text-decoration:underline;}
    .link-desc{font-size:12.8px;color:#607387;margin-top:5px;line-height:1.55;}

    .prc-qs-section{padding:22px;margin-top:26px;background:linear-gradient(180deg,#ffffff,#fbfdff);}
    .prc-qa-list{display:grid;gap:14px;}
    .prc-qa-item{border:1px solid #dce7f2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 20px rgba(15,23,42,.04);}
    .prc-qa-item[open]{box-shadow:0 18px 28px rgba(15,23,42,.08);border-color:#b9d4ea;}
    .prc-qa-q{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;list-style:none;cursor:pointer;user-select:none;}
    .prc-qa-q::-webkit-details-marker{display:none;}
    .prc-qa-bullet{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#081323,#0f6cbd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}
    .prc-qa-text{flex:1;color:#0a1628;font-size:15px;font-weight:800;line-height:1.45;}
    .prc-qa-toggle{color:#648099;font-size:13px;padding-top:3px;transition:transform .18s ease;}
    .prc-qa-item[open] .prc-qa-toggle{transform:rotate(180deg);}
    .prc-qa-a{padding:0 18px 18px 60px;color:#24384b;font-size:14px;line-height:1.8;}

    .state-no-county-wrap{padding:22px;margin-top:28px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#fff8fb 100%);position:relative;overflow:hidden;}
    .state-no-county-wrap:after{content:'';position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(circle at center,rgba(255,182,193,.28),rgba(255,182,193,0));pointer-events:none;}
    .state-city-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;}
    .state-city-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:18px;border:1px solid #dde8f2;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 10px 20px rgba(15,23,42,.04);position:relative;overflow:hidden;}
    .state-city-card:before{content:'⚑';position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#6dd5ed,#2193b0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 10px 18px rgba(33,147,176,.22);}
    .state-city-card:after{content:'';position:absolute;inset:auto -30px -38px auto;width:120px;height:120px;background:radial-gradient(circle at center,rgba(109,213,237,.16),rgba(109,213,237,0));pointer-events:none;}
    .state-city-type{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:7px 11px;border-radius:999px;background:#eef7ff;border:1px solid #d9e7f4;color:#0b4f75;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
    .state-city-card h3{margin:0;color:#0a1628;font-size:18px;line-height:1.2;}
    .state-city-card p{margin:0;color:#63778b;font-size:13px;line-height:1.6;}
    .state-city-card a{display:inline-flex;align-items:center;gap:8px;color:#0f6cbd;text-decoration:none;font-weight:800;font-size:13px;}
    .state-city-card a:hover{text-decoration:underline;}
    .state-footer-stamp{margin-top:28px;display:flex;justify-content:center;}
    .state-footer-stamp .state-update-pill{background:#fff;box-shadow:0 10px 20px rgba(15,23,42,.04);}
    .scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;background:#0f6cbd;color:white;border:none;border-radius:50%;cursor:pointer;font-size:16px;display:none;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(15,108,189,.35);z-index:999;}
    .scroll-top.show{display:flex;}
    .prc-old-nav,.table_wrap.nav-table{display:none !important;}

    @media (min-width: 769px) {.main-wrap{padding:0 16px;}.breadcrumb{padding:10px 16px;}.state-glance-card,.state-side-card,.state-about-panel,.links-group,.prc-qs-section,.state-no-county-wrap{padding-left:18px;padding-right:18px;}}
    @media (min-width: 641px) {.state-stat-grid{grid-template-columns:1fr;}}
    @media(min-width:680px){.state-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.state-city-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(min-width:900px){.state-overview-shell{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);}.state-about-body{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);}}
    @media(min-width:1100px){.state-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.links-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.state-city-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

    /* ── HEADER (matches index.php exactly) ── */
    
    /* logo CSS handled by prc-nav-css inline block above */
