:root{
  --navy:#0d3b66;
  --navy-deep:#082b4d;
  --blue:#1e88e5;
  --blue-2:#1168c7;
  --teal:#0ea5a8;
  --gold:#f59e0b;
  --orange:#f97316;
  --green:#159a55;
  --red:#c83b32;
  --purple:#6d28d9;
  --ink:#18324a;
  --muted:#5f7287;
  --line:#dbe7f2;
  --light:#f4f8fc;
  --lighter:#f8fbfe;
  --white:#fff;
  --shadow:0 16px 40px rgba(13,59,102,.10);
  --shadow-soft:0 8px 24px rgba(13,59,102,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#f7fafe;-webkit-font-smoothing:antialiased}
a{color:var(--blue-2)}
img{max-width:100%;height:auto}
.topbar{height:4px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--teal),var(--gold),var(--orange))}
.wrap{width:min(1320px,calc(100% - 36px));margin:0 auto}
.hidden{display:none!important}

/* Header */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(180,202,222,.72);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(13,59,102,.04)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand img{display:block;width:300px;max-width:36vw;height:auto}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}
.site-header nav a{color:#203e5d;text-decoration:none;font-size:14px;font-weight:750;white-space:nowrap;transition:.18s ease}
.site-header nav a:hover{color:var(--blue);transform:translateY(-1px)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:10px;background:linear-gradient(135deg,#0f67bf,#117bd4);color:#fff;text-decoration:none;font-size:14px;font-weight:850;box-shadow:0 8px 20px rgba(17,104,199,.18);white-space:nowrap}
.header-cta:hover{background:linear-gradient(135deg,#0b5aa9,#0e6fc2)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:linear-gradient(135deg,#1168c7,#0876d8);color:#fff;text-decoration:none;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:850;font-size:14px;cursor:pointer;box-shadow:0 6px 16px rgba(17,104,199,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,104,199,.21)}
.btn.secondary{background:#fff;color:var(--navy);border-color:#a9cae9;box-shadow:none}
.btn.secondary:hover{background:#f2f8fd;border-color:#76afe0}
.content-card a.btn{color:#fff}.content-card a.btn.secondary{color:var(--navy)}

/* Typography */
.eyebrow,.section-kicker{display:inline-block;color:var(--blue-2);font-size:11px;font-weight:900;letter-spacing:.085em;text-transform:uppercase}
.eyebrow{padding:7px 11px;border-radius:999px;background:rgba(224,241,255,.88);border:1px solid #cde5f8}
.section-kicker{margin-bottom:7px}
.section{padding:36px 0}
.section h2,.content-card h2,.provider-section h2{color:var(--navy);letter-spacing:-.025em}
.section h2{font-size:clamp(25px,3vw,34px);line-height:1.12;margin:0 0 8px}
.section-intro{color:var(--muted);line-height:1.6;margin:0}
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.section-link{font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}
.section-link:hover{text-decoration:underline}

/* Home hero */
.home-hero{position:relative;overflow:hidden;min-height:365px;padding:48px 0 30px;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 44%,rgba(255,255,255,.45) 70%,rgba(255,255,255,.17) 100%)}
.hero-art{position:absolute;inset:0;background:url('/assets/brand/hero-austin.svg') center right/cover no-repeat;z-index:-2}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.78) 43%,rgba(236,248,255,.16) 78%);z-index:-1}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-height:285px;align-content:center}
.hero-copy{max-width:790px}
.hero h1{font-size:clamp(42px,5vw,67px);line-height:.99;letter-spacing:-.052em;color:#0b3561;margin:14px 0 14px;max-width:840px}
.hero p{font-size:18px;line-height:1.58;color:#3f5870;max-width:800px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-actions .btn{min-height:50px;padding:13px 20px;font-size:15px}
.hero-primary{background:linear-gradient(135deg,#0e64bc,#0876d8)}
.home-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-left:auto;width:min(690px,100%)}
.home-trust-strip>div{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px 16px;background:rgba(255,255,255,.94);border:1px solid rgba(201,220,237,.95);border-radius:13px;box-shadow:var(--shadow-soft);backdrop-filter:blur(6px)}
.home-trust-strip .stat-icon{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;background:#eaf6ff}
.stat-teal{color:var(--teal)}.stat-blue{color:var(--blue)}.stat-gold{color:var(--gold)}
.home-trust-strip strong{color:var(--navy);font-size:22px;line-height:1}.home-trust-strip>div>span:last-child{color:var(--muted);font-size:11px;font-weight:750;margin-top:3px}

/* Featured cards */
.featured-home{padding-top:26px}
.featured-disclosure-inline{display:flex;align-items:center;gap:6px;margin:8px 0 16px;color:#587087;font-size:13px}.featured-disclosure-inline strong{color:#1767b0}.featured-disclosure-inline a{font-weight:800}
.featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.featured-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:14px;background:#fff;border:1px solid #d9e7f3;border-radius:15px;box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
.featured-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(13,59,102,.12);border-color:#b9d6ec}
.featured-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold),var(--orange))}
.featured-logo-area{height:86px;display:flex;align-items:center;justify-content:center;margin:3px 0 4px;padding:7px 4px}.featured-logo-area img{max-height:76px;width:100%;object-fit:contain}
.featured-fallback-mark{width:62px;height:62px;border-radius:16px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900}
.featured-card h3{font-size:14px;line-height:1.3;color:#173c61;margin:8px 0 7px;min-height:37px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.license{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#5c6f84;font-size:12px;line-height:1.45}
.featured-current{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:9px;padding:5px 8px;border-radius:999px;background:#e7f8ee;color:#128244;font-size:11px;font-weight:850}.featured-current span{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#12a450;color:#fff;font-size:10px}
.card-spacer{flex:1}.featured-primary{width:100%;min-height:40px;padding:9px 11px;font-size:12.5px;margin-top:12px}.featured-details-link{display:block;text-align:center;margin-top:8px;font-size:11px;font-weight:800;text-decoration:none;color:#526f8d}.featured-details-link:hover{color:var(--blue);text-decoration:underline}

/* Directory search */
.directory-home{padding-top:12px}
.directory-search-shell{position:relative;display:grid;grid-template-columns:1.05fr 1.6fr 190px;gap:22px;align-items:center;padding:25px 26px;background:radial-gradient(circle at 72% 20%,rgba(14,165,168,.22),transparent 29%),linear-gradient(115deg,#082d52,#0c4c7f 58%,#0a3158);border-radius:18px;box-shadow:0 14px 34px rgba(5,42,77,.17);overflow:hidden}
.directory-search-copy .section-kicker{color:#9bdeff}.directory-search-copy h2{color:#fff;font-size:32px;margin:4px 0 8px}.directory-search-copy p{color:#d9e8f4;line-height:1.55;margin:0;font-size:14px}
.search-panel{background:transparent;border:0;box-shadow:none;padding:0}
.search-grid{display:grid;grid-template-columns:minmax(230px,1.75fr) minmax(130px,.75fr) minmax(150px,.85fr) auto;gap:9px;align-items:end}
.field label{display:block;font-size:10px;font-weight:850;color:#bcd2e5;margin:0 0 6px;text-transform:uppercase;letter-spacing:.05em}.field input,.field select{width:100%;height:45px;border:1px solid rgba(188,214,234,.78);border-radius:10px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#68d5d7;box-shadow:0 0 0 3px rgba(14,165,168,.16)}
.search-clear{height:45px;background:linear-gradient(135deg,#0ea5a8,#0cb6b9);box-shadow:none}.directory-emblem{display:flex;align-items:center;gap:10px;color:#fff;text-transform:uppercase;font-weight:850;font-size:12px;line-height:1.35;letter-spacing:.03em}.directory-emblem img{width:66px;height:66px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.16))}
.sync-note{margin:14px 0 8px;padding:10px 13px;border-radius:10px;background:#eef6fd;border:1px solid #d2e4f3;color:#4a6680;font-size:12px;line-height:1.55}
.results-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 2px 10px;color:#5d6b7c;font-size:13px}.results-meta strong{color:#193b5c}
.provider-list{display:grid;gap:9px}.provider-card{display:grid;grid-template-columns:minmax(0,1.7fr) .9fr .9fr auto;gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #dbe7f2;border-radius:13px;box-shadow:0 5px 16px rgba(13,59,102,.045);transition:.16s ease}.provider-card:hover{border-color:#b7d3e9;box-shadow:0 9px 22px rgba(13,59,102,.08)}.provider-card h3{margin:0 0 4px;font-size:16px;color:var(--navy);line-height:1.3}.provider-card .small{font-size:12px;color:var(--muted);line-height:1.45}.provider-card .badge{margin-top:5px}
.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.025em}.status.current{background:#e5f8ed;color:#117d42}.status.expired{background:#fff0ef;color:var(--red)}.status.other{background:#edf2f7;color:#56687a}
.pager{display:flex;gap:7px;justify-content:center;margin-top:18px;flex-wrap:wrap}.pager button{border:1px solid #cad9e7;background:#fff;color:var(--navy);border-radius:8px;padding:8px 11px;cursor:pointer;font-weight:750}.pager button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:#eef6fd;color:#1968aa;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}

/* Homepage lower content */
.home-info{padding-top:28px;padding-bottom:52px}.home-info-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.home-guide-panel,.home-faq-panel{background:#fff;border:1px solid #dce8f3;border-radius:17px;padding:22px;box-shadow:var(--shadow-soft)}.home-guide-panel h2,.home-faq-panel h2{font-size:23px;margin:0 0 7px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:17px}.guide-card{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:12px;border-radius:12px;background:#f8fbfe;border:1px solid #e4edf5}.guide-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dff1ff;color:#0f6fc1;font-weight:900;font-size:17px}.guide-card h3{color:var(--navy);font-size:14px;margin:1px 0 4px}.guide-card p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.faq-list{display:grid;gap:7px;margin-top:14px}.faq-list details{background:#f9fbfd;border:1px solid #dce8f3;border-radius:10px;padding:0 12px}.faq-list summary{cursor:pointer;list-style:none;color:#234867;font-weight:780;font-size:12.5px;padding:11px 26px 11px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:8px;font-size:18px;color:var(--blue);font-weight:700}.faq-list details[open] summary:after{content:'–'}.faq-list p{margin:0 0 11px;color:var(--muted);line-height:1.5;font-size:12px}.faq-list a{font-weight:750}

/* General content pages */
.content{padding:34px 0 56px}.content-card{background:#fff;border:1px solid #dbe7f2;border-radius:18px;padding:clamp(24px,4vw,44px);box-shadow:var(--shadow-soft)}.content-card h1{color:var(--navy);font-size:clamp(34px,4vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.content-card h2{font-size:23px;margin-top:30px;margin-bottom:8px}.content-card p,.content-card li{line-height:1.7;color:#52657a}.content-card a{font-weight:720}.disclosure{margin-top:18px;background:#fff8e8;border:1px solid #efdca9;border-left:4px solid var(--gold);padding:14px 16px;border-radius:11px;color:#5f5439;font-size:13px;line-height:1.58}
.featured-list{display:grid;gap:10px}.featured-row{display:grid;grid-template-columns:46px minmax(0,1fr) 132px minmax(225px,auto);gap:12px;align-items:center;background:#fff;border:1px solid #dbe7f2;border-radius:13px;padding:13px;box-shadow:0 5px 15px rgba(13,59,102,.04)}.rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:900}.owner{font-size:12px;color:var(--muted)}.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* Provider detail */
.provider-page{padding-top:22px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#728399;font-size:12px;margin:0 0 12px}.breadcrumbs a{text-decoration:none;font-weight:700}.provider-showcase{position:relative;background:#fff;border:1px solid #d7e5f1;border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.provider-showcase:after{content:"";position:absolute;right:-30px;top:-55px;width:340px;height:180px;background:radial-gradient(circle,rgba(30,136,229,.11),transparent 68%);pointer-events:none}.provider-featured-disclosure{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#edf7ff;border-bottom:1px solid #d6e9f7;color:#52718b;font-size:12px}.provider-featured-disclosure a{text-decoration:none}.featured-star{margin-left:auto;color:#9a6a00;font-weight:850}.provider-showcase-grid{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(340px,1.55fr) minmax(290px,.8fr);align-items:stretch;position:relative;z-index:1}.provider-brand-panel{display:flex;align-items:center;justify-content:center;padding:25px 22px;border-right:1px solid #dce8f2;background:linear-gradient(145deg,#fff,#f8fbfe)}.provider-brand-panel img{width:100%;max-width:300px;max-height:120px;object-fit:contain}.provider-generic-mark{width:104px;height:104px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#0d3b66,#1e88e5);box-shadow:0 14px 30px rgba(13,59,102,.18)}.provider-generic-mark span{color:#fff;font-size:34px;font-weight:900;letter-spacing:.05em}.provider-identity{padding:27px 26px}.provider-identity h1{margin:5px 0 8px;color:var(--navy);font-size:clamp(30px,3.6vw,46px);line-height:1.02;letter-spacing:-.04em}.provider-identity .status{margin-top:13px}.provider-summary{font-size:13px;line-height:1.58;color:#5d7186;max-width:650px;margin:14px 0 0}.provider-contact-panel{display:flex;flex-direction:column;justify-content:center;padding:24px 22px;background:#f8fbfe;border-left:1px solid #dce8f2}.contact-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#55718b;margin-bottom:6px}.provider-phone{display:flex;align-items:center;gap:8px;color:#126bc6;text-decoration:none;font-size:clamp(20px,2.2vw,31px);font-weight:900;line-height:1.12;margin-bottom:16px}.provider-phone:hover{text-decoration:underline}.provider-phone-missing{color:#66798d;font-size:18px}.provider-cta{width:100%;min-height:50px;font-size:15px}.provider-back{width:100%;min-height:46px;margin-top:8px}
.record-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 0;border:1px solid #dce7f0;border-radius:13px;overflow:hidden;background:#dce7f0}.record-banner>div{background:#fff;padding:12px 15px}.record-banner strong{display:block;color:var(--navy);font-size:13px}.record-label{display:block;color:#708296;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.record-current{border-color:#d4eadf;background:#d4eadf}.record-current>div{background:#f6fcf8}.record-current strong{color:#17623d}.record-warning{border-color:#efd6d1;background:#efd6d1}.record-warning>div{background:#fff7f5}.record-warning strong{color:#913b32}.status-guidance{margin:14px 0;padding:13px 15px;border-radius:11px;background:#fff2ef;border:1px solid #edcfc8;border-left:4px solid #c95a4d;color:#6e3a34;line-height:1.6;font-size:13px}
.provider-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.provider-section{position:relative;background:#fff;border:1px solid #dbe7f2;border-radius:16px;padding:20px 20px 19px;box-shadow:var(--shadow-soft);margin:0}.provider-section h2{font-size:20px;margin:0 0 12px;padding-left:40px;min-height:30px;display:flex;align-items:center}.section-title-icon{position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e6f4ff;color:#1474c7;font-weight:900}.provider-section p{color:#5e7287;font-size:13px;line-height:1.6;margin:9px 0}.provider-ownership-card .section-title-icon{background:#f4edff;color:var(--purple)}.provider-website-card .section-title-icon{background:#e5f8f8;color:#078f91}.record-limitations .section-title-icon{background:#fff2df;color:#c67a00}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-item{background:#f8fbfe;border:1px solid #e2ebf4;border-radius:10px;padding:11px 12px;color:#274760;font-size:13px}.detail-item strong{display:block;color:#718397;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.text-action{display:inline-flex;margin-top:7px;font-size:12px;font-weight:850;text-decoration:none}.provider-wide-card{grid-column:1/-1}.provider-related-panel{margin-top:14px}.provider-related-panel h2{padding-left:0;font-size:23px}.provider-related-panel p{margin-top:0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.related-card{display:flex;flex-direction:column;gap:5px;padding:12px 13px;border:1px solid #dce7f0;border-radius:11px;background:#f9fbfd;text-decoration:none}.related-card:hover{border-color:#a9cce8;background:#f2f8fd}.related-card strong{color:var(--navy);font-size:13px;line-height:1.35}.related-card span{color:var(--muted);font-size:11px}

/* Footer */
.site-footer{background:linear-gradient(115deg,#082d52,#0b3f6d);color:#d2e1ee;border-top:4px solid #0ea5a8;padding:28px 0 14px}.footer-main{display:grid;grid-template-columns:300px 1fr 1.4fr;gap:32px;align-items:center}.footer-brand img{width:260px;filter:brightness(0) invert(1);opacity:.98}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#eaf4fb;text-decoration:none;font-size:12px;font-weight:750}.footer-links a:hover{text-decoration:underline}.footer-note{font-size:11px;line-height:1.6;color:#bcd0df}.footer-note strong{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:12px;border-top:1px solid rgba(220,235,246,.17);font-size:10px;color:#99b4c9}

/* Responsive */
@media(max-width:1180px){
  .brand img{width:260px}.site-header nav{gap:18px}.header-cta{display:none}
  .featured-grid{grid-template-columns:repeat(3,1fr)}
  .directory-search-shell{grid-template-columns:1fr 1.55fr}.directory-emblem{display:none}
  .provider-showcase-grid{grid-template-columns:220px 1fr 300px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:940px){
  .nav-wrap{min-height:68px}.brand img{width:245px;max-width:58vw}.site-header nav{display:none}
  .home-hero{min-height:0;padding:38px 0 26px}.hero-copy{max-width:690px}.home-trust-strip{margin-left:0;width:100%}
  .directory-search-shell{grid-template-columns:1fr;gap:16px}.search-grid{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}.search-clear{width:100%}
  .home-info-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}
  .provider-card{grid-template-columns:1fr 1fr}.provider-showcase-grid{grid-template-columns:200px 1fr}.provider-contact-panel{grid-column:1/-1;border-left:0;border-top:1px solid #dce8f2;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;align-items:center}.provider-contact-panel .contact-label{display:none}.provider-phone{margin:0}.provider-cta,.provider-back{margin:0}.provider-detail-grid{grid-template-columns:1fr 1fr}
  .featured-row{grid-template-columns:44px 1fr auto}.featured-row .owner{display:none}.row-actions{grid-column:3}
  .footer-main{grid-template-columns:240px 1fr}.footer-note{grid-column:1/-1}
}
@media(max-width:680px){
  .wrap{width:min(100% - 24px,1320px)}.topbar{height:3px}.nav-wrap{min-height:62px}.brand img{width:225px;max-width:72vw}
  .hero h1{font-size:40px}.hero p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.home-trust-strip{grid-template-columns:1fr}.home-trust-strip>div{padding:11px 13px}
  .section{padding:28px 0}.section-heading-row{align-items:flex-start;flex-direction:column;gap:8px}.section-link{white-space:normal}.featured-disclosure-inline{align-items:flex-start;line-height:1.45}
  .featured-grid{grid-template-columns:1fr 1fr;gap:10px}.featured-card{min-height:285px}.featured-card h3{font-size:13px}.featured-logo-area{height:76px}
  .directory-search-shell{padding:20px 16px}.directory-search-copy h2{font-size:27px}.search-grid{grid-template-columns:1fr}.search-main{grid-column:auto}
  .provider-card{grid-template-columns:1fr}.provider-card .btn{width:100%}.results-meta{align-items:flex-start;flex-direction:column}
  .guide-grid{grid-template-columns:1fr}.home-guide-panel,.home-faq-panel{padding:18px}
  .content{padding-top:22px}.content-card{padding:20px}.content-card h1{font-size:34px}.featured-row{grid-template-columns:38px 1fr}.featured-row .row-actions{grid-column:1/-1;justify-content:flex-start}.row-actions .btn{flex:1 1 170px}
  .provider-featured-disclosure{flex-wrap:wrap}.featured-star{margin-left:0;width:100%}.provider-showcase-grid{grid-template-columns:1fr}.provider-brand-panel{border-right:0;border-bottom:1px solid #dce8f2;padding:20px}.provider-brand-panel img{max-width:260px;max-height:100px}.provider-identity{padding:20px}.provider-identity h1{font-size:34px}.provider-contact-panel{grid-template-columns:1fr;padding:18px}.provider-phone{font-size:24px}.provider-detail-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.provider-wide-card{grid-column:auto}.record-banner{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr;gap:19px}.footer-brand img{width:230px}.footer-bottom{flex-direction:column;gap:4px}
}
@media(max-width:460px){.featured-grid{grid-template-columns:1fr}.featured-card{min-height:260px}.hero h1{font-size:36px}.provider-identity h1{font-size:30px}}

/* v15.1 visual/detail repair — wider desktop composition, photographic hero, approved logo */
@media (min-width:1181px){
  .wrap{width:min(1680px,calc(100% - 72px))}
  .nav-wrap{min-height:84px;gap:34px}
  .brand img{width:350px;max-width:30vw}
  .site-header nav{gap:34px}
  .site-header nav a{font-size:14.5px}
  .header-cta{min-height:48px;padding:0 21px;font-size:14.5px}
}

.home-hero{min-height:430px;padding:52px 0 32px;background:#eef7ff}
.hero-art{background-image:url('/assets/brand/hero-austin.webp?v=151');background-size:cover;background-position:center center;filter:saturate(1.02) contrast(1.02)}
.home-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.95) 31%,rgba(255,255,255,.80) 46%,rgba(255,255,255,.28) 66%,rgba(255,255,255,.06) 100%)}
.hero-layout{grid-template-columns:minmax(560px,760px) minmax(500px,1fr);grid-template-rows:1fr auto;column-gap:34px;min-height:345px;align-items:center}
.hero-copy{max-width:760px;align-self:center}
.hero h1{font-size:clamp(46px,4.45vw,72px);max-width:780px;text-shadow:0 2px 16px rgba(255,255,255,.86)}
.hero p{font-size:18.5px;max-width:760px;color:#324f6b;text-shadow:0 1px 10px rgba(255,255,255,.88)}
.hero-checks{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:18px;color:#174f7e;font-size:13px;font-weight:800}
.hero-checks span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(157,198,231,.68);background:rgba(255,255,255,.80);border-radius:999px;box-shadow:0 4px 12px rgba(13,59,102,.05);backdrop-filter:blur(5px)}
.hero-actions{margin-top:18px}
.home-trust-strip{grid-column:2;grid-row:2;align-self:end;justify-self:end;width:min(720px,100%);margin:0 0 0 auto}
.home-trust-strip>div{padding:15px 17px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(13,59,102,.13)}

.featured-home{padding-top:34px}
.featured-grid{gap:16px}
.featured-card{min-height:336px;padding:16px 16px 15px;border-radius:18px;box-shadow:0 10px 26px rgba(13,59,102,.08)}
.featured-card:before{height:5px}
.featured-logo-area{height:108px;margin:5px 0 8px;padding:8px 2px;border-radius:12px;background:linear-gradient(145deg,#fbfdff,#f4f9fe);border:1px solid #edf3f8}
.featured-logo-area img{max-height:92px}
.featured-card h3{font-size:15px;line-height:1.3;margin-top:4px}
.featured-card .license{font-size:10.5px;line-height:1.45}
.featured-current{font-size:11.5px;padding:6px 9px}
.featured-primary{min-height:47px;font-size:13px}
.featured-details-link{font-size:11px;padding-top:9px}

.directory-search-shell{border-radius:20px;padding:25px 27px;box-shadow:0 18px 42px rgba(8,43,77,.18)}
.directory-search-copy h2{font-size:34px}
.search-panel{background:rgba(255,255,255,.06);border-radius:14px;padding:7px}
.search-grid input,.search-grid select{min-height:48px}
.results-meta{margin-top:15px}

.home-guide-panel,.home-faq-panel{border-radius:20px;padding:26px;box-shadow:0 12px 28px rgba(13,59,102,.07)}
.guide-card{padding:15px;border-radius:14px}

/* Approved horizontal logo: more presence and better desktop alignment. */
.brand img{object-fit:contain;object-position:left center}
.footer-brand img{width:300px;height:auto;filter:brightness(0) invert(1);object-fit:contain;object-position:left center}
.directory-emblem img{object-fit:contain}

/* Provider pages inherit the richer brand background without changing their approved conversion layout. */
.provider-page{background:linear-gradient(180deg,#f6fbff 0,#f8fbfe 180px,#f7fafe 430px)}
.provider-showcase{box-shadow:0 18px 44px rgba(13,59,102,.12)}
.provider-brand-panel{background:linear-gradient(145deg,#fff,#f3f9ff)}

@media(max-width:1180px){
  .hero-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.home-trust-strip{grid-column:1;grid-row:2;justify-self:start;margin:0;width:100%}
  .home-hero{min-height:0}
}
@media(max-width:940px){
  .hero-art{background-position:62% center}
  .home-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.87) 62%,rgba(255,255,255,.38))}
  .hero-checks{gap:7px}.hero-checks span{font-size:12px}
}
@media(max-width:680px){
  .hero-art{background-position:70% center;opacity:.48}
  .home-hero:after{background:rgba(255,255,255,.76)}
  .hero-checks{display:grid;grid-template-columns:1fr}.hero-checks span{width:max-content;max-width:100%}
}

/* =========================================================
   v15.2 — approved visual implementation
   ========================================================= */
:root{
  --navy:#082f57;
  --navy-2:#0b416f;
  --blue:#0d76d8;
  --blue-2:#075fb8;
  --teal:#0aa7a8;
  --gold:#f4ad17;
  --orange:#ff7417;
  --green:#18a45b;
  --red:#df3737;
  --purple:#6c31cf;
  --ice:#eef7ff;
  --ink:#17324d;
  --muted:#60748a;
  --line:#d8e6f2;
  --soft:#f5f9fd;
}
body{background:#f5f9fd}
.wrap{width:min(1480px,calc(100% - 48px))}

/* Header — exact approved horizontal brand treatment */
.site-header{background:rgba(255,255,255,.985);box-shadow:0 5px 22px rgba(8,47,87,.065)}
.nav-wrap{min-height:78px;gap:28px}
.brand img{width:286px;max-width:30vw;height:auto}
.site-header nav{gap:28px}
.site-header nav a{font-size:13.5px;font-weight:800}
.header-cta{min-height:46px;padding:0 19px;border-radius:11px;background:linear-gradient(135deg,#0d69c7,#0b7ddd)}

/* Hero — image is applied directly to the section, eliminating z-index/background-loss issues. */
.home-hero{
  position:relative;min-height:430px;padding:44px 0 28px;overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 31%,rgba(255,255,255,.73) 47%,rgba(255,255,255,.19) 70%,rgba(255,255,255,.04) 100%),
    url('/assets/brand/hero-austin.webp?v=152');
  background-size:cover;background-position:center 49%;
  border-bottom:1px solid #d9e8f4;
}
.hero-art{display:none!important}
.home-hero:after{display:none!important}
.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(560px,760px) 1fr;grid-template-rows:auto auto;min-height:350px;column-gap:32px;align-items:center}
.hero-copy{max-width:760px}
.hero .eyebrow{background:#e8f4ff;border-color:#c8e3f7;color:#0b66b8}
.hero h1{font-size:clamp(48px,4.45vw,70px);line-height:.98;letter-spacing:-.052em;color:#072f5a;margin:13px 0 14px;text-shadow:0 2px 14px rgba(255,255,255,.7)}
.hero p{font-size:18px;line-height:1.56;color:#334f69;max-width:745px;text-shadow:0 1px 9px rgba(255,255,255,.85)}
.hero-checks{display:flex;gap:9px 14px;margin-top:17px;flex-wrap:wrap}
.hero-checks span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #bcd9ee;color:#184c78;font-size:12.5px;font-weight:800;box-shadow:0 5px 15px rgba(8,47,87,.06)}
.check-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#16a45c;color:#fff;font-size:12px}
.hero-actions{display:flex;gap:12px;margin-top:20px}
.hero-actions .btn{min-height:52px;padding:0 22px;font-size:15px;border-radius:11px}
.hero-secondary{background:rgba(255,255,255,.96)!important}
.btn-icon{font-size:18px}
.hero-motto{justify-self:end;align-self:start;margin-top:24px;margin-right:24px;transform:rotate(-4deg);color:#0b5faa;text-align:center;text-shadow:0 2px 10px rgba(255,255,255,.7);font-family:"Segoe Script","Bradley Hand",cursive;font-size:24px;line-height:1.05}
.hero-motto strong{display:block;font-size:29px;font-weight:700;margin-top:4px;border-bottom:4px solid #f25f38;padding:0 12px 7px}
.home-trust-strip{grid-column:2;grid-row:2;justify-self:end;align-self:end;width:min(690px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 0 auto}
.home-trust-strip>div{padding:14px 16px;background:rgba(255,255,255,.96);border:1px solid rgba(205,223,238,.95);border-radius:14px;box-shadow:0 12px 28px rgba(8,47,87,.13)}
.home-trust-strip strong{font-size:24px}

/* Featured cards — larger, richer, with CP pill and dedicated brand canvases */
.featured-home{padding:34px 0 26px;background:linear-gradient(180deg,#fff 0,#f7fbff 100%)}
.featured-grid{gap:14px}
.featured-card{min-height:355px;padding:14px 14px 13px;border-radius:17px;border-color:#d4e5f2;box-shadow:0 10px 28px rgba(8,47,87,.08)}
.featured-card:before{height:4px;background:linear-gradient(90deg,#0f8de5,#0aa7a8,#f4ad17,#ff7417)}
.featured-card-topline{display:flex;align-items:center;gap:7px;color:#6b7d8e;text-transform:uppercase;font-size:8.5px;font-weight:900;letter-spacing:.04em;margin:2px 0 7px}
.cp-pill{display:inline-flex;padding:4px 7px;border-radius:7px;background:#0e72d0;color:#fff;font-size:9px;letter-spacing:0}
.featured-logo-area{height:116px;margin:0 0 6px;padding:7px 4px;border:1px solid #e7f0f7;border-radius:12px;background:linear-gradient(145deg,#fff,#f3f8fd)}
.featured-logo-area img{max-height:102px;width:100%;object-fit:contain}
.featured-card h3{min-height:48px;font-size:13.5px;line-height:1.28;color:#0d365f;margin:8px 0 8px}
.featured-current{margin-top:3px}
.featured-primary{min-height:44px;font-size:12.5px}
.featured-details-link{font-size:10.5px}

/* Search panel and directory mark */
.directory-home{padding:10px 0 42px;background:#f5f9fd}
.directory-search-shell{grid-template-columns:1.05fr 1.65fr 190px;gap:22px;padding:23px 26px;border-radius:18px;background:radial-gradient(circle at 74% 12%,rgba(0,190,192,.22),transparent 31%),linear-gradient(112deg,#062f57,#0b4f83 60%,#082f57);box-shadow:0 17px 38px rgba(8,47,87,.19)}
.directory-search-copy h2{font-size:31px}
.search-grid input,.search-grid select{min-height:47px}
.directory-emblem{justify-content:center;gap:11px;font-size:11px;line-height:1.27}
.directory-mark-box{width:72px;height:72px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.directory-mark-box img{width:60px;height:60px;object-fit:contain;filter:none}

/* Move decision-support area above the provider results and make it visually substantial. */
.home-info-before-results{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin:15px 0 18px}
.home-guide-panel,.home-faq-panel{background:#fff;border:1px solid #d7e5f0;border-radius:16px;padding:21px 22px;box-shadow:0 9px 24px rgba(8,47,87,.065)}
.home-guide-panel h2,.home-faq-panel h2{margin:2px 0 6px;color:#0b365f;font-size:24px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.guide-card{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:start;padding:12px 13px;border:1px solid #e1ebf4;border-radius:12px;background:#f9fcff}
.guide-card h3{margin:0 0 3px;font-size:12px;color:#173c61}
.guide-card p{margin:0;color:#687c90;font-size:10.5px;line-height:1.45}
.guide-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:900;background:#e9f5ff;color:#0d76d8}
.guide-teal{background:#e6f8f8;color:#079899}.guide-gold{background:#fff4dd;color:#c88900}.guide-purple{background:#f1ebff;color:#6c31cf}
.faq-list{display:grid;gap:7px;margin-top:12px}.faq-list details{border:1px solid #dce8f2;border-radius:9px;background:#fbfdff;overflow:hidden}.faq-list summary{cursor:pointer;padding:10px 12px;color:#173c61;font-size:11px;font-weight:850;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:#0d76d8;font-size:15px}.faq-list details[open] summary:after{content:'–'}.faq-list details p{margin:0;padding:0 12px 11px;color:#61768a;font-size:10.5px;line-height:1.55}
.results-meta{margin-top:5px}

/* Provider list polish */
.provider-card{padding:14px 16px;border-radius:12px}.provider-card h3{font-size:13.5px;color:#0a365f}.provider-card .small{font-size:10.5px}.provider-card .btn{min-height:38px;padding:8px 13px;font-size:11px}

/* Provider detail — full visual rebuild around the approved mockup */
.provider-hero-banner{
  min-height:215px;padding:17px 0 24px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.87) 38%,rgba(255,255,255,.34) 66%,rgba(255,255,255,.06) 100%),url('/assets/brand/hero-austin.webp?v=152');
  background-size:cover;background-position:center 47%;border-bottom:1px solid #d8e7f2;
}
.provider-hero-inner{position:relative;min-height:170px}.provider-hero-breadcrumbs{margin:0 0 22px;color:#40617f}.provider-hero-breadcrumbs a{color:#0d69c7}.provider-hero-copy{max-width:780px}.provider-hero-copy h1{font-size:clamp(40px,4.1vw,63px);line-height:1;letter-spacing:-.045em;color:#082f57;margin:9px 0 7px;text-shadow:0 2px 13px rgba(255,255,255,.8)}.provider-hero-copy p{margin:0;color:#3c5871;font-size:16px;line-height:1.45;max-width:700px}.provider-hero-motto{position:absolute;right:3%;top:34px;transform:rotate(-4deg);color:#0b5faa;font-family:"Segoe Script","Bradley Hand",cursive;font-size:22px;line-height:1.05;text-align:center;text-shadow:0 2px 10px rgba(255,255,255,.8)}.provider-hero-motto strong{display:block;font-size:27px;border-bottom:4px solid #f25f38;padding:0 10px 6px}
.provider-page{padding:14px 0 38px;background:linear-gradient(180deg,#f4f9fd 0,#f8fbfe 100%)}
.provider-showcase{border-radius:19px;border-color:#d5e4ef;box-shadow:0 16px 42px rgba(8,47,87,.12)}
.provider-featured-disclosure{padding:10px 15px;background:#eaf6ff;color:#4b6d87}.provider-showcase-grid{grid-template-columns:1.05fr 1.75fr .95fr}
.provider-brand-panel{padding:26px;background:linear-gradient(145deg,#fff,#f3f8fd)}.provider-brand-panel img{max-width:360px;max-height:140px}
.provider-generic-mark{width:140px;height:110px;border-radius:18px}.provider-generic-mark span{font-size:28px}
.provider-identity{padding:25px 27px}.provider-identity h2{font-size:clamp(30px,3vw,43px);line-height:1.03;letter-spacing:-.035em;color:#082f57;margin:5px 0 7px}.provider-license-line{font-size:11.5px}.provider-identity .status{margin-top:11px}
.provider-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.provider-trust-row>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}.provider-trust-row .trust-icon{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.provider-trust-row strong{font-size:11px;color:#173d62}.provider-trust-row small{font-size:9.5px;color:#74869a}.trust-blue{background:#e5f3ff;color:#0d76d8}.trust-teal{background:#e6f8f8;color:#079899}.trust-gold{background:#fff2d9;color:#c88900}
.provider-contact-panel{padding:24px;background:#f9fcff}.provider-phone{font-size:clamp(23px,2.1vw,32px)}.provider-cta{min-height:50px}.provider-back{min-height:45px}

.provider-editorial-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:14px;margin-top:14px}.provider-editorial-card{background:#fff;border:1px solid #d8e6f2;border-radius:16px;padding:20px 21px;box-shadow:0 10px 24px rgba(8,47,87,.065)}.editorial-heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}.editorial-heading h2{margin:0;color:#0b365f;font-size:21px}.editorial-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900}.editorial-icon.blue{background:#e5f3ff;color:#0d76d8}.editorial-icon.gold{background:#fff1d4;color:#c88900}.provider-editorial-card p{color:#5e7287;font-size:12px;line-height:1.58}.about-facts{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}.about-facts>div{padding:9px 10px;background:#f7fbfe;border:1px solid #e1ebf3;border-radius:10px}.about-facts span{display:block;color:#7a8b9d;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.06em}.about-facts strong{display:block;color:#173c61;font-size:11px;margin-top:2px}
.highlight-list{display:grid;gap:10px}.highlight-list>div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.highlight-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900}.highlight-icon.blue{background:#e5f3ff;color:#0d76d8}.highlight-icon.teal{background:#e6f8f8;color:#079899}.highlight-icon.purple{background:#f1ebff;color:#6c31cf}.highlight-icon.gold{background:#fff2d9;color:#c88900}.highlight-list strong{font-size:11.5px;color:#173c61}.highlight-list p{margin:2px 0 0;font-size:10px;line-height:1.4}.provider-faq-card .faq-list{margin-top:4px}.provider-faq-card .faq-list summary{font-size:10.5px;padding:9px 10px}.provider-faq-card .faq-list details p{font-size:10px}
.provider-policy-strip{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;margin:14px 0 0;padding:12px 14px;border:1px solid #d8e6f2;border-radius:12px;background:#f9fcff;color:#667b8e}.provider-policy-strip .policy-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:#0d76d8}.provider-policy-strip strong{display:block;color:#173c61;font-size:11px}.provider-policy-strip p{margin:2px 0 0;font-size:9.5px;line-height:1.4}.provider-policy-strip a{font-size:10.5px;font-weight:850;white-space:nowrap;text-decoration:none}
.provider-more-section{margin-top:14px;padding:20px 20px 18px;background:#fff;border:1px solid #d8e6f2;border-radius:16px;box-shadow:0 10px 24px rgba(8,47,87,.065)}.provider-more-section h2{margin:0;color:#0b365f;font-size:24px}.provider-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.provider-mini-card{display:flex;flex-direction:column;padding:11px;border:1px solid #dce8f2;border-radius:12px;background:#fbfdff}.provider-mini-card img{height:72px;width:100%;object-fit:contain;margin-bottom:6px}.provider-mini-card>strong{color:#173c61;font-size:10.5px;line-height:1.3;min-height:28px}.provider-mini-card>span:not(.featured-current){font-size:9px;color:#76889a;margin-top:3px}.provider-mini-card .featured-current{margin:7px 0}.provider-mini-card .btn{margin-top:auto;min-height:36px;padding:8px 8px;font-size:9.5px}

/* Footer */
.footer-brand img{width:250px;filter:brightness(0) invert(1);opacity:.98}

@media(max-width:1180px){
  .wrap{width:min(1120px,calc(100% - 34px))}.brand img{width:250px}.site-header nav{gap:17px}.header-cta{display:none}
  .hero-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.hero-motto{display:none}.home-trust-strip{grid-column:1;grid-row:2;justify-self:start;margin-top:25px}
  .featured-grid{grid-template-columns:repeat(3,1fr)}
  .directory-search-shell{grid-template-columns:1fr 1.45fr}.directory-emblem{display:none}
  .home-info-before-results{grid-template-columns:1fr}
  .provider-showcase-grid{grid-template-columns:220px 1fr 300px}.provider-editorial-grid{grid-template-columns:1fr 1fr}.provider-faq-card{grid-column:1/-1}.provider-mini-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:940px){
  .site-header nav{display:none}.brand img{width:235px;max-width:66vw}.home-hero{background-position:62% center}.hero h1{font-size:48px}.home-trust-strip{width:100%}
  .directory-search-shell{grid-template-columns:1fr}.search-grid{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}
  .provider-hero-banner{background-position:64% center}.provider-hero-motto{display:none}.provider-showcase-grid{grid-template-columns:210px 1fr}.provider-contact-panel{grid-column:1/-1;border-left:0;border-top:1px solid #dce8f2;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;align-items:center}.provider-contact-panel .contact-label{display:none}.provider-phone,.provider-cta,.provider-back{margin:0}.provider-editorial-grid{grid-template-columns:1fr 1fr}.provider-mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .wrap{width:min(100% - 22px,1480px)}.nav-wrap{min-height:64px}.brand img{width:215px}.home-hero{padding:30px 0 24px;background-position:70% center;background-image:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),url('/assets/brand/hero-austin.webp?v=152')}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-checks{display:grid;grid-template-columns:1fr}.hero-checks span{width:max-content;max-width:100%}.hero-actions{display:grid;grid-template-columns:1fr}.home-trust-strip{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr 1fr}.featured-card{min-height:330px}.search-grid{grid-template-columns:1fr}.search-main{grid-column:auto}.guide-grid{grid-template-columns:1fr}.provider-card{grid-template-columns:1fr}.provider-hero-banner{min-height:180px;padding-bottom:18px;background-image:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),url('/assets/brand/hero-austin.webp?v=152')}.provider-hero-copy h1{font-size:34px}.provider-showcase-grid{grid-template-columns:1fr}.provider-brand-panel{border-right:0;border-bottom:1px solid #dce8f2}.provider-contact-panel{grid-template-columns:1fr}.provider-editorial-grid{grid-template-columns:1fr}.provider-faq-card{grid-column:auto}.provider-policy-strip{grid-template-columns:34px 1fr}.provider-policy-strip a{grid-column:2}.provider-mini-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}
}
@media(max-width:460px){.featured-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.home-guide-panel,.home-faq-panel{padding:18px}}

/* =========================================================
   v15.4 homepage fine-tuning
   ========================================================= */
site-header{
  background-color:#fbfdff;
  background-image:
    radial-gradient(ellipse at 17% 20%,rgba(255,255,255,.98) 0 18%,rgba(255,255,255,0) 42%),
    radial-gradient(ellipse at 38% 25%,rgba(255,255,255,.96) 0 15%,rgba(255,255,255,0) 38%),
    radial-gradient(ellipse at 70% 15%,rgba(255,255,255,.96) 0 18%,rgba(255,255,255,0) 43%),
    linear-gradient(180deg,#eef8ff 0%,#f9fcff 48%,#fff 100%);
  border-bottom:1px solid #d6e6f2;
}
.hero-directory-label{
  color:#6b7785;font-size:13px;font-weight:700;letter-spacing:.025em;text-transform:uppercase;
  margin:0 0 9px;
}
.hero h1 .hero-highlight{color:#1e88e5}
.hero-actions .hero-primary{background:linear-gradient(135deg,#0e64bc,#0876d8);color:#fff}
.hero-actions .hero-secondary{color:#0b5faa;border-color:#84b8e6;background:#fff!important}
.home-trust-strip>div.hero-stat-card{
  display:grid;grid-template-columns:48px auto 1fr;grid-template-rows:auto auto;column-gap:11px;row-gap:0;
  align-items:center;padding:14px 16px;min-height:78px;overflow:visible;
}
.home-trust-strip .hero-stat-card .stat-icon{
  grid-column:1;grid-row:1/3;width:42px;height:42px;padding:9px;overflow:visible;box-sizing:border-box;
  display:grid;place-items:center;
}
.home-trust-strip .hero-stat-card .stat-icon svg{width:24px;height:24px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-trust-strip .hero-stat-card .stat-gold svg{fill:currentColor;stroke:none}
.home-trust-strip .hero-stat-card strong{grid-column:2;grid-row:1/3;font-size:24px;align-self:center;margin-right:1px}
.home-trust-strip .hero-stat-card>span:not(.stat-icon){grid-column:3;grid-row:1;color:#173c61;font-size:11.5px;font-weight:900;line-height:1.05;margin:0;align-self:end}
.home-trust-strip .hero-stat-card small{grid-column:3;grid-row:2;color:#718397;font-size:8.8px;font-weight:650;line-height:1.15;align-self:start;margin-top:3px}
.featured-disclosure-inline a{display:none!important}
.featured-home{background:#fff}
.directory-home{background:#fff}
.home-info-before-results{background:#fff}
.home-guide-panel{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 57%,#eef7ff 100%)}
.home-guide-panel:after{
  content:"";position:absolute;right:3%;bottom:-22px;width:205px;height:175px;opacity:.055;pointer-events:none;
  background:url('/assets/brand/tdsd-mark.png?v=154') center/contain no-repeat;filter:saturate(.6);
}
.home-guide-panel>*{position:relative;z-index:1}
.guide-grid.guide-icon-row{grid-template-columns:repeat(4,1fr);gap:10px 18px;margin-top:20px}
.guide-icon-row .guide-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:2px 5px;border:0;background:transparent;border-radius:0}
.guide-icon-row .guide-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px rgba(8,47,87,.08)}
.guide-icon-row .guide-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guide-icon-row .guide-card h3{font-size:12.5px;margin:0 0 4px;color:#0c3c68}
.guide-icon-row .guide-card p{font-size:10.3px;line-height:1.4;color:#687c90}
.sync-note{display:none!important}
@media(max-width:940px){
  .guide-grid.guide-icon-row{grid-template-columns:repeat(2,1fr)}
  .home-guide-panel:after{right:0;opacity:.04}
}
@media(max-width:680px){
  .hero-directory-label{font-size:11px}
  .home-trust-strip>div.hero-stat-card{grid-template-columns:46px auto 1fr}
  .guide-grid.guide-icon-row{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){.guide-grid.guide-icon-row{grid-template-columns:1fr}}

/* =========================================================
   v15.5 homepage finishing polish
   ========================================================= */
/* Main page canvas: true white so the blue/white sections and cards read cleanly. */
body{background:#fff!important}
.directory-home{background:#fff!important}
.home-info-before-results{background:#fff!important}

/* Header: visible but restrained blue-sky/cloud atmosphere. */
.site-header{
  background-color:#f7fbff!important;
  background-image:
    radial-gradient(ellipse 150px 42px at 13% 30%,rgba(255,255,255,.96) 0 48%,rgba(255,255,255,0) 74%),
    radial-gradient(ellipse 210px 50px at 28% 12%,rgba(255,255,255,.92) 0 50%,rgba(255,255,255,0) 76%),
    radial-gradient(ellipse 175px 45px at 57% 31%,rgba(255,255,255,.88) 0 50%,rgba(255,255,255,0) 76%),
    radial-gradient(ellipse 230px 54px at 82% 11%,rgba(255,255,255,.92) 0 48%,rgba(255,255,255,0) 75%),
    linear-gradient(180deg,#eaf6ff 0%,#f5fbff 48%,#fff 100%)!important;
  border-bottom:1px solid #d4e6f3!important;
}

/* Hero stays full-bleed, while the content stays aligned to the page grid.
   Shift the photographic focal point left so the Capitol reads more like the approved mockup. */
.home-hero{background-position:58% 49%!important}
.hero-motto{
  position:relative;z-index:2;margin-right:34px;margin-top:20px;
  color:#07599f;
  text-shadow:0 2px 0 rgba(255,255,255,.98),0 0 8px rgba(255,255,255,.98),0 0 22px rgba(255,255,255,.92);
}
.hero-motto:before{
  content:"";position:absolute;z-index:-1;left:-30px;right:-30px;top:-19px;bottom:-15px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.72) 0%,rgba(255,255,255,.42) 40%,rgba(255,255,255,0) 75%);
}

/* Decision-support panel: make it a distinct soft blue/white section and keep the Texas mark decorative. */
.home-guide-panel{
  background:linear-gradient(112deg,#fff 0%,#fbfdff 42%,#eef8ff 74%,#e4f2ff 100%)!important;
  border-color:#cadfec!important;
  box-shadow:0 12px 28px rgba(8,47,87,.075)!important;
}
.home-guide-panel:after{
  right:30%!important;bottom:-92px!important;width:190px!important;height:180px!important;opacity:.026!important;
}
.guide-grid.guide-icon-row{position:relative;z-index:2}

@media(max-width:1180px){
  .home-hero{background-position:61% 49%!important}
  .hero-motto{margin-right:8px}
}
@media(max-width:940px){
  .home-hero{background-position:64% center!important}
}
@media(max-width:680px){
  .home-hero{background-position:69% center!important}
  .home-guide-panel:after{right:-22px!important;bottom:-82px!important;opacity:.022!important}
}

/* =========================================================
   v15.6 homepage final positioning / canvas correction
   ========================================================= */
/* Make the homepage canvas unmistakably white. */
html,body{background:#fff!important}
.featured-home,
.directory-home,
.home-info-before-results{background-color:#fff!important;background-image:none!important}

/* Keep the decision-support card distinct from the white page canvas. */
.home-guide-panel{
  background:linear-gradient(108deg,#fff 0%,#fbfdff 38%,#eef8ff 72%,#e6f3ff 100%)!important;
}

/* Keep the Texas watermark completely inside the panel and very quiet. */
.home-guide-panel:after{
  right:8%!important;
  top:54%!important;
  bottom:auto!important;
  width:150px!important;
  height:138px!important;
  transform:translateY(-50%)!important;
  opacity:.018!important;
  background-position:center!important;
  background-size:contain!important;
}

/* On wide desktops, enlarge the hero photo so background-position has real
   horizontal crop room, then shift the Capitol left to match the approved mockup. */
@media(min-width:1181px){
  .home-hero{
    background-size:112% auto!important;
    background-position:70% 49%!important;
  }
}

/* Keep conventional cover behavior as the viewport narrows. */
@media(max-width:1180px){
  .home-hero{background-size:cover!important;background-position:61% 49%!important}
}
@media(max-width:940px){
  .home-hero{background-size:cover!important;background-position:64% center!important}
}
@media(max-width:680px){
  .home-hero{background-size:cover!important;background-position:69% center!important}
  .home-guide-panel:after{right:4%!important;top:58%!important;width:118px!important;height:108px!important;opacity:.016!important}
}


/* =========================================================
   v15.7 homepage composition + decision-support refinement
   ========================================================= */
/* Use the physically recomposed hero image at its natural width. The asset itself
   has been cropped so the Capitol shifts left on wide desktop screens. */
.home-hero{
  background-size:cover!important;
  background-position:center 49%!important;
}
@media(min-width:1181px){
  .home-hero{background-size:cover!important;background-position:center 49%!important}
}

/* Three high-value decision points leave dedicated visual space for the Texas mark. */
.home-guide-panel{padding-right:185px!important;min-height:232px}
.guide-grid.guide-icon-row.guide-three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:22px!important;
}
.guide-three .guide-card{max-width:230px;margin-inline:auto}
.home-guide-panel:after{
  right:20px!important;
  top:50%!important;
  bottom:auto!important;
  width:150px!important;
  height:142px!important;
  transform:translateY(-43%)!important;
  opacity:.055!important;
}

@media(max-width:1180px){
  .home-guide-panel{padding-right:150px!important}
  .home-guide-panel:after{right:10px!important;width:130px!important;height:124px!important;opacity:.045!important}
}
@media(max-width:940px){
  .home-guide-panel{padding-right:24px!important}
  .guide-grid.guide-icon-row.guide-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .home-guide-panel:after{right:1%!important;width:120px!important;height:112px!important;opacity:.022!important}
}
@media(max-width:680px){
  .guide-grid.guide-icon-row.guide-three{grid-template-columns:1fr!important}
  .guide-three .guide-card{max-width:320px}
  .home-guide-panel:after{right:4%!important;top:70%!important;width:100px!important;height:94px!important;opacity:.018!important}
}

/* ===== v15.8 final homepage asset + hero corrections ===== */
body{background:#ffffff!important}

/* Use the exact approved brand assets and add the subtle header sky/cloud feel */
.site-header{
  background:
    radial-gradient(1200px 180px at 12% -40%, rgba(213,234,251,.78), rgba(213,234,251,0) 55%),
    radial-gradient(900px 150px at 88% -30%, rgba(231,243,252,.72), rgba(231,243,252,0) 56%),
    rgba(255,255,255,.97)!important;
}
.brand img{width:300px;max-width:36vw;height:auto}
.directory-mark-box img{display:block;width:96px;height:auto}

/* Exact mark in watermark locations */
.home-guide-panel:after{
  background-image:url('/assets/brand/tdsd-mark.png?v=158')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  right:5.5%!important;
  top:54%!important;
  bottom:auto!important;
  width:152px!important;
  height:146px!important;
  opacity:.05!important;
}

/* Force the hero composition to show more of the right-hand image area so the Capitol shifts left */
.home-hero{
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 33%, rgba(255,255,255,.42) 59%, rgba(255,255,255,.08) 100%),
    url('/assets/brand/hero-austin.webp?v=158')!important;
  background-repeat:no-repeat!important;
  background-size:116% auto!important;
  background-position:78% 46%!important;
  background-color:#eef6fc!important;
}
.hero-art{display:none!important}
.home-hero:after{display:none!important}
.hero-motto{
  right:20.5%!important;
  top:12.5%!important;
  text-shadow:0 2px 8px rgba(255,255,255,.85), 0 0 2px rgba(255,255,255,.8)!important;
}

/* Desktop/tablet/mobile hero positioning */
@media (max-width:1400px){
  .home-hero{background-size:122% auto!important;background-position:80% 46%!important}
  .hero-motto{right:18.5%!important}
}
@media (max-width:1180px){
  .home-hero{background-size:136% auto!important;background-position:82% 47%!important}
  .home-guide-panel:after{right:3%!important;top:62%!important;width:134px!important;height:128px!important;opacity:.034!important}
}
@media (max-width:900px){
  .home-hero{background-size:cover!important;background-position:68% center!important}
  .hero-motto{right:11%!important;top:10.5%!important}
  .home-guide-panel:after{right:2%!important;top:68%!important;width:108px!important;height:102px!important;opacity:.022!important}
}
@media (max-width:640px){
  .site-header{background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)), radial-gradient(500px 120px at 12% -30%, rgba(219,236,250,.7), rgba(219,236,250,0) 58%)!important}
  .home-hero{background-size:cover!important;background-position:71% center!important}
  .home-guide-panel:after{display:none!important}
}

/* ===== v15.9 exact brand assets + corrected hero composition ===== */
/* New asset filenames intentionally bypass any cached approximations. */
.brand img{
  width:300px!important;
  max-width:36vw!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer-brand img{
  width:255px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.directory-mark-box img{
  width:82px!important;
  height:auto!important;
  object-fit:contain!important;
}
.home-guide-panel:after{
  background-image:url('/assets/brand/tdsd-mark-exact.png?v=159')!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
}

/* The prior 116% hero scale made the Capitol larger without improving composition.
   Use only a slight overscan, pin the photo to the right edge, and let that small
   crop move the Capitol left while preserving its natural scale. */
.home-hero{
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 35%,rgba(255,255,255,.46) 60%,rgba(255,255,255,.10) 100%),
    url('/assets/brand/hero-austin.webp?v=159')!important;
  background-repeat:no-repeat!important;
  background-size:106% auto!important;
  background-position:right 47%!important;
}
.hero-motto{
  right:8.5%!important;
  top:10.5%!important;
  max-width:250px!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.9)!important;
}
@media(max-width:1400px){
  .home-hero{background-size:108% auto!important;background-position:right 47%!important}
  .hero-motto{right:7%!important;top:10%!important}
}
@media(max-width:1180px){
  .home-hero{background-size:112% auto!important;background-position:right 48%!important}
  .hero-motto{right:5.5%!important;top:9.5%!important}
}
@media(max-width:900px){
  .home-hero{background-size:cover!important;background-position:67% center!important}
  .hero-motto{right:6%!important;top:9%!important}
}
@media(max-width:640px){
  .brand img{width:220px!important;max-width:70vw!important}
  .home-hero{background-size:cover!important;background-position:70% center!important}
  .hero-motto{display:none!important}
}

/* ===== v15.10 brand spacing + footer repair ===== */
/* Give the approved horizontal logo deliberate breathing room in the sticky header. */
.nav-wrap{
  min-height:96px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.brand img{
  width:286px!important;
  max-width:34vw!important;
  height:auto!important;
}

/* The exact Texas/star mark should sit comfortably inside the white directory badge. */
.directory-mark-box{
  width:76px!important;
  height:76px!important;
  padding:9px!important;
  overflow:hidden!important;
}
.directory-mark-box img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

/* The footer asset is already the approved reversed logo. Do not recolor/invert it. */
.footer-brand img{
  width:255px!important;
  max-width:100%!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(max-width:900px){
  .nav-wrap{min-height:84px!important;padding-top:8px!important;padding-bottom:8px!important}
  .brand img{width:245px!important;max-width:64vw!important}
  .directory-mark-box{width:70px!important;height:70px!important;padding:9px!important}
}
@media(max-width:640px){
  .nav-wrap{min-height:74px!important;padding-top:7px!important;padding-bottom:7px!important}
  .brand img{width:220px!important;max-width:72vw!important}
}

/* ===== v15.11 hero simplification + transparent footer logo ===== */
.hero-copy>p{
  max-width:650px!important;
  font-size:18px!important;
  line-height:1.45!important;
  margin-top:0!important;
}
.hero-actions{margin-top:20px!important}
.hero-checks{display:none!important}
.footer-brand{background:transparent!important;border:0!important;box-shadow:none!important}
.footer-brand img{
  width:270px!important;
  height:auto!important;
  background:transparent!important;
  filter:none!important;
  opacity:1!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:900px){.footer-brand img{width:245px!important}}
@media(max-width:640px){.hero-copy>p{font-size:16px!important}.footer-brand img{width:220px!important}}

/* ===== v15.12 final hero trust-card polish ===== */
/* Move the hero motto into the open-sky area instead of over the Capitol dome. */
@media(min-width:1181px){
  .hero-motto{
    justify-self:start!important;
    align-self:start!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    margin:28px 0 0 78px!important;
    transform:rotate(-4deg)!important;
    max-width:250px!important;
  }
}

/* Give the three hero trust cards a little more visual weight. */
.home-trust-strip{
  width:min(735px,100%)!important;
  gap:14px!important;
}
.home-trust-strip>div.hero-stat-card{
  grid-template-columns:54px auto 1fr!important;
  min-height:88px!important;
  padding:16px 18px!important;
  column-gap:12px!important;
  border-radius:15px!important;
}
.home-trust-strip .hero-stat-card .stat-icon{
  width:46px!important;
  height:46px!important;
  padding:10px!important;
  border-radius:12px!important;
}
.home-trust-strip .hero-stat-card .stat-icon svg{
  width:25px!important;
  height:25px!important;
}
.home-trust-strip .hero-stat-card strong{
  font-size:26px!important;
}
.home-trust-strip .hero-stat-card>span:not(.stat-icon){
  font-size:12.5px!important;
  line-height:1.08!important;
}
.home-trust-strip .hero-stat-card small{
  font-size:9.4px!important;
  line-height:1.2!important;
}

@media(max-width:1180px){
  .hero-motto{
    justify-self:end!important;
    margin:20px 8px 0 0!important;
    transform:rotate(-4deg)!important;
  }
  .home-trust-strip{width:100%!important}
}
@media(max-width:900px){
  .home-trust-strip>div.hero-stat-card{
    grid-template-columns:50px auto 1fr!important;
    min-height:82px!important;
    padding:14px 15px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{width:43px!important;height:43px!important}
}

/* ===== v15.13 hero stat card hierarchy + glass treatment ===== */
.home-trust-strip{
  width:min(760px,100%)!important;
  gap:14px!important;
}
.home-trust-strip>div.hero-stat-card{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:13px!important;
  row-gap:1px!important;
  min-height:92px!important;
  padding:15px 17px!important;
  align-items:center!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(210,225,238,.9)!important;
  border-radius:15px!important;
  box-shadow:0 12px 28px rgba(8,47,87,.12)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.home-trust-strip .hero-stat-card .stat-icon{
  grid-column:1!important;
  grid-row:1/4!important;
  align-self:center!important;
  justify-self:start!important;
  width:44px!important;
  height:44px!important;
  padding:9px!important;
  border-radius:11px!important;
  margin:0!important;
}
.home-trust-strip .hero-stat-card strong{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:start!important;
  margin:0!important;
  font-size:26px!important;
  line-height:1!important;
  color:#0d3b66!important;
}
.home-trust-strip .hero-stat-card>span:not(.stat-icon){
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:start!important;
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.08!important;
  font-weight:900!important;
  color:#183f66!important;
}
.home-trust-strip .hero-stat-card small{
  grid-column:2!important;
  grid-row:3!important;
  align-self:start!important;
  justify-self:start!important;
  margin:2px 0 0!important;
  font-size:9.7px!important;
  line-height:1.18!important;
  font-weight:650!important;
  color:#6b7e91!important;
}
@media(max-width:900px){
  .home-trust-strip>div.hero-stat-card{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:86px!important;
    padding:14px 15px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{width:41px!important;height:41px!important}
  .home-trust-strip .hero-stat-card strong{font-size:24px!important}
}

/* =========================================================
   v15.14 STEP 2 — provider/license detail page polish
   ========================================================= */
.provider-hero-banner{
  min-height:205px!important;
  padding:18px 0 22px!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 37%,rgba(255,255,255,.36) 66%,rgba(255,255,255,.07) 100%),
    url('/assets/brand/hero-austin.webp?v=159')!important;
  background-size:cover!important;
  background-position:center 48%!important;
}
.provider-hero-inner{min-height:160px!important}
.provider-hero-breadcrumbs{margin-bottom:16px!important;font-size:12px!important}
.provider-hero-copy{max-width:760px!important}
.provider-hero-copy h1{
  margin:6px 0 2px!important;
  font-size:clamp(38px,3.8vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#082f57!important;
  text-transform:none!important;
}
.provider-hero-copy h2{
  margin:0 0 5px!important;
  color:#173f70!important;
  font-size:clamp(21px,2vw,29px)!important;
  line-height:1.08!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
.provider-hero-copy p{max-width:660px!important;font-size:14.5px!important;line-height:1.45!important;color:#49647d!important}
.provider-hero-motto{
  right:5%!important;
  top:31px!important;
  font-size:20px!important;
  line-height:1.03!important;
  text-shadow:0 2px 10px rgba(255,255,255,.92),0 0 4px rgba(255,255,255,.9)!important;
}
.provider-hero-motto strong{font-size:25px!important}

.provider-page{padding-top:12px!important;padding-bottom:42px!important;background:linear-gradient(180deg,#f5faff 0%,#fbfdff 45%,#fff 100%)!important}
.provider-showcase{border-radius:18px!important;box-shadow:0 15px 34px rgba(8,47,87,.11)!important}
.provider-featured-disclosure{padding:10px 18px!important;font-size:12.5px!important;background:linear-gradient(90deg,#edf8ff,#f7fbff)!important}
.provider-showcase-grid{grid-template-columns:1.08fr 1.65fr .96fr!important}
.provider-brand-panel{padding:30px 28px!important;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important}
.provider-brand-panel img{max-width:350px!important;max-height:155px!important}
.provider-identity{padding:26px 28px!important}
.provider-identity .section-kicker{font-size:10.5px!important;letter-spacing:.075em!important}
.provider-identity h2{
  margin:6px 0 7px!important;
  color:#0b3260!important;
  font-size:clamp(28px,2.55vw,39px)!important;
  line-height:1.03!important;
  letter-spacing:-.036em!important;
  text-transform:none!important;
}
.provider-license-line{font-size:11px!important;color:#61768a!important;letter-spacing:.02em!important}
.provider-identity .status{
  margin-top:10px!important;
  padding:6px 11px!important;
  font-size:10.5px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.provider-trust-row{gap:14px!important;margin-top:17px!important}
.provider-trust-row>div{grid-template-columns:44px 1fr!important;column-gap:9px!important}
.provider-trust-row .trust-icon{
  width:40px!important;height:40px!important;border-radius:12px!important;
  font-size:15px!important;box-shadow:inset 0 0 0 1px rgba(13,59,102,.035)!important;
}
.provider-trust-row strong{font-size:11.5px!important;line-height:1.15!important;color:#113b67!important}
.provider-trust-row small{font-size:9.2px!important;line-height:1.25!important;color:#718499!important;margin-top:2px!important}
.provider-contact-panel{padding:25px 22px!important;background:linear-gradient(180deg,#fbfdff,#f4f9fd)!important}
.contact-label{font-size:10.5px!important;color:#5a6f86!important}
.provider-phone{font-size:clamp(24px,2vw,32px)!important;margin-bottom:15px!important;color:#126bc6!important}
.provider-cta{min-height:50px!important;border-radius:9px!important;font-size:14px!important}
.provider-back{min-height:44px!important;border-radius:9px!important;font-size:13px!important}

.provider-editorial-grid{grid-template-columns:1fr 1fr 1.06fr!important;gap:14px!important;margin-top:14px!important}
.provider-editorial-card{
  border-radius:16px!important;
  padding:20px 21px!important;
  box-shadow:0 9px 22px rgba(8,47,87,.06)!important;
  border-color:#d7e6f2!important;
}
.editorial-heading{margin-bottom:12px!important}
.editorial-heading h2{font-size:20px!important;color:#0a365f!important}
.editorial-icon{width:36px!important;height:36px!important;border-radius:10px!important;font-size:16px!important}
.provider-editorial-card p{font-size:11.5px!important;line-height:1.58!important;color:#597086!important}
.about-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:14px!important}
.about-facts>div{padding:8px 9px!important;border-radius:9px!important;background:#f8fbfe!important}
.about-facts span{font-size:7.5px!important;line-height:1.15!important}
.about-facts strong{font-size:9.8px!important;line-height:1.25!important}
.highlight-list{gap:11px!important}
.highlight-list>div{grid-template-columns:42px 1fr!important;gap:10px!important}
.highlight-icon{width:39px!important;height:39px!important;border-radius:12px!important;font-size:15px!important}
.highlight-list strong{font-size:11.5px!important;color:#123b66!important}
.highlight-list p{font-size:9.8px!important;line-height:1.4!important}
.provider-faq-card .faq-list{gap:6px!important;margin-top:3px!important}
.provider-faq-card .faq-list details{border-radius:9px!important;background:#fcfdff!important}
.provider-faq-card .faq-list summary{padding:9px 10px!important;font-size:10.5px!important}
.provider-faq-card .faq-list details p{font-size:9.8px!important;line-height:1.5!important}

.provider-policy-strip{margin-top:13px!important;padding:10px 13px!important;background:#fbfdff!important;box-shadow:none!important}
.provider-policy-strip p{font-size:9px!important;color:#718396!important}
.provider-more-section{margin-top:13px!important;padding:19px!important;border-radius:16px!important;box-shadow:0 9px 22px rgba(8,47,87,.055)!important}
.provider-more-section h2{font-size:22px!important}
.provider-mini-grid{gap:11px!important}
.provider-mini-card{padding:11px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-radius:12px!important}
.provider-mini-card img{height:76px!important;margin-bottom:6px!important}
.provider-mini-card>strong{font-size:10.5px!important;line-height:1.25!important}
.provider-mini-card .btn{min-height:37px!important;font-size:9.5px!important}

@media(max-width:1180px){
  .provider-showcase-grid{grid-template-columns:220px 1fr 290px!important}
  .provider-editorial-grid{grid-template-columns:1fr 1fr!important}
  .provider-faq-card{grid-column:1/-1!important}
  .about-facts{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:940px){
  .provider-hero-copy{max-width:620px!important}
  .provider-hero-motto{display:none!important}
  .provider-showcase-grid{grid-template-columns:210px 1fr!important}
  .provider-contact-panel{grid-column:1/-1!important}
  .provider-editorial-grid{grid-template-columns:1fr!important}
  .provider-faq-card{grid-column:auto!important}
}
@media(max-width:680px){
  .provider-hero-banner{min-height:180px!important;background-position:67% center!important}
  .provider-hero-copy h1{font-size:34px!important}
  .provider-hero-copy h2{font-size:20px!important}
  .provider-hero-copy p{font-size:13px!important}
  .provider-showcase-grid{grid-template-columns:1fr!important}
  .provider-brand-panel{padding:23px!important}
  .provider-brand-panel img{max-width:290px!important;max-height:125px!important}
  .provider-identity{padding:21px!important}
  .provider-trust-row{grid-template-columns:1fr!important;gap:9px!important}
  .provider-contact-panel{grid-template-columns:1fr!important;padding:19px!important}
  .about-facts{grid-template-columns:1fr 1fr!important}
}
@media(max-width:460px){
  .about-facts{grid-template-columns:1fr!important}
}

/* =========================================================
   v15.15 STEP 2B — Featured provider conversion / visual polish
   ========================================================= */

/* Cleaner white canvas so provider cards no longer disappear into gray-blue */
.provider-page{
  background:#fff!important;
  padding-top:16px!important;
}

/* Provider hero: intentionally smaller photograph, more open sky and less visual weight */
.provider-hero-banner{
  min-height:178px!important;
  padding:15px 0 18px!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 39%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.08) 100%),
    url('/assets/brand/hero-austin.webp?v=159')!important;
  background-size:cover,auto 150%!important;
  background-position:center,right 52%!important;
  background-repeat:no-repeat!important;
  background-color:#edf7ff!important;
}
.provider-hero-inner{min-height:145px!important}
.provider-hero-copy{max-width:720px!important}
.provider-hero-copy h1{font-size:clamp(36px,3.35vw,52px)!important;margin:4px 0 1px!important}
.provider-hero-copy h2{font-size:clamp(20px,1.8vw,26px)!important;margin:0 0 4px!important}
.provider-hero-copy p{max-width:650px!important;font-size:14px!important;line-height:1.42!important;color:#405d78!important;font-weight:560!important}
.provider-hero-motto{
  right:30%!important;
  top:28px!important;
  transform:rotate(-4deg)!important;
  font-size:18px!important;
  line-height:1.03!important;
  text-shadow:0 2px 10px rgba(255,255,255,.98),0 0 6px rgba(255,255,255,.96)!important;
}
.provider-hero-motto strong{font-size:23px!important}

/* Featured provider showcase — much stronger visual priority */
.provider-showcase-featured{
  position:relative!important;
  border:2px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(100deg,#1386e8,#0cb9b6,#f5a623,#1386e8) border-box!important;
  background-size:auto,220% 100%!important;
  box-shadow:0 20px 52px rgba(6,73,126,.18),0 0 0 5px rgba(30,136,229,.035)!important;
  overflow:hidden!important;
}
.provider-showcase-featured:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#1194ef,#11c2b1,#ffc13b,#1194ef);
  background-size:220% 100%;
  animation:featured-provider-sheen 7s linear infinite;
  pointer-events:none;
  z-index:4;
}
@keyframes featured-provider-sheen{to{background-position:220% 0}}
@media(prefers-reduced-motion:reduce){.provider-showcase-featured:after{animation:none}}

.provider-featured-disclosure{
  min-height:58px!important;
  padding:10px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  color:#fff!important;
  background:linear-gradient(100deg,#082f57 0%,#0d5e9e 57%,#0d7995 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
}
.featured-disclosure-copy{display:flex;align-items:center;gap:12px;min-width:0}
.featured-disclosure-icon{
  width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:10px;background:rgba(255,193,59,.16);border:1px solid rgba(255,209,98,.45);color:#ffd15c;font-size:19px;
}
.featured-disclosure-copy>div{display:grid;gap:1px}
.featured-disclosure-copy strong{font-size:17px;line-height:1.08;letter-spacing:-.01em;color:#fff}
.featured-disclosure-copy>div>span{font-size:10.5px;color:#d6ecff;font-weight:650}
.provider-featured-disclosure .featured-star{
  margin:0!important;padding:8px 12px!important;border-radius:999px!important;
  background:#ffd24e!important;color:#533c00!important;font-size:10.5px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.045em;
  white-space:nowrap;
}

.provider-showcase-featured .provider-brand-panel{
  background:linear-gradient(145deg,#fff 0%,#f5faff 100%)!important;
}
.provider-showcase-featured .provider-identity{
  background:linear-gradient(135deg,#fff 0%,#f2f9ff 58%,#ecfbf7 100%)!important;
}
.featured-provider-kicker{
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#006cc8!important;
  background:#e7f5ff!important;
  border:1px solid #bcdff7!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
}
.provider-showcase-featured .provider-identity h2{color:#07345f!important}
.provider-showcase-featured .provider-trust-row>div{padding:7px 5px;border-radius:10px;transition:.18s ease}
.provider-showcase-featured .provider-trust-row>div:hover{background:rgba(255,255,255,.72);transform:translateY(-1px)}

.provider-showcase-featured .provider-contact-panel{
  background:linear-gradient(150deg,#082e51 0%,#0b5b98 58%,#087a91 100%)!important;
  color:#fff!important;
  border-left:0!important;
}
.provider-showcase-featured .contact-label{color:#bfe4ff!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900!important}
.provider-showcase-featured .provider-phone{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.14)!important}
.provider-showcase-featured .provider-cta{
  background:linear-gradient(135deg,#ff5a45,#ff3f44)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(255,63,68,.24)!important;
}
.provider-showcase-featured .provider-cta:hover{background:linear-gradient(135deg,#ef493b,#ef3038)!important;box-shadow:0 13px 28px rgba(255,63,68,.3)!important}
.provider-showcase-featured .provider-back{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.58)!important;
}
.provider-showcase-featured .provider-back:hover{background:rgba(255,255,255,.15)!important}

/* Featured course sales panel */
.featured-course-offer{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:34px;
  margin-top:18px;
  padding:28px 30px;
  border:1px solid #0c658f;
  border-radius:20px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(720px 240px at 90% 0%,rgba(12,189,171,.18),rgba(12,189,171,0) 64%),
    linear-gradient(135deg,#061f34 0%,#082c48 55%,#07394a 100%);
  box-shadow:0 20px 45px rgba(3,48,82,.16);
}
.featured-course-offer:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#19a3ff,#0bc1b0,#35c568);
}
.featured-offer-copy{position:relative;z-index:1}
.featured-offer-kicker{
  display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #5cc8e8;border-radius:999px;
  background:rgba(22,139,194,.16);color:#d5f2ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.featured-offer-copy h2{margin:12px 0 4px;color:#fff;font-size:clamp(27px,2.7vw,40px);line-height:1.03;letter-spacing:-.03em}
.featured-offer-price{display:flex;align-items:flex-end;gap:9px;margin:6px 0 7px}
.featured-offer-price strong{color:#1693ed;font-size:46px;line-height:.9;letter-spacing:-.04em}
.featured-offer-price span{padding-bottom:5px;color:#fff;font-size:14px;font-weight:900}
.featured-offer-copy p{max-width:650px;margin:8px 0 17px;color:#d5e4ef;font-size:13px;line-height:1.58;font-weight:560}
.featured-offer-cta{
  min-height:48px!important;padding:12px 22px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ff5a45,#ff3e45)!important;box-shadow:0 10px 24px rgba(255,63,68,.24)!important;
  font-size:13px!important;
}
.featured-offer-benefits{
  display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;align-content:center;position:relative;z-index:1;
}
.featured-offer-benefits>div{display:grid;grid-template-columns:24px 1fr;column-gap:9px;row-gap:1px;align-items:start}
.featured-offer-benefits>div>span{grid-row:1/3;color:#18d26f;font-size:19px;font-weight:950;line-height:1}
.featured-offer-benefits strong{color:#fff;font-size:13px;line-height:1.2}
.featured-offer-benefits small{color:#bdd0de;font-size:10px;line-height:1.28}

/* Second high-value feature block inspired by the course sales pages */
.featured-course-easier{
  margin-top:16px;padding:24px 25px 25px;border:1px solid #0f6d91;border-radius:20px;
  background:linear-gradient(145deg,#06243a 0%,#082e46 100%);
  box-shadow:0 15px 35px rgba(3,48,82,.11);
  color:#fff;
  position:relative;overflow:hidden;
}
.featured-course-easier:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#169eff,#0cc8ba,#32c866)}
.featured-easier-heading .section-kicker{color:#66c9ff!important;background:transparent!important;border:0!important;padding:0!important}
.featured-easier-heading h2{margin:5px 0 5px;color:#fff;font-size:28px;line-height:1.08;letter-spacing:-.025em}
.featured-easier-heading>p{margin:0;color:#c8d9e6;font-size:12.5px;line-height:1.5}
.featured-easier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:17px}
.featured-easier-grid article{
  min-height:142px;padding:14px 14px 13px;border:1px solid rgba(177,211,233,.20);border-radius:13px;
  background:rgba(255,255,255,.065);transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.featured-easier-grid article:hover{transform:translateY(-2px);background:rgba(255,255,255,.095);border-color:rgba(64,193,227,.38)}
.easier-icon{
  display:grid;place-items:center;width:34px;height:34px;margin-bottom:9px;border-radius:10px;
  background:rgba(10,126,201,.17);border:1px solid rgba(55,168,224,.28);color:#38b7ff;font-size:14px;font-weight:950;
}
.featured-easier-grid h3{margin:0 0 6px;color:#fff;font-size:13px;line-height:1.25}
.featured-easier-grid p{margin:0;color:#c3d2df;font-size:10.3px;line-height:1.5}

/* Editorial area: brighter, stronger separation, less gray */
.provider-editorial-grid{margin-top:16px!important}
.provider-editorial-card{
  background:linear-gradient(180deg,#fff 0%,#fafdff 100%)!important;
  border-color:#cfe1ee!important;
  box-shadow:0 10px 28px rgba(7,52,89,.07)!important;
}
.about-provider-card{border-top:3px solid #138bea!important}
.highlights-card{border-top:3px solid #0db8ac!important}
.provider-faq-card{border-top:3px solid #f1a51a!important}
.provider-editorial-card p strong{color:#123d67}
.provider-showcase-featured~.featured-course-offer+.featured-course-easier+.provider-editorial-grid .about-provider-card p{font-size:12px!important}

/* Featured highlight icons feel more like product feature cards */
.provider-showcase-featured~.featured-course-offer~.provider-editorial-grid .highlight-icon{
  border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(13,59,102,.035);
}
.provider-showcase-featured~.featured-course-offer~.provider-editorial-grid .highlight-icon.gold{font-size:8.5px!important;letter-spacing:-.04em}

/* Keep the directory-record disclosure quieter on conversion-focused pages */
.provider-showcase-featured~.featured-course-offer~.provider-policy-strip{
  background:#f8fbfe!important;border-color:#d8e7f2!important;color:#6d8193!important;
}

@media(max-width:1180px){
  .provider-hero-banner{background-size:cover,auto 158%!important;background-position:center,right 52%!important}
  .provider-hero-motto{right:25%!important}
  .featured-course-offer{grid-template-columns:1fr;gap:22px}
  .featured-offer-benefits{grid-template-columns:repeat(3,1fr)}
  .featured-easier-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:940px){
  .provider-hero-banner{background-size:cover,auto 150%!important;background-position:center,right 52%!important}
  .provider-featured-disclosure{align-items:flex-start!important}
  .featured-disclosure-copy strong{font-size:15px}
  .provider-showcase-featured .provider-contact-panel{background:linear-gradient(135deg,#082e51,#0b5b98)!important}
  .featured-offer-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .provider-hero-banner{min-height:166px!important;background-size:cover,auto 135%!important;background-position:center,right center!important}
  .provider-featured-disclosure{gap:10px!important;flex-direction:column!important}
  .provider-featured-disclosure .featured-star{align-self:flex-start}
  .featured-course-offer,.featured-course-easier{border-radius:15px;padding:20px 18px}
  .featured-offer-benefits{grid-template-columns:1fr}
  .featured-easier-grid{grid-template-columns:1fr}
  .featured-easier-grid article{min-height:0}
}

/* =========================================================
   v15.16 STEP 2C — Featured provider Gold Standard light/slate polish
   Styling adapted from the actual 25DD home/course-details card system.
   ========================================================= */

/* Keep the page cohesive: premium light/slate featured treatment instead of isolated dark blocks. */
.provider-showcase-featured{
  border:1px solid rgba(14,165,233,.30)!important;
  background:
    linear-gradient(90deg,#0ea5e9 0%,#14b8a6 50%,#22c55e 100%) top left/100% 4px no-repeat,
    radial-gradient(circle at 4% 0%,rgba(14,165,233,.10) 0%,rgba(14,165,233,0) 34%),
    radial-gradient(circle at 96% 4%,rgba(34,197,94,.055) 0%,rgba(34,197,94,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f5faff 58%,#f4fbf7 100%)!important;
  background-size:100% 4px,auto,auto,auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  box-shadow:0 22px 58px rgba(15,23,42,.11),0 2px 10px rgba(14,165,233,.08)!important;
}
.provider-showcase-featured:after{display:none!important}

/* Featured disclosure is now light, inviting, and integrated with the card system. */
.provider-featured-disclosure{
  min-height:56px!important;
  padding:10px 18px!important;
  color:#173c61!important;
  background:linear-gradient(90deg,#eef8ff 0%,#f6fbff 55%,#fff9e8 100%)!important;
  border-bottom:1px solid rgba(14,165,233,.16)!important;
}
.featured-disclosure-icon{
  width:36px!important;height:36px!important;border-radius:12px!important;
  background:linear-gradient(145deg,#fff6d8,#ffe8a1)!important;
  border:1px solid rgba(214,154,0,.28)!important;
  color:#b77800!important;font-size:20px!important;
  box-shadow:0 6px 16px rgba(173,117,0,.08)!important;
}
.featured-disclosure-copy strong{font-size:16px!important;line-height:1.1!important;color:#0a365f!important}
.featured-disclosure-copy>div>span{font-size:11px!important;color:#5b7389!important;font-weight:700!important}
.provider-featured-disclosure .featured-star{
  background:linear-gradient(180deg,#fff8d9,#ffeaa7)!important;
  color:#7a5400!important;border:1px solid rgba(190,132,0,.24)!important;
  box-shadow:0 4px 12px rgba(173,117,0,.07)!important;
}

/* Replace dull pill treatment with a reflective gold headline. */
.featured-provider-kicker{
  display:inline-block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(100deg,#855900 0%,#d99900 25%,#fff2a8 46%,#b87900 62%,#e5ae27 78%,#855900 100%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
  animation:featured-gold-reflection 5.5s ease-in-out infinite!important;
}
.featured-provider-kicker:before{content:"★ ";-webkit-text-fill-color:#d99a00;color:#d99a00}
@keyframes featured-gold-reflection{
  0%,22%{background-position:100% 0}
  48%,100%{background-position:-120% 0}
}
@media(prefers-reduced-motion:reduce){.featured-provider-kicker{animation:none!important;background-position:50% 0!important}}

/* Brighter contact/action panel inspired by the approved Talk to This Provider treatment. */
.provider-showcase-featured .provider-contact-panel{
  background:
    radial-gradient(circle at 90% 5%,rgba(255,255,255,.18),rgba(255,255,255,0) 40%),
    linear-gradient(145deg,#0b6fd0 0%,#0b87d7 47%,#0aa5ad 100%)!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.provider-showcase-featured .contact-label{font-size:11px!important;color:#e8f8ff!important}
.provider-showcase-featured .provider-phone{font-size:clamp(25px,2.25vw,34px)!important;color:#fff!important}
.provider-showcase-featured .provider-cta{
  min-height:52px!important;border-radius:12px!important;
  background:linear-gradient(135deg,#ff5b45,#ff4047)!important;
  box-shadow:0 13px 26px rgba(203,40,51,.27),inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-size:14.5px!important;
}
.provider-showcase-featured .provider-back{border-radius:11px!important;background:rgba(255,255,255,.12)!important}

/* Gold Standard LIGHT start-course card: same visual family as attached 25DD course-details source. */
.featured-course-offer{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:30px!important;
  margin-top:18px!important;
  padding:27px 30px 28px!important;
  border:1px solid rgba(14,165,233,.28)!important;
  border-radius:22px!important;
  color:#0f172a!important;
  background:
    linear-gradient(90deg,#0ea5e9 0%,#14b8a6 50%,#22c55e 100%) top left/100% 4px no-repeat,
    radial-gradient(circle at 5% 0%,rgba(14,165,233,.11) 0%,rgba(14,165,233,0) 34%),
    radial-gradient(circle at 95% 4%,rgba(34,197,94,.06) 0%,rgba(34,197,94,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f5faff 58%,#f4fbf6 100%)!important;
  background-size:100% 4px,auto,auto,auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  box-shadow:0 22px 58px rgba(15,23,42,.11),0 2px 10px rgba(14,165,233,.08)!important;
}
.featured-course-offer:before{display:none!important}
.featured-offer-kicker{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:8px 12px!important;border-radius:999px!important;
  background:#ecfdf3!important;border:1px solid rgba(22,163,74,.24)!important;
  color:#075a28!important;font-size:11.5px!important;font-weight:1000!important;letter-spacing:.065em!important;
}
.featured-offer-kicker:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px}
.featured-offer-copy h2{
  margin:13px 0 8px!important;color:#071827!important;
  font-size:clamp(32px,3vw,43px)!important;line-height:1.04!important;letter-spacing:-.038em!important;
  font-weight:1000!important;
}
.featured-offer-price{margin:10px 0 8px!important;gap:11px!important}
.featured-offer-price strong{font-size:54px!important;color:#0b76d1!important;font-weight:1000!important;line-height:.9!important}
.featured-offer-price span{color:#0f172a!important;font-size:15px!important;font-weight:1000!important;padding-bottom:6px!important}
.featured-offer-copy p{max-width:700px!important;margin:10px 0 19px!important;color:#475569!important;font-size:15px!important;line-height:1.55!important;font-weight:650!important}
.featured-offer-cta{
  min-height:52px!important;padding:0 24px!important;border-radius:999px!important;
  background:#ef3f36!important;color:#fff!important;font-size:14.5px!important;font-weight:1000!important;
  box-shadow:0 12px 24px rgba(239,63,54,.22)!important;
}
.featured-offer-cta:hover{background:#df332c!important;transform:translateY(-1px)!important}
.featured-offer-benefits{grid-template-columns:1fr 1fr!important;gap:11px 12px!important;align-content:center!important}
.featured-offer-benefits>div{
  grid-template-columns:27px 1fr!important;padding:12px 12px!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.98))!important;
  border:1px solid rgba(30,136,229,.15)!important;
  box-shadow:0 7px 16px rgba(15,23,42,.045)!important;
}
.featured-offer-benefits>div>span{color:#16a34a!important;font-size:19px!important;margin-top:1px!important}
.featured-offer-benefits strong{color:#071827!important;font-size:14px!important;line-height:1.2!important}
.featured-offer-benefits small{color:#5f7184!important;font-size:11.5px!important;line-height:1.35!important;margin-top:2px!important}

/* Gold Standard LIGHT feature card block, using the attached 25DD course-details card language. */
.featured-course-easier{
  margin-top:16px!important;padding:25px 26px 27px!important;
  border:1px solid rgba(14,165,233,.27)!important;border-radius:22px!important;
  color:#0f172a!important;
  background:
    linear-gradient(90deg,#0ea5e9 0%,#14b8a6 50%,#22c55e 100%) top left/100% 4px no-repeat,
    radial-gradient(circle at 5% 0%,rgba(14,165,233,.10) 0%,rgba(14,165,233,0) 34%),
    radial-gradient(circle at 95% 4%,rgba(34,197,94,.055) 0%,rgba(34,197,94,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f4f9ff 58%,#f4fbf7 100%)!important;
  background-size:100% 4px,auto,auto,auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  box-shadow:0 20px 50px rgba(15,23,42,.09),0 2px 10px rgba(14,165,233,.06)!important;
}
.featured-course-easier:before{display:none!important}
.featured-easier-heading .section-kicker{
  display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;
  background:rgba(14,165,233,.08)!important;border:1px solid rgba(20,184,166,.24)!important;
  color:#0b63a7!important;font-size:11px!important;font-weight:950!important;
}
.featured-easier-heading h2{
  margin:9px 0 7px!important;color:#071827!important;
  font-size:clamp(29px,2.8vw,39px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:1000!important;
}
.featured-easier-heading>p{margin:0!important;max-width:900px!important;color:#475569!important;font-size:15px!important;line-height:1.55!important;font-weight:600!important}
.featured-easier-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:18px!important}
.featured-easier-grid article{
  min-height:150px!important;padding:15px 15px 14px!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,251,255,.98) 100%)!important;
  border:1px solid rgba(30,136,229,.16)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.featured-easier-grid article:hover{transform:translateY(-4px)!important;border-color:rgba(30,136,229,.32)!important;box-shadow:0 14px 28px rgba(15,23,42,.09)!important;background:#fff!important}
.easier-icon{
  width:40px!important;height:40px!important;margin-bottom:10px!important;border-radius:12px!important;
  background:#eaf6ff!important;border:1px solid rgba(30,136,229,.18)!important;color:#0b76d1!important;font-size:15px!important;
}
.featured-easier-grid h3{margin:0 0 7px!important;color:#071827!important;font-size:14.5px!important;line-height:1.25!important}
.featured-easier-grid p{margin:0!important;color:#526579!important;font-size:12.5px!important;line-height:1.5!important}

/* About card: add a visual benefit grid so featured listings sell the course instead of reading like a record dump. */
.featured-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 3px}
.featured-about-grid>div{
  display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;
  padding:10px;border-radius:13px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(30,136,229,.14)
}
.featured-about-grid>div>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf6ff;color:#0b76d1;font-size:12px;font-weight:1000}
.featured-about-grid strong{font-size:11px!important;line-height:1.18!important;color:#0c355f!important}
.featured-about-grid small{font-size:9.4px!important;line-height:1.28!important;color:#687c8e!important;margin-top:2px}

/* Slightly richer editorial cards to harmonize with the light/slate course blocks. */
.provider-showcase-featured~.featured-course-offer~.provider-editorial-grid .provider-editorial-card{
  background:
    radial-gradient(circle at 4% 0%,rgba(14,165,233,.06),rgba(14,165,233,0) 35%),
    linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important;
  border-color:rgba(30,136,229,.15)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}

@media(max-width:1180px){
  .featured-course-offer{grid-template-columns:1fr!important;gap:20px!important}
  .featured-offer-benefits{grid-template-columns:repeat(3,1fr)!important}
  .featured-easier-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  .featured-offer-copy h2{font-size:31px!important}
  .featured-offer-benefits{grid-template-columns:1fr 1fr!important}
  .featured-easier-grid{grid-template-columns:1fr!important}
  .featured-about-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .featured-course-offer,.featured-course-easier{padding:20px 18px 21px!important;border-radius:18px!important}
  .featured-offer-price strong{font-size:48px!important}
  .featured-offer-benefits{grid-template-columns:1fr!important}
  .featured-provider-kicker{font-size:13.5px!important}
}

/* =========================================================
   v15.17 STEP 2D — Featured provider visual refinement
   ========================================================= */

/* Existing hero art is already wide enough (2240px). The prior height-based
   sizing made the photo occupy only the right portion of the banner. */
.provider-hero-banner{
  background-size:cover,cover!important;
  background-position:center,center 48%!important;
  background-repeat:no-repeat,no-repeat!important;
}
.provider-hero-motto{
  right:24%!important;
  top:24px!important;
}

/* Featured provider card: stronger Gold Standard top stripe and cleaner panel. */
.provider-showcase-featured{
  border:1px solid rgba(14,116,190,.30)!important;
  background:
    linear-gradient(90deg,#0b8ff0 0%,#11b8bf 48%,#20bf68 100%) top left/100% 6px no-repeat,
    radial-gradient(circle at 4% 0%,rgba(14,165,233,.09) 0%,rgba(14,165,233,0) 34%),
    radial-gradient(circle at 96% 4%,rgba(34,197,94,.055) 0%,rgba(34,197,94,0) 34%),
    linear-gradient(135deg,#ffffff 0%,#f4faff 58%,#f2faf6 100%)!important;
  background-size:100% 6px,auto,auto,auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  box-shadow:0 24px 60px rgba(15,23,42,.12),0 2px 12px rgba(14,116,190,.08)!important;
}

/* Readable metallic-gold featured headline with a brief one-time reflective sweep. */
.featured-provider-kicker{
  position:relative!important;
  display:inline-block!important;
  overflow:hidden!important;
  padding:1px 0 3px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#8a5600 0%,#d49300 46%,#a56a00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:#a96d00!important;
  font-size:clamp(19px,1.55vw,24px)!important;
  line-height:1.06!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(255,246,192,.55),0 2px 8px rgba(143,89,0,.12)!important;
  animation:none!important;
}
.featured-provider-kicker:before{
  content:"★ "!important;
  color:#d19100!important;
  -webkit-text-fill-color:#d19100!important;
}
.featured-provider-kicker:after{
  content:"";
  position:absolute;
  top:-20%;bottom:-20%;left:-28%;
  width:18%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  filter:blur(1px);
  pointer-events:none;
  animation:featured-kicker-sweep 1.25s ease-out .45s 1 both;
}
@keyframes featured-kicker-sweep{
  0%{left:-28%;opacity:0}
  14%{opacity:.75}
  78%{opacity:.72}
  100%{left:112%;opacity:0}
}
@media(prefers-reduced-motion:reduce){.featured-provider-kicker:after{display:none!important}}

/* Featured identity: remove the typewriter feel and turn data into premium trust cards. */
.provider-showcase-featured .provider-identity{
  padding:30px 30px 28px!important;
  background:linear-gradient(135deg,#fff 0%,#f4faff 57%,#eefaf6 100%)!important;
}
.provider-showcase-featured .provider-identity h2{
  margin:10px 0 8px!important;
  color:#07345f!important;
  font-size:clamp(31px,2.65vw,43px)!important;
  line-height:1.02!important;
  letter-spacing:-.038em!important;
  font-weight:1000!important;
}
.provider-showcase-featured .provider-license-line{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 10px!important;
  padding:7px 11px!important;
  border:1px solid #cfe2f0!important;
  border-radius:999px!important;
  background:#eef7fd!important;
  color:#3d5f7c!important;
  font-family:inherit!important;
  font-size:10.5px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}
.provider-showcase-featured .status.current{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:0!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#e8f8ee!important;
  border:1px solid #bfe8cd!important;
  color:#117d43!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:0 4px 12px rgba(17,125,67,.06)!important;
}
.provider-showcase-featured .provider-trust-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:17px!important;
}
.provider-showcase-featured .provider-trust-row>div{
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  align-items:center!important;
  padding:11px 10px!important;
  border:1px solid #d6e6f1!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
}
.provider-showcase-featured .provider-trust-row>div:hover{
  background:#fff!important;
  border-color:#bcd8e9!important;
  box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
  transform:translateY(-2px)!important;
}
.provider-showcase-featured .provider-trust-row .trust-icon{
  grid-row:1/3!important;
  width:40px!important;height:40px!important;
  border-radius:12px!important;
  font-size:15px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
.provider-showcase-featured .provider-trust-row strong{
  color:#0d365e!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.provider-showcase-featured .provider-trust-row small{
  margin-top:3px!important;
  color:#667b90!important;
  font-size:10.2px!important;
  line-height:1.25!important;
  font-weight:600!important;
}

/* Give the six benefit cards stronger contrast against their parent panel. */
.featured-course-offer{
  background:
    linear-gradient(90deg,#0ea5e9 0%,#14b8a6 50%,#22c55e 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 6% 0%,rgba(14,165,233,.13) 0%,rgba(14,165,233,0) 36%),
    radial-gradient(circle at 96% 4%,rgba(34,197,94,.08) 0%,rgba(34,197,94,0) 36%),
    linear-gradient(135deg,#edf7ff 0%,#f4f9fd 54%,#edf9f3 100%)!important;
  background-size:100% 5px,auto,auto,auto!important;
}
.featured-offer-benefits>div{
  background:#ffffff!important;
  border:1.5px solid #bad6e8!important;
  box-shadow:0 9px 20px rgba(15,67,105,.075)!important;
}
.featured-offer-benefits>div:hover{
  border-color:#7fb9dc!important;
  box-shadow:0 13px 26px rgba(15,67,105,.105)!important;
}

/* Same stronger contrast treatment for the six convenience cards below. */
.featured-course-easier{
  background:
    linear-gradient(90deg,#0ea5e9 0%,#14b8a6 50%,#22c55e 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 6% 0%,rgba(14,165,233,.12) 0%,rgba(14,165,233,0) 36%),
    radial-gradient(circle at 96% 4%,rgba(34,197,94,.075) 0%,rgba(34,197,94,0) 36%),
    linear-gradient(135deg,#edf7ff 0%,#f4f9fd 54%,#edf9f3 100%)!important;
  background-size:100% 5px,auto,auto,auto!important;
}
.featured-easier-grid article{
  background:#ffffff!important;
  border:1.5px solid #bad6e8!important;
  box-shadow:0 9px 20px rgba(15,67,105,.07)!important;
}
.featured-easier-grid article:hover{
  border-color:#7fb9dc!important;
  box-shadow:0 14px 28px rgba(15,67,105,.11)!important;
}

@media(max-width:1180px){
  .provider-hero-banner{background-size:cover,cover!important;background-position:center,center 49%!important}
  .provider-hero-motto{right:18%!important}
}
@media(max-width:900px){
  .provider-showcase-featured .provider-trust-row{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:760px){
  .provider-showcase-featured .provider-trust-row{grid-template-columns:1fr!important}
  .featured-provider-kicker{font-size:18px!important}
  .provider-hero-banner{background-size:cover,cover!important;background-position:center,65% center!important}
}

/* =========================================================
   v15.18 STEP 2E — Featured provider premium polish
   ========================================================= */

/* Make the premium top stripe unmistakable. */
.provider-showcase-featured::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:8px;
  z-index:25;
  background:linear-gradient(90deg,#1587e8 0%,#0fb8c6 52%,#22c55e 100%);
  box-shadow:0 2px 8px rgba(15,184,198,.18);
  pointer-events:none;
}
.provider-showcase-featured .provider-featured-disclosure{padding-top:17px!important}

/* Featured disclosure: premium badge/icon treatment. */
.provider-featured-disclosure{
  background:linear-gradient(90deg,#f6fbff 0%,#eff9ff 55%,#f4fbf6 100%)!important;
  border-bottom:1px solid #d3e5ef!important;
  min-height:66px;
}
.featured-disclosure-copy{display:flex;align-items:center;gap:12px}
.featured-disclosure-icon{
  width:46px!important;height:46px!important;flex:0 0 46px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff8d8 0%,#ffd46c 52%,#e2a521 100%)!important;
  border:1px solid rgba(187,126,0,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 14px rgba(155,103,0,.14)!important;
  color:#a66a00!important;
}
.featured-disclosure-icon svg{width:25px;height:25px;fill:currentColor;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.featured-disclosure-copy strong{font-size:18px!important;letter-spacing:-.01em!important;color:#07365f!important}
.featured-disclosure-copy>div>span{font-size:11.5px!important;color:#60768b!important;font-weight:750!important}
.provider-featured-disclosure .featured-star{
  position:relative!important;overflow:hidden!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  margin-left:auto!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff8cf 0%,#ffd766 48%,#e7ad2d 100%)!important;
  border:1px solid #d29a1f!important;
  color:#684400!important;
  font-size:11px!important;font-weight:1000!important;letter-spacing:.07em!important;text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 14px rgba(129,82,0,.16)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
}
.provider-featured-disclosure .featured-star svg{width:15px;height:15px;fill:#8d5b00;filter:drop-shadow(0 1px 0 rgba(255,255,255,.75))}
.provider-featured-disclosure .featured-star::after{
  content:"";position:absolute;top:-25%;bottom:-25%;left:-32%;width:20%;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);
  animation:featured-pill-shine 1.15s ease-out .65s 1 both;pointer-events:none;
}
@keyframes featured-pill-shine{0%{left:-32%;opacity:0}20%{opacity:.8}100%{left:115%;opacity:0}}
@media(prefers-reduced-motion:reduce){.provider-featured-disclosure .featured-star::after{display:none}}

/* Match the green Start Online Today capsule. */
.featured-easier-heading .section-kicker{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:7px 12px!important;border-radius:999px!important;
  background:#e8f8ee!important;border:1px solid #b8e5c6!important;
  color:#08783f!important;font-size:10.5px!important;font-weight:1000!important;letter-spacing:.075em!important;
  box-shadow:0 3px 10px rgba(8,120,63,.06)!important;
}
.featured-easier-heading .section-kicker::before{
  content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:#16a34a;color:#fff;font-size:11px;font-weight:1000;
}

/* Professional multi-color feature icon system. */
.featured-easier-grid article{padding:18px 18px 17px!important;min-height:156px!important}
.easier-icon{
  width:46px!important;height:46px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;margin-bottom:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 14px rgba(15,23,42,.07)!important;
}
.easier-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.easier-audio{background:linear-gradient(145deg,#f3e8ff,#e4d2ff)!important;color:#7c3aed!important;border:1px solid #ddc7ff!important}
.easier-resume{background:linear-gradient(145deg,#e2fbf8,#c9f2ec)!important;color:#0f9c8e!important;border:1px solid #b9ebe4!important}
.easier-device{background:linear-gradient(145deg,#e7f4ff,#cfe8ff)!important;color:#1376d3!important;border:1px solid #c1dffc!important}
.easier-time{background:linear-gradient(145deg,#fff5db,#ffe8a7)!important;color:#c78300!important;border:1px solid #f4dda0!important}
.easier-exam{background:linear-gradient(145deg,#e9f9ee,#d1f1db)!important;color:#159447!important;border:1px solid #c2e9cf!important}
.easier-pdf{background:linear-gradient(145deg,#ffe9e5,#ffd5cd)!important;color:#d84a35!important;border:1px solid #ffc9bf!important}
.featured-easier-grid h3{font-size:16.5px!important;line-height:1.22!important;margin:0 0 8px!important;color:#082f55!important;font-weight:950!important}
.featured-easier-grid p{font-size:13.5px!important;line-height:1.52!important;color:#53697d!important;font-weight:580!important}

/* Lower cards should feel like the same visual family as the premium course panels. */
.featured-course-easier + .provider-editorial-grid .provider-editorial-card{
  position:relative!important;overflow:hidden!important;
  padding:24px 24px 23px!important;
  border:1px solid #cfe2ef!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 62%,#f3faf6 100%)!important;
  box-shadow:0 12px 28px rgba(15,67,105,.075)!important;
}
.featured-course-easier + .provider-editorial-grid .provider-editorial-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#1699ed,#16b8bd,#28bd68);
}
.featured-course-easier + .provider-editorial-grid .editorial-heading{gap:12px!important;margin-bottom:14px!important}
.featured-course-easier + .provider-editorial-grid .editorial-heading h2{
  font-size:22px!important;line-height:1.15!important;letter-spacing:-.02em!important;color:#08345e!important;font-weight:950!important;
}
.featured-course-easier + .provider-editorial-grid .editorial-icon{
  width:42px!important;height:42px!important;border-radius:12px!important;font-size:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 12px rgba(15,67,105,.06)!important;
}
.featured-course-easier + .provider-editorial-grid .provider-editorial-card>p{
  font-size:14px!important;line-height:1.64!important;color:#4f667a!important;margin:0 0 12px!important;
}
.featured-course-easier + .provider-editorial-grid .provider-editorial-card>p strong{color:#0a3a64!important}

/* About benefit cards: larger/readable. */
.featured-course-easier + .provider-editorial-grid .featured-about-grid{gap:10px!important;margin-top:16px!important}
.featured-course-easier + .provider-editorial-grid .featured-about-grid>div{padding:12px!important;border-color:#cfe1ee!important;box-shadow:0 5px 13px rgba(15,67,105,.045)!important}
.featured-course-easier + .provider-editorial-grid .featured-about-grid>div>span{width:42px!important;height:42px!important;border-radius:12px!important;font-size:12px!important}
.featured-course-easier + .provider-editorial-grid .featured-about-grid strong{font-size:12.5px!important;color:#0b3b65!important}
.featured-course-easier + .provider-editorial-grid .featured-about-grid small{font-size:10.5px!important;line-height:1.35!important;color:#667c8f!important}
.featured-course-easier + .provider-editorial-grid .about-facts{gap:8px!important;margin-top:16px!important}
.featured-course-easier + .provider-editorial-grid .about-facts>div{padding:10px 11px!important;background:#fff!important;border-color:#d6e5ef!important}
.featured-course-easier + .provider-editorial-grid .about-facts span{font-size:8.5px!important}
.featured-course-easier + .provider-editorial-grid .about-facts strong{font-size:11.5px!important}

/* Highlights: increase icon and copy scale. */
.featured-course-easier + .provider-editorial-grid .highlight-list{gap:14px!important}
.featured-course-easier + .provider-editorial-grid .highlight-list>div{grid-template-columns:44px 1fr!important;gap:11px!important;align-items:start!important}
.featured-course-easier + .provider-editorial-grid .highlight-icon{width:42px!important;height:42px!important;border-radius:12px!important;font-size:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.featured-course-easier + .provider-editorial-grid .highlight-list strong{font-size:13.3px!important;line-height:1.25!important;color:#0b3b65!important}
.featured-course-easier + .provider-editorial-grid .highlight-list p{font-size:11.5px!important;line-height:1.48!important;color:#65798c!important;margin-top:3px!important}

/* FAQ: materially larger and more readable. */
.featured-course-easier + .provider-editorial-grid .provider-faq-card .editorial-heading h2{font-size:22px!important}
.featured-course-easier + .provider-editorial-grid .provider-faq-list{gap:8px!important;margin-top:8px!important}
.featured-course-easier + .provider-editorial-grid .provider-faq-list details{
  border:1px solid #d5e4ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 9px rgba(15,67,105,.025)!important;
}
.featured-course-easier + .provider-editorial-grid .provider-faq-list summary{
  padding:12px 13px!important;font-size:13.2px!important;line-height:1.3!important;font-weight:850!important;color:#123d64!important;
}
.featured-course-easier + .provider-editorial-grid .provider-faq-list details p{
  padding:0 13px 13px!important;font-size:12.3px!important;line-height:1.55!important;color:#5d7387!important;
}

@media(max-width:1180px){
  .featured-easier-grid h3{font-size:16px!important}
  .featured-easier-grid p{font-size:13px!important}
}
@media(max-width:760px){
  .provider-featured-disclosure .featured-star{margin-left:0!important;align-self:flex-start!important}
  .featured-disclosure-copy strong{font-size:17px!important}
  .featured-easier-grid article{min-height:0!important}
  .featured-course-easier + .provider-editorial-grid .provider-editorial-card{padding:21px 18px!important}
}

/* =========================================================
   v15.19 GLOBAL AUTHORITY STYLE SYSTEM
   Serious, restrained directory visual language:
   navy / blue / slate / white, semantic green, muted gold.
   ========================================================= */
:root{
  --auth-navy:#0a2f52;
  --auth-navy-deep:#061f37;
  --auth-blue:#176fba;
  --auth-blue-bright:#1e88e5;
  --auth-blue-soft:#edf5fb;
  --auth-slate:#5e7388;
  --auth-line:#cfdce8;
  --auth-line-strong:#9fc2df;
  --auth-hover:#f1f7fc;
  --auth-gold:#a8791a;
  --auth-gold-soft:#fff7df;
}

/* Core page chrome */
body{background:#fff!important}
.topbar{
  background:linear-gradient(90deg,var(--auth-navy-deep) 0%,var(--auth-navy) 48%,var(--auth-blue) 100%)!important;
}
.header-cta,.btn{
  background:linear-gradient(135deg,#0f5f9f 0%,#1778c6 100%)!important;
  box-shadow:0 7px 18px rgba(15,77,128,.16)!important;
}
.header-cta:hover,.btn:hover{
  background:linear-gradient(135deg,#0b4f86 0%,#1468ac 100%)!important;
  box-shadow:0 10px 24px rgba(15,77,128,.21)!important;
}
.btn.secondary{
  background:#fff!important;color:var(--auth-navy)!important;border-color:#a9c8e1!important;box-shadow:none!important;
}
.btn.secondary:hover{background:var(--auth-hover)!important;border-color:#6fa7d2!important}

/* Homepage: authoritative accents instead of rainbow decoration */
.featured-card:before{
  background:linear-gradient(90deg,var(--auth-navy) 0%,var(--auth-blue) 100%)!important;
}
.featured-card{
  border-color:#d4e0ea!important;
  box-shadow:0 7px 20px rgba(10,47,82,.06)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
.featured-card:hover{
  transform:translateY(-3px)!important;
  background:#f8fbfe!important;
  border-color:#4e95c9!important;
  box-shadow:0 14px 30px rgba(10,47,82,.13)!important;
}
.featured-fallback-mark{background:linear-gradient(145deg,var(--auth-navy),var(--auth-blue))!important}
.featured-current{background:#e8f7ed!important;color:#137943!important}

/* Hero stats: blue/slate system; gold only denotes Featured. */
.stat-teal{color:var(--auth-blue)!important}
.stat-blue{color:var(--auth-blue)!important}
.stat-gold{color:var(--auth-gold)!important}
.home-trust-strip>div{
  border-color:#c9d9e6!important;
  box-shadow:0 8px 20px rgba(10,47,82,.075)!important;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.home-trust-strip>div:hover{
  transform:translateY(-2px)!important;
  border-color:#6fa7d2!important;
  background:rgba(247,251,254,.97)!important;
  box-shadow:0 12px 26px rgba(10,47,82,.12)!important;
}

/* Search tool: navy-to-blue only. */
.directory-search-shell{
  background:
    radial-gradient(circle at 78% 18%,rgba(47,126,185,.18),transparent 31%),
    linear-gradient(115deg,#071f38 0%,#0a3154 54%,#0d4c7d 100%)!important;
  box-shadow:0 14px 34px rgba(5,35,63,.18)!important;
}
.search-clear{
  background:linear-gradient(135deg,#135f9d,#1b7bc4)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.search-clear:hover{background:linear-gradient(135deg,#0e4f84,#176aa9)!important}

/* Homepage guide + FAQ interaction, Ticket Lookup inspired. */
.home-guide-panel,.home-faq-panel{
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)!important;
  border-color:#d2dfe9!important;
  box-shadow:0 9px 24px rgba(10,47,82,.06)!important;
}
.guide-icon-row .guide-card{
  border:1px solid transparent!important;
  border-radius:14px!important;
  padding:12px 10px!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.guide-icon-row .guide-card:hover{
  background:#f1f7fc!important;
  border-color:#4b91c5!important;
  box-shadow:0 10px 22px rgba(10,47,82,.09)!important;
  transform:translateY(-2px)!important;
}
.guide-icon-row .guide-icon,
.guide-blue,.guide-teal,.guide-gold,.guide-purple{
  background:#e8f2fa!important;
  color:#176fba!important;
  border:1px solid #c9dce9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 12px rgba(10,47,82,.06)!important;
}
.home-faq-panel details,.faq-list details{
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.home-faq-panel details:hover,.faq-list details:hover{
  background:#f2f7fb!important;
  border-color:#75a9cf!important;
  box-shadow:0 5px 14px rgba(10,47,82,.06)!important;
}

/* Neutral search results: subtle authority hover. */
.provider-card{
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.provider-card:hover{
  transform:translateY(-1px)!important;
  background:#f6fafe!important;
  border-color:#5597c8!important;
  box-shadow:0 10px 22px rgba(10,47,82,.09)!important;
}

/* Featured provider shell: blue/navy only; gold is a status accent, not a gradient theme. */
.provider-showcase-featured{
  border:1px solid #b9cddd!important;
  background:linear-gradient(145deg,#fff 0%,#f7fafc 60%,#f2f6fa 100%)!important;
  box-shadow:0 20px 48px rgba(10,47,82,.11)!important;
}
.provider-showcase-featured::before{
  height:7px!important;
  background:linear-gradient(90deg,#082a49 0%,#0d4f82 48%,#1d78bd 100%)!important;
  box-shadow:0 2px 7px rgba(14,78,130,.14)!important;
}
.provider-featured-disclosure{
  background:linear-gradient(90deg,#f7fafc 0%,#f1f6fa 100%)!important;
  border-bottom-color:#d2dee8!important;
}
.featured-disclosure-icon{
  background:linear-gradient(145deg,#fff9e6 0%,#f3dfaa 100%)!important;
  border-color:#d9bf78!important;
  color:#8c6514!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(104,76,16,.09)!important;
}
.provider-featured-disclosure .featured-star{
  background:#fff7df!important;
  border-color:#d4b969!important;
  color:#79580f!important;
  box-shadow:0 4px 10px rgba(104,76,16,.08)!important;
}
.provider-featured-disclosure .featured-star::after{display:none!important}
.featured-provider-kicker{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#8b6515!important;
  color:#8b6515!important;
  text-shadow:none!important;
  animation:none!important;
}
.featured-provider-kicker:before{color:#a8791a!important;-webkit-text-fill-color:#a8791a!important}
.featured-provider-kicker:after{display:none!important}

/* Provider identity/trust: white/slate surfaces and unified blue icons. */
.provider-showcase-featured .provider-brand-panel{
  background:linear-gradient(145deg,#fff 0%,#f6f9fc 100%)!important;
}
.provider-showcase-featured .provider-identity{
  background:linear-gradient(135deg,#fff 0%,#f6f9fc 100%)!important;
}
.provider-showcase-featured .provider-license-line{
  background:#f1f6fa!important;border-color:#cfdee9!important;color:#48657e!important;
}
.provider-showcase-featured .provider-trust-row>div{
  background:#fff!important;border-color:#d2e0ea!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.provider-showcase-featured .provider-trust-row>div:hover{
  background:#eef6fc!important;border-color:#4b91c5!important;box-shadow:0 11px 24px rgba(10,47,82,.10)!important;
}
.provider-showcase-featured .provider-trust-row .trust-icon,
.provider-showcase-featured .provider-trust-row .trust-blue,
.provider-showcase-featured .provider-trust-row .trust-teal,
.provider-showcase-featured .provider-trust-row .trust-gold{
  background:#e8f2fa!important;color:#176fba!important;border:1px solid #c9dce9!important;
}

/* Contact/CTA: serious blue system, no teal or red/orange sales treatment. */
.provider-showcase-featured .provider-contact-panel{
  background:linear-gradient(145deg,#082846 0%,#0d4878 58%,#176fae 100%)!important;
  border-left-color:rgba(255,255,255,.13)!important;
}
.provider-showcase-featured .provider-cta{
  background:linear-gradient(135deg,#1565a9 0%,#1c80cf 100%)!important;
  box-shadow:0 11px 24px rgba(8,48,83,.24)!important;
}
.provider-showcase-featured .provider-cta:hover{
  background:linear-gradient(135deg,#0e548f 0%,#176fb5 100%)!important;
  box-shadow:0 14px 28px rgba(8,48,83,.30)!important;
}

/* Featured course panels: remove blue->green decoration; use blue/slate authority palette. */
.featured-course-offer,.featured-course-easier{
  border-color:#c4d7e5!important;
  background:
    linear-gradient(90deg,#0a3155 0%,#145f9e 50%,#2781c1 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 7% 0%,rgba(31,117,183,.09) 0%,rgba(31,117,183,0) 35%),
    linear-gradient(135deg,#ffffff 0%,#f5f8fb 58%,#eef4f8 100%)!important;
  background-size:100% 5px,auto,auto!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  box-shadow:0 16px 38px rgba(10,47,82,.085)!important;
}
.featured-offer-kicker,.featured-easier-heading .section-kicker{
  background:#eaf3fa!important;
  border-color:#bfd5e5!important;
  color:#0b568f!important;
  box-shadow:none!important;
}
.featured-offer-kicker:before,.featured-easier-heading .section-kicker::before{
  background:#176fba!important;color:#fff!important;
}
.featured-offer-cta{
  background:linear-gradient(135deg,#155f9e,#1d7fc9)!important;
  box-shadow:0 10px 22px rgba(10,47,82,.18)!important;
}
.featured-offer-cta:hover{background:linear-gradient(135deg,#0f4f85,#196eaf)!important}

/* Internal feature cards: Ticket Lookup-inspired hover interaction. */
.featured-offer-benefits>div,
.featured-easier-grid article,
.featured-about-grid>div,
.about-facts>div,
.provider-mini-card,
.related-card{
  background:#fff!important;
  border-color:#d0dde7!important;
  box-shadow:0 5px 14px rgba(10,47,82,.045)!important;
  transition:transform .19s ease,background .19s ease,border-color .19s ease,box-shadow .19s ease!important;
}
.featured-offer-benefits>div:hover,
.featured-easier-grid article:hover,
.featured-about-grid>div:hover,
.about-facts>div:hover,
.provider-mini-card:hover,
.related-card:hover{
  transform:translateY(-2px)!important;
  background:#eef6fc!important;
  border-color:#4b91c5!important;
  box-shadow:0 11px 24px rgba(10,47,82,.09)!important;
}

/* Unified professional duotone icon family. */
.easier-icon,
.easier-audio,.easier-resume,.easier-device,.easier-time,.easier-exam,.easier-pdf,
.highlight-icon,.highlight-icon.blue,.highlight-icon.teal,.highlight-icon.purple,.highlight-icon.gold,
.featured-about-grid>div>span,
.editorial-icon,.editorial-icon.blue,.editorial-icon.gold{
  background:linear-gradient(145deg,#edf5fb 0%,#dfeaf3 100%)!important;
  color:#176fba!important;
  border:1px solid #c7d9e7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.easier-icon svg{stroke:#176fba!important}

/* Semantic green remains for actual current/valid status only. */
.status.current,.featured-current,.provider-showcase-featured .status.current{
  background:#e7f6ec!important;color:#117640!important;border-color:#bde3c9!important;
}

/* Lower provider cards: same authority family and hover behavior. */
.featured-course-easier + .provider-editorial-grid .provider-editorial-card{
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  border-color:#d0dde7!important;
  box-shadow:0 9px 22px rgba(10,47,82,.06)!important;
}
.featured-course-easier + .provider-editorial-grid .provider-editorial-card::before{
  background:linear-gradient(90deg,#0a3155 0%,#176fba 100%)!important;
}
.featured-course-easier + .provider-editorial-grid .highlight-list>div{
  border:1px solid transparent!important;
  border-radius:12px!important;
  padding:7px!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.featured-course-easier + .provider-editorial-grid .highlight-list>div:hover{
  transform:translateY(-1px)!important;
  background:#eef6fc!important;
  border-color:#5a9ac8!important;
  box-shadow:0 8px 17px rgba(10,47,82,.07)!important;
}
.featured-course-easier + .provider-editorial-grid .provider-faq-list details:hover{
  background:#eef6fc!important;border-color:#5a9ac8!important;box-shadow:0 7px 15px rgba(10,47,82,.07)!important;
}

/* Neutral provider/detail cards also use the same interactive language. */
.provider-section,.content-card,.provider-more-section{
  border-color:#d2dfe9!important;
}
.provider-section:hover{
  border-color:#95b9d4!important;
  box-shadow:0 11px 24px rgba(10,47,82,.075)!important;
}
.related-card:hover{color:inherit!important}

/* Keep muted gold only where it communicates Featured status. */
.featured-star,.provider-featured-disclosure .featured-star{color:#79580f!important}

@media(prefers-reduced-motion:reduce){
  .featured-card,.guide-card,.provider-card,.featured-offer-benefits>div,.featured-easier-grid article,
  .featured-about-grid>div,.about-facts>div,.provider-mini-card,.related-card,
  .provider-showcase-featured .provider-trust-row>div,.highlight-list>div{transition:none!important;transform:none!important}
}


/* =========================================================
   v15.24 FEATURED LOGO DISPLAY REFINEMENT
   - Keep approved logos on white backgrounds
   - Remove the pale-blue "postcard-on-card" effect
   - Use close-cropped approved logo canvases for larger marks
   - Preserve contain behavior; no stretching or artwork clipping
   ========================================================= */

/* Homepage featured-provider logo area */
.featured-logo-area{
  height:126px!important;
  margin:0 0 7px!important;
  padding:3px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #dde7ef!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.featured-logo-area img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* Featured provider detail page: logo sits on a clean white field */
.provider-showcase-featured .provider-brand-panel{
  background:#fff!important;
}
.provider-showcase-featured .provider-brand-panel img{
  width:100%!important;
  height:170px!important;
  max-width:390px!important;
  max-height:170px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* Related featured-provider cards: remove off-white mismatch around white PNGs */
.provider-mini-card{
  background:#fff!important;
}
.provider-mini-card img{
  width:100%!important;
  height:90px!important;
  max-height:90px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin-bottom:8px!important;
}

@media(max-width:760px){
  .featured-logo-area{
    height:118px!important;
    padding:3px 1px!important;
  }
  .provider-showcase-featured .provider-brand-panel img{
    height:145px!important;
    max-height:145px!important;
    max-width:100%!important;
  }
  .provider-mini-card img{
    height:96px!important;
    max-height:96px!important;
  }
}

/* =========================================================
   v15.25 desktop hero → featured spacing refinement
   Desktop only. Mobile/tablet layout is intentionally unchanged.
   Goal: bring Featured Providers higher in the first viewport
   without shrinking the hero content or featured cards.
   ========================================================= */
@media (min-width:1181px){
  .home-hero{
    min-height:402px;
    padding-top:38px;
    padding-bottom:18px;
  }
  .hero-layout{
    min-height:330px;
  }
  .featured-home{
    padding-top:19px;
  }
  .featured-home .section-kicker{
    margin-bottom:4px;
  }
  .featured-home .section-heading-row{
    margin-bottom:0;
  }
  .featured-home .featured-disclosure-inline{
    margin-top:6px;
    margin-bottom:10px;
  }
}

/* =========================================================
   v15.28 responsive homepage stabilization
   Smooths the hero, stat cards, featured grid and search form
   across narrow desktop, tablet and phone widths.
   ========================================================= */

/* Narrow desktop: move stats across the hero before they become cramped,
   and retire the decorative motto before it overlaps the Capitol. */
@media (min-width:1181px) and (max-width:1540px){
  .hero-motto{display:none!important}
  .hero-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-height:330px!important;
    row-gap:12px!important;
  }
  .hero-copy{max-width:730px!important}
  .home-trust-strip{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:end!important;
    width:min(760px,72%)!important;
    margin:8px 0 0!important;
  }
  .home-hero{
    background-size:cover!important;
    background-position:64% center!important;
  }
}

/* Search controls need more room before the old 1180px breakpoint. */
@media (max-width:1400px){
  .directory-search-shell{
    grid-template-columns:minmax(250px,.8fr) minmax(0,1.55fr)!important;
    gap:18px!important;
  }
  .directory-emblem{display:none!important}
  .search-grid{
    grid-template-columns:minmax(205px,1.45fr) minmax(112px,.72fr) minmax(135px,.88fr) 88px!important;
    gap:8px!important;
  }
  .field input,.field select{padding-left:10px!important;padding-right:10px!important;font-size:13px!important}
}

/* Tablet / small laptop: keep the photo composition stable and keep all
   three trust cards inside the hero instead of letting them drift below it. */
@media (max-width:1180px){
  .home-hero{
    min-height:0!important;
    padding:28px 0 22px!important;
    background-size:cover!important;
    background-position:64% center!important;
  }
  .hero-layout{
    min-height:0!important;
    row-gap:16px!important;
  }
  .hero-copy{max-width:700px!important}
  .home-trust-strip{
    width:100%!important;
    margin:8px 0 0!important;
    gap:10px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    min-height:76px!important;
    padding:12px 14px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:10px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    width:38px!important;height:38px!important;padding:8px!important;
    grid-column:1!important;grid-row:1/4!important;
  }
  .home-trust-strip .hero-stat-card strong{
    grid-column:2!important;grid-row:1!important;
    font-size:23px!important;line-height:1!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    grid-column:2!important;grid-row:2!important;
    font-size:10.8px!important;line-height:1.08!important;
  }
  .home-trust-strip .hero-stat-card small{
    grid-column:2!important;grid-row:3!important;
    font-size:9px!important;line-height:1.15!important;
  }
  .featured-home{padding-top:18px!important;padding-bottom:20px!important}
  .featured-grid{gap:10px!important}
  .featured-card{min-height:305px!important;padding:12px!important}
  .featured-logo-area{height:98px!important;margin-bottom:4px!important}
  .featured-logo-area img{max-height:90px!important}
  .featured-card h3{min-height:36px!important;margin:6px 0!important;font-size:13px!important}
  .featured-primary{margin-top:9px!important}
}

/* Move the directory form to a clean stacked layout before its labels and
   placeholders become truncated. */
@media (max-width:1080px){
  .directory-search-shell{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:22px!important;
  }
  .search-grid{
    grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) 92px!important;
    gap:9px!important;
  }
  .search-main{grid-column:1/-1!important}
  .field input,.field select{font-size:14px!important}
}

/* Tablet portrait / narrow landscape. */
@media (max-width:940px){
  .home-hero{
    padding-top:22px!important;
    padding-bottom:20px!important;
    background-position:65% center!important;
  }
  .hero-directory-label{margin-bottom:7px!important}
  .hero h1{font-size:clamp(38px,5.1vw,46px)!important;margin-top:8px!important}
  .hero-copy>p{font-size:15px!important;line-height:1.48!important}
  .hero-actions{margin-top:15px!important}
  .home-trust-strip{margin-top:5px!important}
  .featured-card{min-height:292px!important}
  .featured-logo-area{height:92px!important}
  .featured-logo-area img{max-height:84px!important}
}

/* Compact trust-card copy before it starts wrapping awkwardly. */
@media (min-width:681px) and (max-width:820px){
  .home-trust-strip>div.hero-stat-card{
    min-height:70px!important;
    padding:10px 11px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    width:32px!important;height:32px!important;padding:7px!important;
    grid-row:1/3!important;
  }
  .home-trust-strip .hero-stat-card strong{font-size:21px!important}
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){font-size:9.7px!important}
  .home-trust-strip .hero-stat-card small{display:none!important}
}

/* Wide phones / very small tablets: preserve the hero image at a controlled
   height, use two CTA buttons side-by-side, and compact the stacked stats. */
@media (max-width:680px){
  .home-hero{
    padding:20px 0 18px!important;
    background-color:#fff!important;
    background-size:100% 430px,auto 430px!important;
    background-position:left top,68% top!important;
    background-repeat:no-repeat!important;
  }
  .hero-layout{row-gap:12px!important}
  .hero-directory-label{font-size:10px!important;line-height:1.2!important;margin-bottom:5px!important}
  .hero h1{font-size:34px!important;line-height:1.01!important;margin:7px 0 10px!important}
  .hero-copy>p{font-size:14.5px!important;line-height:1.45!important}
  .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  .hero-actions .btn{width:100%!important;min-height:46px!important;padding:10px 9px!important;font-size:12px!important}
  .home-trust-strip{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    min-height:58px!important;
    padding:8px 12px!important;
    grid-template-columns:36px 58px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    column-gap:8px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    grid-column:1!important;grid-row:1!important;
    width:32px!important;height:32px!important;padding:7px!important;
  }
  .home-trust-strip .hero-stat-card strong{
    grid-column:2!important;grid-row:1!important;
    align-self:center!important;font-size:20px!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    grid-column:3!important;grid-row:1!important;
    align-self:center!important;font-size:10px!important;line-height:1.12!important;
  }
  .home-trust-strip .hero-stat-card small{display:none!important}

  .featured-home{padding-top:16px!important;padding-bottom:18px!important}
  .featured-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .featured-card{min-height:268px!important;padding:10px!important}
  .featured-card-topline{margin-bottom:4px!important;font-size:7.6px!important}
  .featured-logo-area{height:82px!important;padding:3px 1px!important;margin-bottom:2px!important}
  .featured-logo-area img{max-height:76px!important}
  .featured-card h3{min-height:34px!important;font-size:12px!important;line-height:1.24!important;margin:5px 0!important}
  .featured-current{font-size:10px!important;padding:4px 7px!important}
  .featured-primary{min-height:40px!important;margin-top:7px!important;font-size:11px!important;padding:8px!important}
  .featured-details-link{margin-top:5px!important;padding-top:3px!important}

  .directory-search-shell{padding:18px 14px!important}
  .search-grid{grid-template-columns:1fr!important}
  .search-main{grid-column:auto!important}
  .search-clear{width:100%!important}
}

/* Phones: stack the CTA buttons and keep the Capitol from becoming an
   oversized full-height background. */
@media (max-width:560px){
  .home-hero{
    background-size:100% 390px,auto 390px!important;
    background-position:left top,70% top!important;
  }
  .hero h1{font-size:31px!important}
  .hero-actions{grid-template-columns:1fr!important}
  .hero-actions .btn{max-width:100%!important}
  .home-trust-strip>div.hero-stat-card{grid-template-columns:34px 54px minmax(0,1fr)!important}
  .featured-disclosure-inline{margin-bottom:9px!important}
}

@media (max-width:460px){
  .featured-grid{grid-template-columns:1fr!important}
  .featured-card{min-height:245px!important}
  .featured-logo-area{height:88px!important}
  .featured-logo-area img{max-height:82px!important}
}

/* =========================================================
   v15.29 RESPONSIVE BREAKPOINT CLEANUP
   Report-driven cleanup from 1539 / 1181 / 1180 / 1179 / 916 / 679 / 559px tests.
   This block intentionally comes last so it wins over legacy breakpoint rules.
   ========================================================= */

/* Decorative hero motto: wide desktop only. This prevents the 1180px
   reappearance and avoids overlap with the Capitol at narrower widths. */
@media (max-width:1540px){
  .hero-motto{display:none!important}
}

/* 941–1180px: one stable layout on both sides of the old 1180px jump.
   Trust cards stay as three equal cards instead of collapsing into narrow boxes. */
@media (min-width:941px) and (max-width:1180px){
  .hero-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
    row-gap:14px!important;
  }
  .hero-copy{max-width:720px!important}
  .home-trust-strip{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:8px 0 0!important;
    justify-self:stretch!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    min-width:0!important;
    min-height:72px!important;
    padding:11px 13px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:9px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    grid-column:1!important;
    grid-row:1/4!important;
    width:34px!important;
    height:34px!important;
    padding:7px!important;
  }
  .home-trust-strip .hero-stat-card strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    grid-column:2!important;
    grid-row:2!important;
    font-size:10.4px!important;
    line-height:1.08!important;
  }
  .home-trust-strip .hero-stat-card small{
    grid-column:2!important;
    grid-row:3!important;
    font-size:8.8px!important;
    line-height:1.12!important;
  }
}

/* Tablet / narrow landscape: strengthen the white reading field and move
   the Capitol farther right so the longer TDLR copy stays readable. */
@media (max-width:940px){
  .home-hero{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.97) 52%,rgba(255,255,255,.82) 70%,rgba(255,255,255,.28) 100%),
      url('/assets/brand/hero-austin.webp?v=159')!important;
    background-size:cover!important;
    background-position:75% center!important;
  }
  .hero-copy{max-width:650px!important}
  .hero-copy>p{max-width:590px!important}
  .home-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
}

/* Small tablet / large phone: no edge-to-edge CTA slabs and no three tall
   full-width trust bars. Buttons stay compact; trust facts become three tiles. */
@media (max-width:680px){
  .home-hero{
    padding:18px 0 16px!important;
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.91) 58%,rgba(255,255,255,.68) 78%,rgba(255,255,255,.28) 100%),
      url('/assets/brand/hero-austin.webp?v=159')!important;
    background-size:cover!important;
    background-position:76% center!important;
    background-repeat:no-repeat!important;
  }
  .hero-copy{max-width:none!important}
  .hero-copy>p{max-width:100%!important}
  .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,250px))!important;
    justify-content:start!important;
    gap:8px!important;
    margin-top:13px!important;
  }
  .hero-actions .btn{
    width:100%!important;
    max-width:250px!important;
    min-height:44px!important;
    padding:9px 8px!important;
    font-size:11.5px!important;
  }
  .home-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:9px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    min-width:0!important;
    min-height:66px!important;
    padding:8px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    border-radius:12px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    display:grid!important;
    grid-column:1!important;
    grid-row:1/3!important;
    width:28px!important;
    height:28px!important;
    padding:6px!important;
  }
  .home-trust-strip .hero-stat-card strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:19px!important;
    line-height:1!important;
    align-self:end!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    grid-column:2!important;
    grid-row:2!important;
    font-size:8.8px!important;
    line-height:1.08!important;
    align-self:start!important;
  }
  .home-trust-strip .hero-stat-card small{display:none!important}

  /* Tighten the two-column featured-card rhythm without shrinking logos. */
  .featured-grid{row-gap:7px!important;column-gap:8px!important}
  .featured-card{min-height:0!important;height:auto!important;padding:10px!important}
  .featured-card h3{min-height:32px!important}
  .card-spacer{min-height:4px!important}
}

/* 481–560px: keep the two CTAs side-by-side and readable. */
@media (min-width:481px) and (max-width:560px){
  .hero-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:500px!important;
  }
  .hero-actions .btn{max-width:none!important}
}

/* Phone portrait: stack CTAs only when two readable columns no longer fit.
   They remain centered/narrow, while trust facts stay in one compact row. */
@media (max-width:480px){
  .home-hero{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 66%,rgba(255,255,255,.58) 100%),
      url('/assets/brand/hero-austin.webp?v=159')!important;
    background-position:78% center!important;
  }
  .hero h1{font-size:29px!important;line-height:1.02!important}
  .hero-copy>p{font-size:14px!important;line-height:1.42!important}
  .hero-actions{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    max-width:305px!important;
  }
  .hero-actions .btn{
    width:100%!important;
    max-width:305px!important;
  }
  .home-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:72px!important;
    padding:7px 4px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{display:none!important}
  .home-trust-strip .hero-stat-card strong{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    margin:0 0 4px!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    display:block!important;
    font-size:8px!important;
    line-height:1.12!important;
    margin:0!important;
  }
  .home-trust-strip .hero-stat-card small{display:none!important}
}

/* =========================================================
   v15.30 RESPONSIVE CONTINUITY + MOBILE NAVIGATION
   Fixes the exact 1180px trust-card jump, restores useful trust-card
   detail on tablets, stabilizes phone stat-card alignment, keeps the
   desktop CTA through 941px, adds an accessible mobile menu, and
   cleans up provider-result cards at tablet/phone widths.
   ========================================================= */

/* Header: keep full desktop navigation usable on small laptops. */
.nav-wrap{position:relative!important}
.mobile-nav{display:none}

@media (min-width:941px) and (max-width:1180px){
  .site-header nav{display:flex!important;gap:12px!important}
  .site-header nav a{font-size:12px!important;white-space:nowrap!important}
  .header-cta{
    display:inline-flex!important;
    min-height:42px!important;
    padding:0 14px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .brand img{width:238px!important;max-width:27vw!important}
  .nav-wrap{gap:16px!important}
}

/* At tablet widths, replace disappearing navigation with a real menu. */
@media (max-width:940px){
  .site-header nav,.header-cta{display:none!important}
  .mobile-nav{display:block!important;margin-left:auto!important;position:relative!important;z-index:70!important}
  .mobile-nav>summary{
    list-style:none!important;cursor:pointer!important;user-select:none!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    min-height:42px!important;padding:0 14px!important;border:1px solid #9fc2df!important;
    border-radius:10px!important;background:#fff!important;color:#0a2f52!important;
    font-size:12px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(10,47,82,.08)!important;
  }
  .mobile-nav>summary::-webkit-details-marker{display:none!important}
  .mobile-nav>summary .menu-bars{font-size:16px!important;line-height:1!important}
  .mobile-nav-panel{
    position:absolute!important;right:0!important;top:calc(100% + 8px)!important;width:230px!important;
    padding:8px!important;background:#fff!important;border:1px solid #cfdce8!important;border-radius:12px!important;
    box-shadow:0 16px 34px rgba(10,47,82,.16)!important;
  }
  .mobile-nav-panel a{
    display:block!important;padding:10px 11px!important;border-radius:8px!important;color:#0a2f52!important;
    text-decoration:none!important;font-size:12px!important;font-weight:800!important;
  }
  .mobile-nav-panel a:hover{background:#f1f7fc!important}
  .mobile-nav-panel .mobile-nav-primary{margin-top:4px!important;background:#176fba!important;color:#fff!important;text-align:center!important}
  .mobile-nav-panel .mobile-nav-primary:hover{background:#125f9f!important}
}

@media (max-width:480px){
  .brand img{width:188px!important;max-width:68vw!important}
  .nav-wrap{gap:10px!important}
  .mobile-nav>summary{padding:0 11px!important;min-height:40px!important}
  .mobile-nav-panel{width:min(230px,calc(100vw - 34px))!important}
}

/* Exact 1180px continuity guard. The browser was hitting a one-pixel
   collision between legacy <=1180 rules and the newer narrow-desktop rules. */
@media (min-width:1170px) and (max-width:1190px){
  .hero-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
    row-gap:14px!important;
  }
  .home-trust-strip{
    position:static!important;
    transform:none!important;
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    margin:8px 0 0!important;
    gap:10px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:74px!important;
    padding:11px 13px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:9px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    width:34px!important;height:34px!important;padding:7px!important;
    grid-column:1!important;grid-row:1/4!important;
  }
  .home-trust-strip .hero-stat-card strong{font-size:22px!important}
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){font-size:10px!important}
  .home-trust-strip .hero-stat-card small{display:block!important;font-size:8.2px!important;line-height:1.12!important}
}

/* Tablet trust cards: retain the short explanatory line instead of making
   the card feel unfinished at 819px and similar widths. */
@media (min-width:681px) and (max-width:900px){
  .home-trust-strip>div.hero-stat-card{
    min-height:78px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    grid-column:1!important;grid-row:1/4!important;
  }
  .home-trust-strip .hero-stat-card small{
    display:block!important;
    grid-column:2!important;grid-row:3!important;
    font-size:7.6px!important;line-height:1.1!important;
    margin-top:2px!important;
  }
}

/* Phone trust cards: keep number and label centered together. Earlier
   align-self values from the desktop grid were causing the 479px split look. */
@media (max-width:480px){
  .home-trust-strip>div.hero-stat-card{
    align-items:center!important;
    text-align:center!important;
    min-height:76px!important;
  }
  .home-trust-strip .hero-stat-card strong,
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    text-align:center!important;
  }
  .home-trust-strip .hero-stat-card strong{margin:0 0 5px!important;font-size:18px!important}
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){font-size:7.8px!important;line-height:1.1!important}
}

/* Provider browse results: preserve a clean row through tablet sizes instead
   of the awkward 2x2 split at ~939px. */
@media (min-width:681px) and (max-width:940px){
  .provider-card{
    grid-template-columns:minmax(0,1.45fr) minmax(115px,.75fr) minmax(120px,.72fr) 82px!important;
    gap:8px!important;
    padding:12px 13px!important;
  }
  .provider-card h3{font-size:12.5px!important}
  .provider-card .small{font-size:9.8px!important}
  .provider-card .status{font-size:9px!important;padding:5px 7px!important}
  .provider-card .btn{width:auto!important;min-width:76px!important;padding:8px 9px!important}
}

/* On phones, a full-card-width Details button is unnecessarily heavy.
   Keep it touch-friendly but compact and left aligned. */
@media (max-width:680px){
  .provider-card{gap:8px!important}
  .provider-card>div:nth-child(3){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
  .provider-card>div:nth-child(4){justify-self:start!important;width:auto!important}
  .provider-card .btn{width:auto!important;min-width:150px!important;max-width:190px!important}
}

/* =========================================================
   v15.31 MOBILE HERO FACT-CARD COMPLETENESS
   Keep the trust-card icons and explanatory copy visible at
   679px / 479px / phone widths, while centering icons cleanly.
   This block intentionally comes last to override older rules.
   ========================================================= */

/* 481–680px: compact horizontal cards with icon, main value,
   short label, and explanatory line all retained. */
@media (min-width:481px) and (max-width:680px){
  .home-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:7px!important;
    row-gap:1px!important;
    align-items:center!important;
    min-height:78px!important;
    padding:8px 9px!important;
    text-align:left!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:1/4!important;
    align-self:center!important;
    justify-self:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:6px!important;
    margin:0!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon svg{
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }
  .home-trust-strip .hero-stat-card strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    width:auto!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1!important;
    text-align:left!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    display:block!important;
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    width:auto!important;
    margin:1px 0 0!important;
    font-size:8.2px!important;
    line-height:1.08!important;
    text-align:left!important;
  }
  .home-trust-strip .hero-stat-card small{
    display:block!important;
    grid-column:2!important;
    grid-row:3!important;
    align-self:start!important;
    justify-self:start!important;
    width:auto!important;
    margin:2px 0 0!important;
    color:#718397!important;
    font-size:6.8px!important;
    font-weight:650!important;
    line-height:1.08!important;
    text-align:left!important;
  }
}

/* 480px and below: three compact vertical fact tiles. Keeping the icon
   above the value avoids crowding while preserving every information layer. */
@media (max-width:480px){
  .home-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .home-trust-strip>div.hero-stat-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
    place-items:center!important;
    min-height:98px!important;
    padding:7px 4px!important;
    row-gap:2px!important;
    text-align:center!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon{
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    padding:5px!important;
    margin:0 0 1px!important;
  }
  .home-trust-strip .hero-stat-card .stat-icon svg{
    width:17px!important;
    height:17px!important;
    margin:0!important;
  }
  .home-trust-strip .hero-stat-card strong{
    display:block!important;
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1!important;
    text-align:center!important;
  }
  .home-trust-strip .hero-stat-card>span:not(.stat-icon){
    display:block!important;
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    margin:0!important;
    font-size:7.2px!important;
    line-height:1.08!important;
    text-align:center!important;
  }
  .home-trust-strip .hero-stat-card small{
    display:block!important;
    grid-column:1!important;
    grid-row:4!important;
    align-self:start!important;
    justify-self:center!important;
    width:100%!important;
    margin:1px 0 0!important;
    color:#718397!important;
    font-size:6.2px!important;
    font-weight:650!important;
    line-height:1.08!important;
    text-align:center!important;
  }
}

/* =========================================================
   v15.33 LICENSE-DETAIL RESPONSIVE STABILIZATION
   Focused only on provider/license-detail pages.
   - Hide hero motto before it can collide with the provider heading.
   - Move the contact/CTA panel below the identity area earlier so the
     three provider trust cards do not overflow around 974px.
   - Strengthen the hero reading field around tablet widths.
   - Stack the contact phone + buttons before the phone can wrap.
   ========================================================= */

/* The handwritten hero motto begins colliding with long provider names
   before the old 1180px breakpoint. Keep it only on roomy desktops. */
@media (max-width:1300px){
  .provider-hero-motto{display:none!important}
}

/* 941–1000px: switch the featured showcase to the proven tablet structure
   slightly earlier. This gives the identity/trust area enough width and
   prevents the three small trust cards from spilling out of their boxes. */
@media (min-width:941px) and (max-width:1000px){
  .provider-showcase-grid{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  .provider-contact-panel,
  .provider-showcase-featured .provider-contact-panel{
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid #dce8f2!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.9fr) minmax(230px,1.25fr) minmax(190px,.9fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:18px 20px!important;
  }
  .provider-contact-panel .contact-label{display:none!important}
  .provider-phone,.provider-cta,.provider-back{margin:0!important}
  .provider-phone{white-space:nowrap!important;font-size:clamp(22px,2.45vw,29px)!important}
  .provider-showcase-featured .provider-trust-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .provider-showcase-featured .provider-trust-row>div{
    min-width:0!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:7px!important;
    padding:9px 8px!important;
  }
  .provider-showcase-featured .provider-trust-row .trust-icon{
    width:34px!important;height:34px!important;
  }
  .provider-showcase-featured .provider-trust-row strong{
    min-width:0!important;font-size:11px!important;line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  .provider-showcase-featured .provider-trust-row small{
    min-width:0!important;font-size:9px!important;line-height:1.17!important;
    overflow-wrap:anywhere!important;
  }
}

/* Tablet hero: move the Capitol farther right and strengthen the white
   reading field so the provider heading/copy stays legible over the image. */
@media (max-width:1000px){
  .provider-hero-banner{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.965) 48%,rgba(255,255,255,.82) 66%,rgba(255,255,255,.26) 86%,rgba(255,255,255,.08) 100%),
      url('/assets/brand/hero-austin.webp?v=152')!important;
    background-size:cover,cover!important;
    background-position:center,74% center!important;
  }
  .provider-hero-copy{max-width:72%!important}
  .provider-hero-copy h1{font-size:clamp(34px,4.7vw,48px)!important}
  .provider-hero-copy p{max-width:620px!important}
}

/* 681–820px: use the already successful phone-style CTA stack a little
   earlier. This keeps the phone number on one line at ~780px and avoids a
   cramped three-column contact row. */
@media (min-width:681px) and (max-width:820px){
  .provider-contact-panel,
  .provider-showcase-featured .provider-contact-panel{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:18px 20px!important;
  }
  .provider-contact-panel .contact-label{display:block!important}
  .provider-phone{
    white-space:nowrap!important;
    width:max-content!important;
    max-width:100%!important;
    font-size:26px!important;
  }
  .provider-cta,.provider-back{
    width:100%!important;
    margin:0!important;
  }
}

/* <=680px already uses the preferred stacked contact layout. Make the
   phone line explicitly unbreakable so future copy/CSS changes cannot split it. */
@media (max-width:680px){
  .provider-phone{white-space:nowrap!important}
  .provider-showcase-featured .provider-contact-panel{gap:9px!important}
}

/* =========================================================
   v15.34 LICENSE-DETAIL BREAKPOINT CONTINUITY FIX
   - Remove the 1000px hero type-size jump.
   - Close the 940–941px fractional-width gap that allowed the
     three trust cards to overflow at ~940px while 939/941 were fine.
   ========================================================= */

/* Keep the license-detail hero headline visually continuous from 1001px
   through the tablet transition instead of enlarging it at <=1000px. */
@media (min-width:940px) and (max-width:1000px){
  .provider-hero-copy{
    max-width:80%!important;
  }
  .provider-hero-copy h1{
    font-size:40px!important;
    line-height:1.02!important;
  }

  /* Use the proven two-column showcase structure across the entire
     940–1000 range, including fractional browser widths such as 940.3px. */
  .provider-showcase-grid{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  .provider-contact-panel,
  .provider-showcase-featured .provider-contact-panel{
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid #dce8f2!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.9fr) minmax(230px,1.25fr) minmax(190px,.9fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:18px 20px!important;
  }
  .provider-contact-panel .contact-label{display:none!important}
  .provider-phone,.provider-cta,.provider-back{margin:0!important}
  .provider-phone{
    white-space:nowrap!important;
    font-size:clamp(22px,2.45vw,29px)!important;
  }
  .provider-showcase-featured .provider-trust-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .provider-showcase-featured .provider-trust-row>div{
    min-width:0!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:7px!important;
    padding:9px 8px!important;
  }
  .provider-showcase-featured .provider-trust-row .trust-icon{
    width:34px!important;
    height:34px!important;
  }
  .provider-showcase-featured .provider-trust-row strong{
    min-width:0!important;
    font-size:11px!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  .provider-showcase-featured .provider-trust-row small{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.17!important;
    overflow-wrap:anywhere!important;
  }
}

/* Homepage anchor landing: keep Featured Providers clear of the sticky header. */
#featuredProviders{scroll-margin-top:88px}
@media(max-width:940px){#featuredProviders{scroll-margin-top:76px}}

/* =========================================================
   v15.34 GUIDE HUB + EDITORIAL CONTENT
   - Adds a focused Texas driving safety resource hub
   - Keeps directory/search conversion paths prominent
   - Responsive without changing approved homepage/provider layouts
   ========================================================= */
.home-guide-link{margin:8px 0 0!important;font-size:11.5px!important}.home-guide-link a{font-weight:850;text-decoration:none}.home-guide-link a:hover{text-decoration:underline}

.guide-page{padding:28px 0 60px;background:linear-gradient(180deg,#f4f9fd 0,#f8fbfe 260px,#f7fafe 100%)}
.guide-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;color:#71869a;font-size:11px;font-weight:700}
.guide-breadcrumbs a{color:#3d668b;text-decoration:none}.guide-breadcrumbs a:hover{text-decoration:underline}.guide-breadcrumbs span:last-child{color:#63798d}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:24px;align-items:stretch;padding:clamp(26px,4vw,44px);background:radial-gradient(circle at 82% 16%,rgba(14,165,168,.16),transparent 27%),linear-gradient(125deg,#fff,#f3f9ff 62%,#edf8f8);border:1px solid #d7e5ef;border-radius:22px;box-shadow:0 14px 34px rgba(10,47,82,.08)}
.guide-hero h1,.guide-article-header h1{margin:4px 0 13px;color:#0b365f;font-size:clamp(36px,4.7vw,58px);line-height:1.02;letter-spacing:-.045em}
.guide-hero p{margin:0;color:#4f667c;font-size:17px;line-height:1.65;max-width:800px}.guide-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.guide-hero-note{align-self:stretch;padding:22px;border:1px solid #cfe0ec;border-radius:16px;background:rgba(255,255,255,.88);display:flex;flex-direction:column;justify-content:center}.guide-hero-note strong{color:#0b3b69;font-size:17px}.guide-hero-note p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#607589}
.guide-hub-section{padding:36px 0 8px}.guide-section-heading{max-width:800px}.guide-section-heading h2{margin:0 0 7px;color:#0b365f;font-size:32px;letter-spacing:-.03em}.guide-section-heading p{margin:0;color:#5e7286;line-height:1.6}
.guide-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.guide-topic-card{display:grid;grid-template-columns:48px 1fr;gap:13px;min-height:190px;padding:20px;background:#fff;border:1px solid #d7e4ef;border-radius:16px;box-shadow:0 8px 22px rgba(10,47,82,.055);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.guide-topic-card:hover{transform:translateY(-2px);border-color:#a8c8df;box-shadow:0 13px 28px rgba(10,47,82,.085)}
.guide-topic-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-weight:950}.guide-accent-blue .guide-topic-icon{background:#e7f3ff;color:#0c70cf}.guide-accent-teal .guide-topic-icon{background:#e6f8f7;color:#078e91}.guide-accent-gold .guide-topic-icon{background:#fff3dd;color:#b97700}.guide-accent-purple .guide-topic-icon{background:#f1ebff;color:#6b2bd0}.guide-accent-green .guide-topic-icon{background:#e8f8ed;color:#14864a}
.guide-topic-card h3{margin:1px 0 7px;font-size:17px;line-height:1.25;color:#123d64}.guide-topic-card h3 a{color:inherit;text-decoration:none}.guide-topic-card h3 a:hover{text-decoration:underline}.guide-topic-card p{margin:0;color:#607589;font-size:12.5px;line-height:1.58}.guide-topic-link{display:inline-block;margin-top:11px;font-size:12px;font-weight:850;text-decoration:none}.guide-topic-link:hover{text-decoration:underline}
.guide-trust-panel{display:grid;grid-template-columns:1.7fr .65fr;gap:25px;align-items:center;margin-top:26px;padding:24px 26px;background:#0b365f;border-radius:17px;color:#fff}.guide-trust-panel h2{margin:2px 0 7px;color:#fff;font-size:25px}.guide-trust-panel p{margin:0;color:#d2e2ef;line-height:1.6;font-size:13px}.guide-trust-panel .section-kicker{color:#8fd7ff}.guide-trust-links{display:grid;gap:9px}.guide-trust-links a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(213,234,247,.23);border-radius:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.guide-trust-links a:hover{background:rgba(255,255,255,.07)}
.guide-reviewed{margin:14px 0 0!important;color:#7a8b9b!important;font-size:10.5px!important;line-height:1.45!important}

.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.guide-article{min-width:0;background:#fff;border:1px solid #d7e4ee;border-radius:20px;padding:clamp(24px,4vw,44px);box-shadow:0 11px 28px rgba(10,47,82,.07)}
.guide-article-header{padding-bottom:20px;border-bottom:1px solid #e1eaf1}.guide-article-header h1{font-size:clamp(34px,4.2vw,52px)}.guide-lead{margin:0;color:#4d657b;font-size:17px;line-height:1.7}
.guide-article h2{margin:30px 0 8px;color:#0b365f;font-size:24px;line-height:1.2;letter-spacing:-.025em}.guide-article p,.guide-article li{color:#52677a;font-size:14px;line-height:1.75}.guide-article p{margin:8px 0 14px}.guide-article a{font-weight:750}.guide-article strong{color:#284760}
.guide-quick-answer{margin:22px 0 8px;padding:17px 18px;border:1px solid #b9d8ee;border-left:5px solid #0f76ce;border-radius:12px;background:#f4faff}.guide-quick-answer>strong{display:block;color:#0b467a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.guide-quick-answer p{margin:5px 0 0;font-size:13.5px}
.guide-callout{margin:18px 0;padding:14px 16px;border:1px solid #cae0ee;border-radius:12px;background:#f6fbfe;color:#536b7e;font-size:13px;line-height:1.65}.guide-callout strong{color:#0b477a}
.guide-checklist,.guide-numbered{margin:10px 0 18px;padding-left:24px}.guide-checklist li,.guide-numbered li{margin:6px 0;padding-left:2px}.guide-checklist li::marker{color:#0e9d79}.guide-numbered li::marker{color:#0c72cf;font-weight:900}
.guide-scorecard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 22px}.guide-scorecard>div{padding:13px 14px;border:1px solid #d8e5ef;border-radius:12px;background:#f9fcfe}.guide-scorecard strong{display:block;margin-bottom:3px;color:#0d416e;font-size:12px}.guide-scorecard span{display:block;color:#687c8e;font-size:11px;line-height:1.5}
.guide-compare-table{display:grid;margin:15px 0 22px;border:1px solid #d5e2ec;border-radius:13px;overflow:hidden}.guide-compare-table>div{display:grid;grid-template-columns:1.1fr 1fr 1fr}.guide-compare-table>div+div{border-top:1px solid #e1e9ef}.guide-compare-table span{padding:10px 12px;color:#5e7386;font-size:11.5px;line-height:1.45}.guide-compare-table span+span{border-left:1px solid #e1e9ef}.guide-compare-head{background:#0d426f}.guide-compare-head span{color:#fff!important;font-weight:850}
.guide-cta-panel{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;align-items:center;margin:32px 0 20px;padding:20px 22px;border-radius:15px;background:linear-gradient(125deg,#eef8ff,#edfafa);border:1px solid #cce2ed}.guide-cta-panel h2{margin:2px 0 5px}.guide-cta-panel p{margin:0}.guide-cta-actions{display:grid;gap:8px}.guide-cta-actions .btn{width:100%}
.guide-reference-box{margin-top:24px;padding:18px 20px;border:1px solid #dce6ee;border-radius:13px;background:#fbfdff}.guide-reference-box h2{margin:0 0 8px;font-size:17px}.guide-reference-box ul{margin:0;padding-left:20px}.guide-reference-box li{font-size:11.5px;line-height:1.55;margin:5px 0}.guide-reference-box a{font-weight:750}
.guide-sidebar{position:sticky;top:100px;display:grid;gap:12px}.guide-sidebar-card{display:grid;gap:0;padding:18px;background:#fff;border:1px solid #d7e4ee;border-radius:15px;box-shadow:0 7px 18px rgba(10,47,82,.05)}.guide-sidebar-card .section-kicker{margin-bottom:8px}.guide-sidebar-card a{padding:9px 0;border-bottom:1px solid #edf2f6;color:#234e73;text-decoration:none;font-size:11.5px;font-weight:780;line-height:1.4}.guide-sidebar-card a:last-child{border-bottom:0}.guide-sidebar-card a:hover{color:#0d76d8}.guide-sidebar-card strong{color:#0b406d;font-size:13px}.guide-sidebar-card p{margin:6px 0 0;color:#667b8e;font-size:11px;line-height:1.55}.guide-sidebar-blue{background:#eef7fd;border-color:#c7dfef}

@media(max-width:940px){
  .guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-template-columns:1fr 1fr}.guide-topic-grid{grid-template-columns:1fr 1fr}.guide-hero{grid-template-columns:1fr}.guide-trust-panel{grid-template-columns:1fr}.guide-cta-panel{grid-template-columns:1fr}.guide-cta-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .guide-page{padding-top:18px}.guide-hero{padding:22px 18px;border-radius:16px}.guide-hero h1{font-size:37px}.guide-hero p,.guide-lead{font-size:15px}.guide-hero-actions{display:grid}.guide-hero-actions .btn{width:100%}.guide-topic-grid{grid-template-columns:1fr}.guide-topic-card{min-height:0;padding:16px}.guide-article{padding:20px;border-radius:16px}.guide-article-header h1{font-size:35px}.guide-article h2{font-size:21px}.guide-scorecard{grid-template-columns:1fr}.guide-compare-table{overflow-x:auto}.guide-compare-table>div{min-width:620px}.guide-sidebar{grid-template-columns:1fr}.guide-cta-actions{grid-template-columns:1fr}.guide-trust-panel{padding:20px}.guide-section-heading h2{font-size:28px}
}

/* =========================================================
   v15.35 HOMEPAGE CONVERSION FLOW + INTERACTION POLISH
   - Featured choices -> decision support -> neutral provider search
   - Stronger visual hierarchy for Choosing + FAQ panels
   - Subtle, reduced-motion-safe scroll reveal
   ========================================================= */

/* The full provider search is intentionally secondary to Featured + decision support. */
.home-decision-zone{
  margin:18px 0 22px!important;
  gap:18px!important;
}
.home-decision-zone + .directory-search-shell{
  margin-top:0!important;
  margin-bottom:18px!important;
}
#allProviders{scroll-margin-top:88px}

/* Stronger resting state: authoritative blue surfaces, not flat gray cards. */
.home-decision-zone .home-guide-panel,
.home-decision-zone .home-faq-panel{
  position:relative;
  overflow:hidden;
  border:1px solid #a9c9df!important;
  box-shadow:0 14px 34px rgba(8,47,87,.10)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.home-decision-zone .home-guide-panel{
  background:linear-gradient(135deg,#fafdff 0%,#edf6fd 58%,#e4f1fb 100%)!important;
}
.home-decision-zone .home-faq-panel{
  background:linear-gradient(145deg,#ffffff 0%,#f6fafd 58%,#edf5fb 100%)!important;
}
.home-decision-zone .home-guide-panel:before,
.home-decision-zone .home-faq-panel:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#0b365f 0%,#1676bd 68%,#2aa7c5 100%);
  z-index:2;
}
.home-decision-zone .home-guide-panel:hover,
.home-decision-zone .home-faq-panel:hover{
  transform:translateY(-2px);
  border-color:#76a9cb!important;
  box-shadow:0 18px 40px rgba(8,47,87,.135)!important;
}

/* Turn the eyebrow labels into compact visual anchors. */
.home-decision-zone .section-kicker{
  display:inline-flex!important;
  align-items:center;
  width:auto;
  padding:5px 9px!important;
  margin:1px 0 8px!important;
  border:1px solid #bed8ea;
  border-radius:999px;
  background:#e7f3fb;
  color:#0b5f9e!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.home-decision-zone .home-faq-panel .section-kicker{
  background:#edf5fa;
  color:#225b84!important;
  border-color:#c8dbe8;
}

.home-decision-zone .home-guide-panel h2,
.home-decision-zone .home-faq-panel h2{
  color:#082f57!important;
  letter-spacing:-.02em;
}
.home-decision-zone .section-intro{color:#566f85!important}
.home-decision-zone .home-guide-link a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#0b68ad;
  padding:5px 0;
}

/* Choice cards should read as cards before hover, then lift a little on interaction. */
.home-decision-zone .guide-icon-row .guide-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid #c7ddeb!important;
  border-radius:14px!important;
  box-shadow:0 7px 16px rgba(10,47,82,.055)!important;
  padding:13px 10px!important;
}
.home-decision-zone .guide-icon-row .guide-card:hover{
  background:#fff!important;
  border-color:#4b91c5!important;
  box-shadow:0 12px 24px rgba(10,47,82,.12)!important;
}
.home-decision-zone .guide-icon-row .guide-icon{
  background:linear-gradient(145deg,#f7fbff,#e6f2fb)!important;
  border-color:#b8d2e5!important;
  color:#126eb6!important;
  box-shadow:0 7px 16px rgba(10,47,82,.08)!important;
}

/* FAQ rows: clearer outlines and a distinct open state. */
.home-decision-zone .faq-list{gap:8px!important}
.home-decision-zone .faq-list details{
  background:rgba(255,255,255,.88)!important;
  border:1px solid #c8dae7!important;
  box-shadow:0 3px 10px rgba(10,47,82,.035)!important;
}
.home-decision-zone .faq-list details:hover{
  background:#f8fcff!important;
  border-color:#6fa6cc!important;
  box-shadow:0 7px 16px rgba(10,47,82,.075)!important;
}
.home-decision-zone .faq-list details[open]{
  background:#f1f8fd!important;
  border-color:#4e93c5!important;
  box-shadow:0 8px 18px rgba(10,47,82,.09)!important;
}
.home-decision-zone .faq-list summary{color:#153f64!important}
.home-decision-zone .faq-list details[open] summary{color:#0b5f9e!important}

/* Scroll reveal v2 — slower, staged, course-detail-inspired motion. JS opt-in keeps content visible if JS fails. */
.reveal-enabled [data-reveal="section"],
.reveal-enabled [data-reveal="panel"],
.reveal-enabled [data-reveal="search"]{
  opacity:0;
  transform:translateY(30px);
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.reveal-enabled [data-reveal="panel"]{transform:translateY(34px)}
.reveal-enabled [data-reveal="search"]{transform:translateY(36px)}
.reveal-enabled [data-reveal="section"].is-visible,
.reveal-enabled [data-reveal="panel"].is-visible,
.reveal-enabled [data-reveal="search"].is-visible{
  opacity:1;
  transform:none;
}

/* The Featured grid itself stays laid out; cards reveal one-by-one from lower-left to upper-right. */
.reveal-enabled [data-reveal="featured-grid"]{opacity:1;transform:none}
.reveal-enabled [data-reveal="featured-grid"] .featured-card{
  opacity:0;
  transform:translate3d(-28px,34px,0) scale(.985);
  transition:
    opacity 1.12s cubic-bezier(.16,1,.3,1),
    transform 1.12s cubic-bezier(.16,1,.3,1),
    box-shadow .22s ease,
    border-color .22s ease;
  will-change:opacity,transform;
}
.reveal-enabled [data-reveal="featured-grid"] .featured-card.is-reveal-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.reveal-enabled [data-reveal="featured-grid"] .featured-card.is-reveal-visible:hover{
  transform:translateY(-3px);
}

/* Supporting cards in the Choosing panel reveal individually after the panel arrives. */
.reveal-enabled .home-guide-panel .guide-card{
  opacity:0;
  transform:translate3d(-18px,22px,0);
  transition:
    opacity .92s cubic-bezier(.16,1,.3,1),
    transform .92s cubic-bezier(.16,1,.3,1),
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease!important;
  will-change:opacity,transform;
}
.reveal-enabled .home-guide-panel .guide-card.is-reveal-visible{
  opacity:1;
  transform:none;
}

/* FAQ questions reveal one at a time instead of appearing as one block. */
.reveal-enabled .home-faq-panel .faq-list details{
  opacity:0;
  transform:translate3d(16px,22px,0);
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
  will-change:opacity,transform;
}
.reveal-enabled .home-faq-panel .faq-list details.is-reveal-visible{
  opacity:1;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  .reveal-enabled [data-reveal],
  .reveal-enabled [data-reveal="featured-grid"] .featured-card,
  .reveal-enabled .home-guide-panel .guide-card,
  .reveal-enabled .home-faq-panel .faq-list details{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

@media(max-width:940px){
  #allProviders{scroll-margin-top:76px}
  .home-decision-zone{margin-top:14px!important}
}
@media(max-width:680px){
  .home-decision-zone{gap:14px!important;margin-bottom:18px!important}
  .home-decision-zone .home-guide-panel,
  .home-decision-zone .home-faq-panel{box-shadow:0 10px 24px rgba(8,47,87,.09)!important}
}


/* =========================================================
   Homepage reveal/nav refinement — 2026-10-06 v3
   - Featured cards use a softer course-details-style lift/scale/focus reveal
   - FAQ questions reveal with actual scroll progress instead of all at once
   - FAQ control uses a restrained circular chevron rather than +/- text
   ========================================================= */

/* Course-details-inspired Featured Provider card entrance. */
.reveal-enabled [data-reveal="featured-grid"] .featured-card{
  opacity:0!important;
  filter:blur(5px);
  transform:translate3d(0,52px,0) scale(.94)!important;
  transform-origin:50% 100%;
  transition:
    opacity 1.05s cubic-bezier(.22,.75,.16,1),
    transform 1.18s cubic-bezier(.22,.75,.16,1),
    filter .92s cubic-bezier(.22,.75,.16,1),
    box-shadow .24s ease,
    border-color .24s ease!important;
  will-change:opacity,transform,filter;
}
.reveal-enabled [data-reveal="featured-grid"] .featured-card.is-reveal-visible{
  opacity:1!important;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1)!important;
}
.reveal-enabled [data-reveal="featured-grid"] .featured-card.is-reveal-visible:hover{
  transform:translate3d(0,-3px,0) scale(1)!important;
}

/* FAQ rows stay in layout, but each arrives only when the JS scroll sequence advances. */
.reveal-enabled .home-faq-panel .faq-list details{
  opacity:0;
  transform:translate3d(0,24px,0) scale(.992);
  transition:
    opacity .92s cubic-bezier(.22,.75,.16,1),
    transform 1.02s cubic-bezier(.22,.75,.16,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
  will-change:opacity,transform;
}
.reveal-enabled .home-faq-panel .faq-list details.is-reveal-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

/* Professional FAQ affordance: soft blue circular chevron that rotates when opened. */
.home-faq-panel .faq-list summary{
  position:relative!important;
  padding-right:46px!important;
}
.home-faq-panel .faq-list summary::after{
  content:""!important;
  float:none!important;
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  border:1px solid #b8d4e8!important;
  border-radius:50%!important;
  background-color:#edf6fc!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 9 5 5 5-5' stroke='%23176fba' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 14px!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transition:transform .28s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  box-shadow:0 2px 6px rgba(10,47,82,.05)!important;
}
.home-faq-panel .faq-list details:hover summary::after{
  background-color:#e3f1fb!important;
  border-color:#7fb1d5!important;
  box-shadow:0 4px 10px rgba(10,47,82,.09)!important;
}
.home-faq-panel .faq-list details[open] summary::after{
  content:""!important;
  transform:translateY(-50%) rotate(180deg)!important;
  background-color:#dceffc!important;
  border-color:#5b9ecb!important;
}

@media(prefers-reduced-motion:reduce){
  .reveal-enabled [data-reveal="featured-grid"] .featured-card,
  .reveal-enabled .home-faq-panel .faq-list details{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* =========================================================
   Homepage visual refinement — 2026-10-06 v4
   - Reduced Featured-card entrance blur
   - Stronger decision-panel and Featured-card contrast
   - Styled secondary License details buttons
   - Styled View all featured providers CTA
   ========================================================= */

/* Keep the polished focus effect without the hazy first frame. */
.reveal-enabled [data-reveal="featured-grid"] .featured-card{
  filter:blur(1.5px)!important;
}
.reveal-enabled [data-reveal="featured-grid"] .featured-card.is-reveal-visible{
  filter:blur(0)!important;
}

/* Give the two decision-support panels a clearer resting edge and richer surface. */
.home-decision-zone .home-guide-panel,
.home-decision-zone .home-faq-panel{
  border-color:#86b3d0!important;
  box-shadow:
    0 16px 38px rgba(8,47,87,.13),
    inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.home-decision-zone .home-guide-panel{
  background:linear-gradient(135deg,#fbfeff 0%,#e9f5fd 56%,#dcecf8 100%)!important;
}
.home-decision-zone .home-faq-panel{
  background:linear-gradient(145deg,#ffffff 0%,#f2f8fc 56%,#e6f1f8 100%)!important;
}
.home-decision-zone .home-guide-panel:hover,
.home-decision-zone .home-faq-panel:hover{
  border-color:#5794be!important;
  box-shadow:
    0 20px 44px rgba(8,47,87,.16),
    inset 0 0 0 1px rgba(255,255,255,.82)!important;
}

/* Match Featured cards to the stronger decision-support visual language. */
.featured-home .featured-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 70%,#f3f8fc 100%)!important;
  border-color:#b6d3e6!important;
  box-shadow:
    0 12px 28px rgba(8,47,87,.105),
    inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.featured-home .featured-card:hover{
  border-color:#6ea6cb!important;
  box-shadow:
    0 17px 34px rgba(8,47,87,.145),
    inset 0 0 0 1px rgba(255,255,255,.82)!important;
}

/* Secondary action inside each Featured card: clear button, intentionally quieter than the main CTA. */
.featured-home .featured-details-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:35px;
  margin-top:8px!important;
  padding:7px 10px!important;
  border:1px solid #b5d2e6;
  border-radius:9px;
  background:#edf6fc;
  color:#0b5f9e!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.15;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.featured-home .featured-details-link:hover{
  transform:translateY(-1px);
  background:#e1f0fa;
  border-color:#6da7cf;
  color:#084f85!important;
  box-shadow:0 6px 13px rgba(8,47,87,.08),inset 0 1px 0 rgba(255,255,255,.95);
}

/* Promote the Featured-directory destination without overpowering the section title. */
.featured-home .section-heading-row>.section-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:9px 13px;
  border:1px solid #0b65b5;
  border-radius:10px;
  background:linear-gradient(135deg,#0e76cf,#0a63b6);
  color:#fff!important;
  font-size:11.5px;
  font-weight:900;
  line-height:1;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:0 7px 16px rgba(10,99,182,.18);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.featured-home .section-heading-row>.section-link:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#0b6fc6,#075aa8);
  border-color:#075aa8;
  box-shadow:0 10px 20px rgba(10,99,182,.24);
}

@media(max-width:680px){
  .featured-home .section-heading-row>.section-link{
    align-self:flex-start;
    min-height:36px;
    padding:8px 12px;
    white-space:normal;
  }
  .featured-home .featured-details-link{min-height:37px}
}

@media(prefers-reduced-motion:reduce){
  .featured-home .featured-details-link,
  .featured-home .section-heading-row>.section-link{
    transition:none!important;
  }
}

/* =========================================================
   PROVIDER + GUIDES VISUAL SYSTEM ROLLOUT — 2026-10-06
   Carries the approved homepage contrast, gradients, outlines,
   hover language and slower reveal motion into provider + guide pages.
   Scoped so approved homepage/responsive rules remain unchanged.
   ========================================================= */

/* ---------- Provider / license-detail pages ---------- */
.provider-page .provider-showcase{
  border-color:#9fc4dc!important;
  box-shadow:0 16px 38px rgba(8,47,87,.12),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.provider-page .provider-editorial-card,
.provider-page .provider-more-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#ffffff 0%,#f5faff 60%,#eaf4fb 100%)!important;
  border:1px solid #9fc4dc!important;
  box-shadow:0 14px 32px rgba(8,47,87,.105),inset 0 0 0 1px rgba(255,255,255,.75)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.provider-page .provider-editorial-card::before,
.provider-page .provider-more-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#0b365f 0%,#1676bd 68%,#2aa7c5 100%);
  z-index:1;
}
.provider-page .provider-editorial-card:hover,
.provider-page .provider-more-section:hover{
  transform:translateY(-2px);
  border-color:#619ac1!important;
  box-shadow:0 18px 40px rgba(8,47,87,.14),inset 0 0 0 1px rgba(255,255,255,.84)!important;
}
.provider-page .provider-faq-card{
  background:linear-gradient(145deg,#ffffff 0%,#f2f8fc 56%,#e6f1f8 100%)!important;
}
.provider-page .featured-course-offer,
.provider-page .featured-course-easier{
  border-color:#8db9d4!important;
  box-shadow:0 17px 40px rgba(8,47,87,.12),inset 0 0 0 1px rgba(255,255,255,.68)!important;
}
.provider-page .featured-course-easier{
  background:
    linear-gradient(90deg,#0b365f 0%,#1676bd 68%,#2aa7c5 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 8% 0%,rgba(31,117,183,.10) 0%,rgba(31,117,183,0) 35%),
    linear-gradient(135deg,#ffffff 0%,#f3f9fd 58%,#e9f3fa 100%)!important;
}
.provider-page .featured-easier-grid article,
.provider-page .featured-offer-benefits>div,
.provider-page .featured-about-grid>div,
.provider-page .about-facts>div,
.provider-page .provider-mini-card,
.provider-page .related-card{
  border-color:#b8d3e5!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 72%,#f2f8fc 100%)!important;
  box-shadow:0 9px 22px rgba(8,47,87,.085),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.provider-page .featured-easier-grid article:hover,
.provider-page .featured-offer-benefits>div:hover,
.provider-page .featured-about-grid>div:hover,
.provider-page .about-facts>div:hover,
.provider-page .provider-mini-card:hover,
.provider-page .related-card:hover{
  border-color:#6da7cf!important;
  box-shadow:0 14px 28px rgba(8,47,87,.13),inset 0 0 0 1px rgba(255,255,255,.84)!important;
}
.provider-page .provider-faq-list details{
  background:rgba(255,255,255,.9)!important;
  border:1px solid #b9d2e3!important;
  box-shadow:0 4px 11px rgba(10,47,82,.045)!important;
}
.provider-page .provider-faq-list details:hover{
  background:#f7fbfe!important;
  border-color:#70a8cc!important;
  box-shadow:0 8px 18px rgba(10,47,82,.08)!important;
}
.provider-page .provider-faq-list details[open]{
  background:#edf6fc!important;
  border-color:#4f94c4!important;
  box-shadow:0 9px 20px rgba(10,47,82,.10)!important;
}
.provider-page .provider-policy-strip{
  border-color:#b7d2e4!important;
  background:linear-gradient(135deg,#fbfdff 0%,#edf6fc 100%)!important;
  box-shadow:0 10px 24px rgba(8,47,87,.075)!important;
}

/* Provider reveal: slow and deliberate, with no heavy blur. */
.provider-reveal-enabled .provider-page .provider-showcase,
.provider-reveal-enabled .provider-page .featured-course-offer,
.provider-reveal-enabled .provider-page .featured-easier-heading,
.provider-reveal-enabled .provider-page .provider-editorial-card,
.provider-reveal-enabled .provider-page .provider-policy-strip,
.provider-reveal-enabled .provider-page .provider-more-section{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.992);
  transition:opacity 1.04s cubic-bezier(.22,.75,.16,1),transform 1.12s cubic-bezier(.22,.75,.16,1),box-shadow .22s ease,border-color .22s ease!important;
  will-change:opacity,transform;
}
.provider-reveal-enabled .provider-page .provider-showcase.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .featured-course-offer.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .featured-easier-heading.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .provider-editorial-card.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .provider-policy-strip.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .provider-more-section.is-provider-reveal-visible{
  opacity:1;
  transform:none;
}
.provider-reveal-enabled .provider-page .featured-easier-grid article,
.provider-reveal-enabled .provider-page .provider-mini-card,
.provider-reveal-enabled .provider-page .related-card{
  opacity:0;
  transform:translate3d(-18px,30px,0) scale(.97);
  transition:opacity 1.02s cubic-bezier(.22,.75,.16,1),transform 1.12s cubic-bezier(.22,.75,.16,1),box-shadow .22s ease,border-color .22s ease!important;
  will-change:opacity,transform;
}
.provider-reveal-enabled .provider-page .featured-easier-grid article.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .provider-mini-card.is-provider-reveal-visible,
.provider-reveal-enabled .provider-page .related-card.is-provider-reveal-visible{
  opacity:1;
  transform:none;
}
.provider-reveal-enabled .provider-page .provider-faq-list details{
  opacity:0;
  transform:translate3d(0,24px,0) scale(.994);
  transition:opacity .96s cubic-bezier(.22,.75,.16,1),transform 1.04s cubic-bezier(.22,.75,.16,1),background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  will-change:opacity,transform;
}
.provider-reveal-enabled .provider-page .provider-faq-list details.is-provider-reveal-visible{
  opacity:1;
  transform:none;
}

/* ---------- Guides hub + individual guide pages ---------- */
.guide-page .guide-hero,
.guide-page .guide-article,
.guide-page .guide-sidebar-card{
  border-color:#94bdd7!important;
  box-shadow:0 16px 38px rgba(8,47,87,.115),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.guide-page .guide-hero{
  background:
    radial-gradient(circle at 82% 16%,rgba(31,117,183,.14),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#edf6fd 58%,#dfedf8 100%)!important;
}
.guide-page .guide-hero-note{
  border-color:#9fc3db!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,246,252,.94))!important;
  box-shadow:0 8px 20px rgba(8,47,87,.07)!important;
}
.guide-page .guide-topic-card{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 72%,#f1f7fb 100%)!important;
  border-color:#afd0e3!important;
  box-shadow:0 11px 26px rgba(8,47,87,.09),inset 0 0 0 1px rgba(255,255,255,.72)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.guide-page .guide-topic-card:hover{
  transform:translateY(-3px)!important;
  border-color:#659fc6!important;
  box-shadow:0 16px 32px rgba(8,47,87,.135),inset 0 0 0 1px rgba(255,255,255,.84)!important;
}
.guide-page .guide-article{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 48%,#f5fafe 100%)!important;
}
.guide-page .guide-quick-answer,
.guide-page .guide-callout,
.guide-page .guide-scorecard>div,
.guide-page .guide-compare-table,
.guide-page .guide-reference-box{
  border-color:#a9cbe0!important;
  box-shadow:0 8px 19px rgba(8,47,87,.065)!important;
}
.guide-page .guide-quick-answer{
  background:linear-gradient(135deg,#f8fcff 0%,#e8f4fc 100%)!important;
  border-left-color:#1676bd!important;
}
.guide-page .guide-callout,
.guide-page .guide-scorecard>div,
.guide-page .guide-reference-box{
  background:linear-gradient(145deg,#ffffff 0%,#f1f8fc 100%)!important;
}
.guide-page .guide-cta-panel{
  border-color:#8ebbd5!important;
  background:linear-gradient(125deg,#eef8ff 0%,#e3f1fa 58%,#e7f7f8 100%)!important;
  box-shadow:0 13px 28px rgba(8,47,87,.09),inset 0 0 0 1px rgba(255,255,255,.74)!important;
}
.guide-page .guide-sidebar-card{
  background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%)!important;
}
.guide-page .guide-sidebar-blue{
  background:linear-gradient(145deg,#eef7fd 0%,#e1f0fa 100%)!important;
}

/* Guide reveal. Each article child is observed separately, so later content
   waits until the reader actually reaches it instead of animating off-screen. */
.guide-reveal-enabled .guide-page .guide-hero-copy,
.guide-reveal-enabled .guide-page .guide-hero-photo,
.guide-reveal-enabled .guide-page .guide-hero-note,
.guide-reveal-enabled .guide-page .guide-section-heading,
.guide-reveal-enabled .guide-page .guide-article-header,
.guide-reveal-enabled .guide-page .guide-article>*,
.guide-reveal-enabled .guide-page .guide-sidebar-card,
.guide-reveal-enabled .guide-page .guide-topic-card{
  opacity:0;
  transform:translate3d(0,28px,0) scale(.994);
  transition:opacity 1.02s cubic-bezier(.22,.75,.16,1),transform 1.10s cubic-bezier(.22,.75,.16,1),box-shadow .22s ease,border-color .22s ease!important;
  will-change:opacity,transform;
}
.guide-reveal-enabled .guide-page .guide-topic-card{
  transform:translate3d(-18px,30px,0) scale(.975);
}
.guide-reveal-enabled .guide-page .guide-hero-copy.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-hero-photo.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-hero-note.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-section-heading.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-article-header.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-article>*.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-sidebar-card.is-guide-reveal-visible,
.guide-reveal-enabled .guide-page .guide-topic-card.is-guide-reveal-visible{
  opacity:1;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  .provider-reveal-enabled .provider-page .provider-showcase,
  .provider-reveal-enabled .provider-page .featured-course-offer,
  .provider-reveal-enabled .provider-page .featured-easier-heading,
  .provider-reveal-enabled .provider-page .provider-editorial-card,
  .provider-reveal-enabled .provider-page .provider-policy-strip,
  .provider-reveal-enabled .provider-page .provider-more-section,
  .provider-reveal-enabled .provider-page .featured-easier-grid article,
  .provider-reveal-enabled .provider-page .provider-mini-card,
  .provider-reveal-enabled .provider-page .related-card,
  .provider-reveal-enabled .provider-page .provider-faq-list details,
  .guide-reveal-enabled .guide-page .guide-hero-copy,
  .guide-reveal-enabled .guide-page .guide-hero-photo,
  .guide-reveal-enabled .guide-page .guide-hero-note,
  .guide-reveal-enabled .guide-page .guide-section-heading,
  .guide-reveal-enabled .guide-page .guide-article-header,
  .guide-reveal-enabled .guide-page .guide-article>*,
  .guide-reveal-enabled .guide-page .guide-sidebar-card,
  .guide-reveal-enabled .guide-page .guide-topic-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* Match provider FAQ controls to the approved homepage chevron treatment. */
.provider-page .provider-faq-list summary{
  position:relative!important;
  padding-right:46px!important;
}
.provider-page .provider-faq-list summary::after{
  content:""!important;
  float:none!important;
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  border:1px solid #b8d4e8!important;
  border-radius:50%!important;
  background-color:#edf6fc!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 9 5 5 5-5' stroke='%23176fba' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 14px!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transition:transform .28s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  box-shadow:0 2px 6px rgba(10,47,82,.05)!important;
}
.provider-page .provider-faq-list details:hover summary::after{
  background-color:#e3f1fb!important;
  border-color:#7fb1d5!important;
  box-shadow:0 4px 10px rgba(10,47,82,.09)!important;
}
.provider-page .provider-faq-list details[open] summary::after{
  transform:translateY(-50%) rotate(180deg)!important;
  background-color:#dceffc!important;
  border-color:#5b9ecb!important;
}

/* A restrained blue top accent ties long-form guide surfaces to the homepage panels. */
.guide-page .guide-hero,
.guide-page .guide-article{
  position:relative;
  overflow:hidden;
}
.guide-page .guide-hero::before,
.guide-page .guide-article::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#0b365f 0%,#1676bd 68%,#2aa7c5 100%);
  z-index:1;
}


/* =========================================================
   PROVIDER CONTRAST + GUIDES STICKY-FOOTER REFINEMENT — 2026-10-06
   Stronger separation for featured-provider conversion blocks while
   staying within the approved navy / blue / teal / muted-gold palette.
   ========================================================= */

/* Featured provider: make the primary listing feel intentionally distinct. */
.provider-page .provider-showcase-featured{
  border-color:#6fa6c8!important;
  box-shadow:
    0 22px 54px rgba(8,47,87,.15),
    0 2px 10px rgba(14,116,190,.08),
    inset 0 0 0 1px rgba(255,255,255,.76)!important;
}
.provider-page .provider-showcase-featured .provider-featured-disclosure{
  background:linear-gradient(100deg,#fff8dc 0%,#fff1bf 48%,#eef8ff 100%)!important;
  border-bottom-color:#dfc56d!important;
}
.provider-page .provider-showcase-featured .provider-brand-panel{
  background:#fff!important;
}
.provider-page .provider-showcase-featured .provider-identity{
  background:
    radial-gradient(circle at 96% 0%,rgba(20,184,166,.08),transparent 34%),
    linear-gradient(135deg,#f8fcff 0%,#eef7fd 62%,#eef9f6 100%)!important;
}
.provider-page .provider-showcase-featured .provider-trust-row>div{
  background:#fff!important;
  border-color:#aac9dc!important;
  box-shadow:0 9px 20px rgba(8,47,87,.085),inset 0 0 0 1px rgba(255,255,255,.82)!important;
}
.provider-page .provider-showcase-featured .provider-trust-row>div:nth-child(1){border-top:3px solid #2a86c4!important}
.provider-page .provider-showcase-featured .provider-trust-row>div:nth-child(2){border-top:3px solid #18a397!important}
.provider-page .provider-showcase-featured .provider-trust-row>div:nth-child(3){border-top:3px solid #d5a12a!important}

/* Start-course block: stronger blue/teal surface + crisp white benefit cards. */
.provider-page .featured-course-offer{
  border-color:#72a9c9!important;
  background:
    linear-gradient(90deg,#0c72bf 0%,#149ac1 52%,#18a493 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 5% 0%,rgba(13,126,201,.15),transparent 34%),
    radial-gradient(circle at 96% 4%,rgba(20,164,147,.10),transparent 34%),
    linear-gradient(135deg,#edf8ff 0%,#e3f2fa 56%,#e8f7f3 100%)!important;
  background-size:100% 5px,auto,auto,auto!important;
  box-shadow:
    0 20px 46px rgba(8,47,87,.145),
    inset 0 0 0 1px rgba(255,255,255,.74)!important;
}
.provider-page .featured-offer-benefits>div{
  background:#fff!important;
  border-color:#98bfd7!important;
  border-left:3px solid #2688c7!important;
  box-shadow:0 10px 22px rgba(8,47,87,.095),inset 0 0 0 1px rgba(255,255,255,.82)!important;
}
.provider-page .featured-offer-benefits>div:nth-child(even){
  border-left-color:#19a397!important;
}
.provider-page .featured-offer-benefits>div:hover{
  border-color:#5f9fc7!important;
  box-shadow:0 14px 28px rgba(8,47,87,.13),inset 0 0 0 1px rgba(255,255,255,.9)!important;
  transform:translateY(-2px);
}

/* Easier-to-complete block: a second, distinct but related conversion surface. */
.provider-page .featured-course-easier{
  border-color:#6ea5c6!important;
  background:
    linear-gradient(90deg,#0a5f9e 0%,#137eb0 50%,#17a08f 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 7% 0%,rgba(12,114,191,.14),transparent 34%),
    radial-gradient(circle at 95% 4%,rgba(23,160,143,.10),transparent 34%),
    linear-gradient(135deg,#eef8ff 0%,#dfeff9 58%,#e7f6f1 100%)!important;
  background-size:100% 5px,auto,auto,auto!important;
  box-shadow:
    0 20px 46px rgba(8,47,87,.135),
    inset 0 0 0 1px rgba(255,255,255,.74)!important;
}
.provider-page .featured-easier-grid article{
  background:#fff!important;
  border-color:#91b9d1!important;
  border-top:3px solid #2b86c2!important;
  box-shadow:0 10px 22px rgba(8,47,87,.095),inset 0 0 0 1px rgba(255,255,255,.84)!important;
}
.provider-page .featured-easier-grid article:nth-child(even){
  border-top-color:#1aa091!important;
}
.provider-page .featured-easier-grid article:hover{
  border-color:#5f9fc7!important;
  box-shadow:0 15px 30px rgba(8,47,87,.14),inset 0 0 0 1px rgba(255,255,255,.92)!important;
}
.provider-page .featured-easier-grid article:nth-child(even) .easier-icon{
  background:#e8f8f5!important;
  border-color:#a9ddd5!important;
  color:#087f76!important;
}
.provider-page .featured-easier-grid article:nth-child(odd) .easier-icon{
  background:#eaf5fd!important;
  border-color:#afd0e5!important;
  color:#0b6fb5!important;
}

/* Keep short Guides hub pages visually anchored to the bottom of the viewport. */
body.guide-hub-body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#f7fafe;
}
body.guide-hub-body>.topbar,
body.guide-hub-body>.site-header,
body.guide-hub-body>.site-footer{
  flex:0 0 auto;
  width:100%;
}
body.guide-hub-body>.guide-hub-page{
  flex:1 0 auto;
  width:100%;
}
body.guide-hub-body>.site-footer{
  margin-top:auto;
}

@media(max-width:680px){
  .provider-page .featured-offer-benefits>div{
    border-left-width:3px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .provider-page .featured-offer-benefits>div{
    transform:none!important;
  }
}

/* =========================================================
   Provider small-screen inner-card reveal — 2026-10-06 v2
   Keep desktop reveal behavior unchanged. On tablet/phone,
   stacked inner cards reveal one at a time as they enter view.
   ========================================================= */
@media (max-width:820px){
  .provider-small-screen-reveal .provider-page .provider-trust-row>div,
  .provider-small-screen-reveal .provider-page .featured-offer-benefits>div,
  .provider-small-screen-reveal .provider-page .featured-about-grid>div,
  .provider-small-screen-reveal .provider-page .about-facts>div,
  .provider-small-screen-reveal .provider-page .highlight-list>div{
    opacity:0;
    transform:translate3d(-14px,28px,0) scale(.986);
    transition:
      opacity .96s cubic-bezier(.22,.75,.16,1),
      transform 1.04s cubic-bezier(.22,.75,.16,1),
      box-shadow .22s ease,
      border-color .22s ease,
      background-color .22s ease!important;
    will-change:opacity,transform;
  }
  .provider-small-screen-reveal .provider-page .provider-trust-row>div.is-provider-reveal-visible,
  .provider-small-screen-reveal .provider-page .featured-offer-benefits>div.is-provider-reveal-visible,
  .provider-small-screen-reveal .provider-page .featured-about-grid>div.is-provider-reveal-visible,
  .provider-small-screen-reveal .provider-page .about-facts>div.is-provider-reveal-visible,
  .provider-small-screen-reveal .provider-page .highlight-list>div.is-provider-reveal-visible{
    opacity:1;
    transform:none;
  }

  /* The six convenience cards must also wait for their own viewport position. */
  .provider-reveal-enabled .provider-page .featured-easier-grid article{
    transition:
      opacity .98s cubic-bezier(.22,.75,.16,1),
      transform 1.08s cubic-bezier(.22,.75,.16,1),
      box-shadow .22s ease,
      border-color .22s ease!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .provider-small-screen-reveal .provider-page .provider-trust-row>div,
  .provider-small-screen-reveal .provider-page .featured-offer-benefits>div,
  .provider-small-screen-reveal .provider-page .featured-about-grid>div,
  .provider-small-screen-reveal .provider-page .about-facts>div,
  .provider-small-screen-reveal .provider-page .highlight-list>div{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   Homepage small-screen individual-card reveal — 2026-10-06
   Matches the approved provider-detail mobile/tablet behavior.
   Desktop reveal timing remains unchanged.
   ========================================================= */
@media (max-width:820px){
  .home-small-screen-reveal [data-reveal="featured-grid"] .featured-card,
  .home-small-screen-reveal .home-guide-panel .guide-card,
  .home-small-screen-reveal .home-faq-panel .faq-list details{
    opacity:0!important;
    filter:none!important;
    transform:translate3d(-14px,28px,0) scale(.986)!important;
    transition:
      opacity .96s cubic-bezier(.22,.75,.16,1),
      transform 1.04s cubic-bezier(.22,.75,.16,1),
      box-shadow .22s ease,
      border-color .22s ease,
      background-color .22s ease!important;
    will-change:opacity,transform;
  }
  .home-small-screen-reveal [data-reveal="featured-grid"] .featured-card.is-reveal-visible,
  .home-small-screen-reveal .home-guide-panel .guide-card.is-reveal-visible,
  .home-small-screen-reveal .home-faq-panel .faq-list details.is-reveal-visible{
    opacity:1!important;
    transform:none!important;
  }

  /* Keep the parent panels subtle on stacked layouts so the individual inner
     cards provide the visible motion instead of creating a large blank gap. */
  .home-small-screen-reveal [data-reveal="panel"]{
    transform:translateY(22px)!important;
  }
  .home-small-screen-reveal [data-reveal="search"]{
    transform:translateY(24px)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-small-screen-reveal [data-reveal="featured-grid"] .featured-card,
  .home-small-screen-reveal .home-guide-panel .guide-card,
  .home-small-screen-reveal .home-faq-panel .faq-list details{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   v15.43 GUIDES HUB VISUAL UPGRADE
   - Adds hero image treatment and illustrated topic cards
   - Keeps reveal + brand language from homepage/provider pages
   ========================================================= */

.guide-page.guide-hub-page{
  background:
    radial-gradient(circle at 92% 0%,rgba(42,167,197,.10),transparent 19%),
    linear-gradient(180deg,#f4f9fd 0,#f8fbfe 260px,#f7fafe 100%);
}
.guide-hub-page .guide-breadcrumbs{
  margin-bottom:16px;
}
.guide-hub-page .guide-hero{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1.16fr) minmax(360px,.92fr);
  gap:28px;
  border:1px solid #aecdde;
  box-shadow:0 18px 42px rgba(8,47,87,.11);
  background:
    linear-gradient(90deg,#1676bd 0%,#2aa7c5 100%) top left/100% 5px no-repeat,
    radial-gradient(circle at 88% 10%,rgba(42,167,197,.18),transparent 25%),
    radial-gradient(circle at 7% 0%,rgba(20,118,189,.08),transparent 30%),
    linear-gradient(125deg,#fcfeff 0%,#eef7fd 58%,#e8f6f6 100%);
}
.guide-hub-page .guide-hero::before{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-120px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,118,189,.12) 0%,rgba(22,118,189,0) 68%);
  pointer-events:none;
}
.guide-hub-page .guide-hero-copy{
  position:relative;
  z-index:1;
  align-self:center;
}
.guide-hub-page .guide-hero-copy h1{
  max-width:760px;
}
.guide-hub-page .guide-hero-copy p{
  max-width:720px;
}
.guide-hero-visual{
  display:grid;
  gap:16px;
  align-self:stretch;
}
.guide-hero-photo{
  position:relative;
  min-height:248px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 18px 36px rgba(8,47,87,.13);
  background:
    linear-gradient(180deg,rgba(8,40,70,.10),rgba(8,40,70,.34)),
    url('/assets/brand/hero-austin.webp') center/cover no-repeat;
}
.guide-hero-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(180deg,rgba(7,31,56,0),rgba(7,31,56,.68));
}
.guide-hero-photo-card{
  position:absolute;
  z-index:2;
  max-width:230px;
  padding:13px 15px;
  border-radius:16px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 12px 24px rgba(4,28,52,.18);
}
.guide-hero-photo-card span{
  display:block;
  margin-bottom:5px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
}
.guide-hero-photo-card strong{
  display:block;
  font-size:15px;
  line-height:1.3;
  letter-spacing:-.02em;
  color:#fff;
}
.guide-photo-card-primary{
  top:16px;
  right:16px;
  color:#e5f7ff;
  background:linear-gradient(145deg,rgba(10,54,95,.85),rgba(22,118,189,.86));
  border:1px solid rgba(255,255,255,.18);
}
.guide-photo-card-secondary{
  left:16px;
  bottom:16px;
  color:#eefcf6;
  background:linear-gradient(145deg,rgba(11,85,120,.84),rgba(22,134,74,.82));
  border:1px solid rgba(255,255,255,.18);
}
.guide-hub-page .guide-hero-note{
  position:relative;
  z-index:1;
  padding:18px 18px 17px;
  border:1px solid #b9d6e5;
  border-radius:16px;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 56%,#f2faf8 100%);
  box-shadow:0 10px 24px rgba(8,47,87,.08);
}
.guide-hub-page .guide-hero-note strong{
  display:block;
  font-size:18px;
  line-height:1.25;
}
.guide-hub-page .guide-hero-note p{
  margin-top:8px;
  color:#5b7186;
  font-size:13.5px;
}

.guide-hub-page .guide-hub-section{
  padding-top:34px;
}
.guide-hub-page .guide-section-heading{
  max-width:none;
  margin-bottom:20px;
  padding:24px 24px 22px;
  border:1px solid #c9dbe7;
  border-radius:20px;
  background:linear-gradient(145deg,#fbfeff 0%,#f2f9fd 62%,#eef8f6 100%);
  box-shadow:0 12px 28px rgba(10,47,82,.07);
}
.guide-hub-page .guide-section-heading h2{
  margin-bottom:9px;
}

.guide-hub-page .guide-topic-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:0;
}
.guide-hub-page .guide-topic-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:0;
  border:1px solid #bcd2e2;
  border-radius:20px;
  box-shadow:0 14px 30px rgba(10,47,82,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.guide-hub-page .guide-topic-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  z-index:2;
}
.guide-hub-page .guide-accent-blue::before{background:linear-gradient(90deg,#1676bd,#49a2e1)}
.guide-hub-page .guide-accent-teal::before{background:linear-gradient(90deg,#0f9c8e,#3cc0c2)}
.guide-hub-page .guide-accent-gold::before{background:linear-gradient(90deg,#c48a07,#f0ba47)}
.guide-hub-page .guide-accent-purple::before{background:linear-gradient(90deg,#7a45d4,#b285ff)}
.guide-hub-page .guide-accent-green::before{background:linear-gradient(90deg,#169b57,#4ccd8a)}
.guide-hub-page .guide-topic-card:hover{
  transform:translateY(-4px);
  border-color:#8fb7d0;
  box-shadow:0 18px 38px rgba(10,47,82,.12);
  background:linear-gradient(180deg,#ffffff 0%,#f3f9fd 100%);
}
.guide-topic-media{
  display:block;
  position:relative;
  height:158px;
  overflow:hidden;
  background:#eef6fb;
  border-bottom:1px solid #d7e5ef;
}
.guide-topic-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.guide-topic-card:hover .guide-topic-media img{
  transform:scale(1.035);
}
.guide-topic-body{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:14px;
  padding:18px 18px 20px;
  align-items:start;
}
.guide-hub-page .guide-topic-icon{
  width:46px;
  height:46px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 5px 12px rgba(10,47,82,.06);
}
.guide-hub-page .guide-topic-card h3{
  margin:2px 0 7px;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.02em;
}
.guide-hub-page .guide-topic-card p{
  font-size:13.5px;
  line-height:1.68;
}
.guide-hub-page .guide-topic-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding:8px 12px;
  border:1px solid #c9dce9;
  border-radius:999px;
  background:#eff7fd;
  color:#0d5f9e;
  text-decoration:none;
  font-size:11.5px;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 5px 12px rgba(10,47,82,.04);
}
.guide-hub-page .guide-topic-link:hover{
  text-decoration:none;
  background:#e7f1fa;
  border-color:#9fc3dd;
}

@media(max-width:1100px){
  .guide-hub-page .guide-hero{grid-template-columns:1fr}
  .guide-hero-visual{grid-template-columns:1fr 1fr;align-items:stretch}
  .guide-hub-page .guide-hero-note{height:100%}
}
@media(max-width:940px){
  .guide-hub-page .guide-topic-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .guide-hero-visual{grid-template-columns:1fr}
  .guide-hero-photo{min-height:210px}
  .guide-hub-page .guide-topic-media{height:148px}
}
@media(max-width:680px){
  .guide-hub-page .guide-hero{padding:20px 16px 18px;border-radius:18px}
  .guide-hub-page .guide-section-heading{padding:20px 18px 18px;border-radius:16px}
  .guide-hub-page .guide-topic-card{border-radius:18px}
  .guide-hub-page .guide-topic-body{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}
  .guide-hub-page .guide-topic-card h3{font-size:18px}
  .guide-hub-page .guide-topic-card p{font-size:13px;line-height:1.62}
  .guide-hub-page .guide-topic-link{padding:8px 11px}
}

/* =========================================================
   v15.44 GUIDES HUB PHOTO + CTA REFINEMENT
   ========================================================= */
.guide-hub-page .guide-breadcrumbs{display:none!important}
.guide-hub-page .guide-hero{margin-top:0!important}

/* Editorial section heading — lead into the cards without looking like filler. */
.guide-hub-page .guide-section-heading{
  position:relative!important;
  max-width:920px!important;
  margin:0 0 20px!important;
  padding:4px 0 18px 22px!important;
  border:0!important;
  border-left:5px solid #1676bd!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.guide-hub-page .guide-section-heading::after{
  content:"";
  position:absolute;
  left:22px;
  bottom:0;
  width:150px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#1676bd,#2aa7c5,#16a36a);
}
.guide-hub-page .guide-section-heading .section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 10px!important;
  margin-bottom:8px!important;
  border:1px solid #bfd9ea!important;
  border-radius:999px!important;
  background:#eaf4fb!important;
  color:#0b609f!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
}
.guide-hub-page .guide-section-heading h2{
  margin:0 0 7px!important;
  font-size:clamp(30px,3.1vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  color:#0b365f!important;
}
.guide-hub-page .guide-section-heading p{
  max-width:760px!important;
  font-size:14.5px!important;
  line-height:1.65!important;
  color:#5b7185!important;
}

/* Real-photo guide cards. */
.guide-hub-page .guide-topic-card{
  border:1px solid #b8cfdf!important;
  box-shadow:0 14px 32px rgba(8,47,87,.09)!important;
  background:#fff!important;
}
.guide-hub-page .guide-topic-card:hover{
  transform:translateY(-4px)!important;
  border-color:#7daecf!important;
  box-shadow:0 20px 42px rgba(8,47,87,.14)!important;
}
.guide-hub-page .guide-topic-media{
  position:relative!important;
  height:188px!important;
  border-bottom:1px solid #d0deea!important;
  background:#dfeaf2!important;
}
.guide-hub-page .guide-topic-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,31,55,.02) 24%,rgba(4,31,55,.48) 100%);
  pointer-events:none;
}
.guide-hub-page .guide-topic-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.92) contrast(1.035)!important;
  transition:transform .38s ease,filter .38s ease!important;
}
.guide-hub-page .guide-topic-card:hover .guide-topic-media img{
  transform:scale(1.04)!important;
  filter:saturate(1) contrast(1.055)!important;
}
.guide-topic-photo-label{
  position:absolute;
  z-index:2;
  left:14px;
  bottom:13px;
  max-width:calc(100% - 28px);
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(7,48,82,.84);
  color:#fff;
  font-size:10px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:.035em;
  box-shadow:0 7px 18px rgba(3,25,45,.2);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.guide-hub-page .guide-topic-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  min-height:210px!important;
  padding:20px 20px 21px!important;
}
.guide-hub-page .guide-topic-card h3{
  margin:0 0 8px!important;
  font-size:20px!important;
  line-height:1.22!important;
  color:#0b365f!important;
}
.guide-hub-page .guide-topic-card p{
  margin:0!important;
  color:#607589!important;
  font-size:13.5px!important;
  line-height:1.68!important;
}
.guide-hub-page .guide-topic-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:auto!important;
  padding:9px 10px 9px 14px!important;
  min-width:116px!important;
  border:1px solid #1466a7!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#145f9e 0%,#1d7fc9 100%)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  box-shadow:0 8px 18px rgba(10,67,111,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.guide-hub-page .guide-topic-link:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#0e4e83 0%,#176eb3 100%)!important;
  box-shadow:0 11px 22px rgba(10,67,111,.24)!important;
}
.guide-topic-link-arrow{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-left:2px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.25);
  font-size:13px;
  line-height:1;
}

/* Topic-specific photo crops. */
.guide-hub-page .guide-accent-blue .guide-topic-media img{object-position:center 43%!important}
.guide-hub-page .guide-accent-teal .guide-topic-media img{object-position:center 50%!important}
.guide-hub-page .guide-accent-gold .guide-topic-media img{object-position:center 52%!important}
.guide-hub-page .guide-accent-purple .guide-topic-media img{object-position:center 48%!important}
.guide-hub-page .guide-accent-green .guide-topic-media img{object-position:center 40%!important}

@media(max-width:760px){
  .guide-hub-page .guide-topic-media{height:170px!important}
  .guide-hub-page .guide-topic-body{min-height:0!important;padding:18px!important}
  .guide-hub-page .guide-topic-link{margin-top:16px!important}
  .guide-hub-page .guide-section-heading{padding-left:16px!important}
  .guide-hub-page .guide-section-heading::after{left:16px!important}
}

/* =========================================================
   v15.45 INDIVIDUAL GUIDE PHOTO + EDITORIAL REFINEMENT
   - Carries the approved Guides hub photography system into all 5 guides
   - Strengthens visual section breaks without turning long-form copy into cards
   - Matches homepage/provider bottom-edge reveal behavior on small screens
   ========================================================= */

.guide-individual-page{
  background:
    radial-gradient(circle at 94% 2%,rgba(42,167,197,.09),transparent 18%),
    linear-gradient(180deg,#f4f9fd 0%,#f8fbfe 300px,#f6fafe 100%)!important;
}
.guide-individual-page .guide-article{
  border-color:#9ebfd5!important;
  box-shadow:0 18px 44px rgba(8,47,87,.105),inset 0 0 0 1px rgba(255,255,255,.72)!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(42,167,197,.055),transparent 20%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 50%,#f5fafe 100%)!important;
}
.guide-individual-page .guide-breadcrumbs{
  margin-bottom:18px;
}
.guide-individual-page .guide-article-header{
  position:relative;
  padding:2px 0 24px 18px!important;
  border-bottom:0!important;
}
.guide-individual-page .guide-article-header::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:24px;
  width:5px;
  border-radius:999px;
  background:linear-gradient(180deg,#1676bd 0%,#2aa7c5 58%,#18a56d 100%);
}
.guide-individual-page .guide-article-header::after{
  content:"";
  position:absolute;
  left:18px;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,#c3d8e6 0%,rgba(195,216,230,0) 92%);
}
.guide-individual-page .guide-article-header h1{
  max-width:880px;
}
.guide-individual-page .guide-reviewed{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin-top:13px!important;
  padding:6px 10px!important;
  border:1px solid #d0e1ec;
  border-radius:999px;
  background:#f3f8fc;
  color:#657b8e!important;
}

.guide-feature-photo{
  position:relative;
  overflow:hidden;
  margin:22px 0 26px;
  min-height:300px;
  border:1px solid #9fc2d8;
  border-radius:20px;
  background:#dfeaf2;
  box-shadow:0 16px 34px rgba(8,47,87,.11);
}
.guide-feature-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,31,54,.02) 30%,rgba(5,31,54,.66) 100%);
  pointer-events:none;
}
.guide-feature-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  max-height:390px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.035);
  transition:transform .5s ease,filter .5s ease;
}
.guide-feature-photo:hover img{
  transform:scale(1.018);
  filter:saturate(1) contrast(1.05);
}
.guide-feature-photo-caption{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:20px;
  max-width:min(560px,calc(100% - 44px));
  padding:14px 16px 15px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(7,43,75,.86),rgba(17,92,144,.82));
  box-shadow:0 12px 26px rgba(3,25,45,.2);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.guide-feature-photo-caption span{
  display:block;
  margin-bottom:5px;
  color:#a8dcff;
  font-size:10px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.guide-feature-photo-caption strong{
  display:block;
  color:#fff!important;
  font-size:18px;
  line-height:1.3;
  letter-spacing:-.02em;
}

.guide-individual-page .guide-quick-answer{
  margin-top:24px!important;
  padding:19px 20px!important;
  border:1px solid #9fc8df!important;
  border-left:5px solid #1676bd!important;
  background:linear-gradient(135deg,#f8fcff 0%,#e6f3fb 100%)!important;
  box-shadow:0 10px 22px rgba(8,47,87,.075)!important;
}
.guide-individual-page .guide-quick-answer>strong{
  display:inline-flex!important;
  padding:5px 9px!important;
  border:1px solid #bfd9ea;
  border-radius:999px;
  background:#e7f3fb;
  color:#0b609f!important;
}

/* Stronger editorial landmarks make the long guides easier to scan. */
.guide-individual-page .guide-article>h2{
  position:relative;
  margin-top:34px!important;
  padding:3px 0 4px 16px;
}
.guide-individual-page .guide-article>h2::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#1676bd,#2aa7c5);
}
.guide-individual-page .guide-callout{
  border-left:4px solid #15998f!important;
  background:linear-gradient(145deg,#fbfeff 0%,#edf8f6 100%)!important;
  border-color:#a9d4d0!important;
  box-shadow:0 9px 20px rgba(8,74,78,.055)!important;
}

.guide-individual-page .guide-scorecard{
  gap:12px!important;
}
.guide-individual-page .guide-scorecard>div{
  position:relative;
  overflow:hidden;
  padding:15px 16px 15px!important;
  border-color:#b5cfdf!important;
  background:#fff!important;
  box-shadow:0 9px 20px rgba(8,47,87,.065)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.guide-individual-page .guide-scorecard>div::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#1676bd,#2aa7c5);
}
.guide-individual-page .guide-scorecard>div:nth-child(even)::before{
  background:linear-gradient(90deg,#10998f,#38bda9);
}
.guide-individual-page .guide-scorecard>div:nth-child(3n)::before{
  background:linear-gradient(90deg,#bf8610,#e3b04d);
}
.guide-individual-page .guide-scorecard>div:hover{
  transform:translateY(-2px);
  border-color:#7eaeca!important;
  box-shadow:0 13px 28px rgba(8,47,87,.10)!important;
  background:#fafdff!important;
}
.guide-individual-page .guide-scorecard strong{
  padding-top:3px;
  font-size:13px!important;
}
.guide-individual-page .guide-scorecard span{
  font-size:11.5px!important;
  line-height:1.55!important;
}

.guide-individual-page .guide-compare-table{
  border-color:#adc9db!important;
  box-shadow:0 10px 24px rgba(8,47,87,.07)!important;
  background:#fff;
}
.guide-individual-page .guide-compare-head{
  background:linear-gradient(90deg,#0b365f 0%,#146aa9 58%,#188f9c 100%)!important;
}
.guide-individual-page .guide-compare-table>div:not(.guide-compare-head):nth-child(odd){
  background:#f8fbfd;
}
.guide-individual-page .guide-compare-table>div:not(.guide-compare-head):hover{
  background:#edf6fb;
}

.guide-individual-page .guide-cta-panel{
  position:relative;
  overflow:hidden;
  border-color:#83b3cf!important;
  background:
    radial-gradient(circle at 94% 0%,rgba(28,161,151,.13),transparent 34%),
    linear-gradient(125deg,#eef8ff 0%,#dfeffc 55%,#e7f8f5 100%)!important;
  box-shadow:0 16px 34px rgba(8,47,87,.095)!important;
}
.guide-individual-page .guide-cta-panel::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#1676bd,#2aa7c5,#18a56d);
}
.guide-individual-page .guide-reference-box{
  border-top:4px solid #d5aa42!important;
  background:linear-gradient(145deg,#fff 0%,#fbf8ed 100%)!important;
}
.guide-individual-page .guide-sidebar-card{
  border-color:#aac8db!important;
  box-shadow:0 10px 24px rgba(8,47,87,.075)!important;
}
.guide-individual-page .guide-sidebar-card:first-child{
  border-top:4px solid #1676bd!important;
}
.guide-individual-page .guide-sidebar-blue{
  border-top:4px solid #16998f!important;
}

/* Smaller comparison blocks reveal individually on phone/tablet just like the
   approved homepage/provider cards. */
@media(max-width:820px){
  .guide-reveal-enabled .guide-individual-page .guide-scorecard>div,
  .guide-reveal-enabled .guide-individual-page .guide-compare-table>div{
    opacity:0;
    transform:translate3d(0,24px,0) scale(.992);
    transition:opacity .96s cubic-bezier(.22,.75,.16,1),transform 1.04s cubic-bezier(.22,.75,.16,1),box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
    will-change:opacity,transform;
  }
  .guide-reveal-enabled .guide-individual-page .guide-scorecard>div.is-guide-reveal-visible,
  .guide-reveal-enabled .guide-individual-page .guide-compare-table>div.is-guide-reveal-visible{
    opacity:1;
    transform:none;
  }
}

@media(max-width:680px){
  .guide-individual-page .guide-article{
    padding:18px!important;
  }
  .guide-individual-page .guide-article-header{
    padding-left:14px!important;
  }
  .guide-individual-page .guide-feature-photo{
    min-height:230px;
    margin:18px 0 22px;
    border-radius:16px;
  }
  .guide-individual-page .guide-feature-photo img{
    min-height:230px;
    height:230px;
  }
  .guide-feature-photo-caption{
    left:13px;
    bottom:13px;
    max-width:calc(100% - 26px);
    padding:11px 12px 12px;
    border-radius:13px;
  }
  .guide-feature-photo-caption strong{
    font-size:15px;
    line-height:1.3;
  }
  .guide-individual-page .guide-reviewed{
    border-radius:12px;
    line-height:1.4!important;
  }
  .guide-individual-page .guide-article>h2{
    padding-left:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  .guide-reveal-enabled .guide-individual-page .guide-scorecard>div,
  .guide-reveal-enabled .guide-individual-page .guide-compare-table>div{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* =========================================================
   v15.46 INDIVIDUAL GUIDES — SCAN CARDS + RESPONSIVE REVEAL FIX
   - Removes visual clutter around the hero
   - Converts long guide sections into hover/reveal cards
   - Fixes scorecard/comparison rows disappearing near 820px
   ========================================================= */

/* The live page no longer renders breadcrumbs/review pills, but keep any
   legacy remnants from creating space if an older cached template appears. */
.guide-individual-page .guide-breadcrumbs,
.guide-individual-page .guide-reviewed{
  display:none!important;
}

/* With the secondary disclosure/note card removed, keep the useful related
   guides card clean and prominent without overloading the right rail. */
.guide-individual-page .guide-sidebar{
  gap:0!important;
}
.guide-individual-page .guide-sidebar-card{
  background:linear-gradient(180deg,#ffffff 0%,#f4f9fd 100%)!important;
}

/* Long-form guide sections become distinct scan cards. */
.guide-individual-page .guide-step-card{
  position:relative;
  overflow:hidden;
  margin:22px 0 0;
  padding:20px 22px 21px;
  border:1px solid #b8cfde;
  border-radius:17px;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbfe 100%);
  box-shadow:0 10px 24px rgba(8,47,87,.065);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.guide-individual-page .guide-step-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#1676bd,#49a2e1);
}
.guide-individual-page .guide-step-card.guide-step-teal::before{
  background:linear-gradient(90deg,#10998f,#39bea9);
}
.guide-individual-page .guide-step-card.guide-step-gold::before{
  background:linear-gradient(90deg,#bd8511,#e2b04d);
}
.guide-individual-page .guide-step-card:hover{
  transform:translateY(-2px);
  border-color:#7faeca;
  box-shadow:0 15px 32px rgba(8,47,87,.105);
  background:linear-gradient(145deg,#ffffff 0%,#f1f8fc 100%);
}

.guide-individual-page .guide-step-title-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  align-items:center;
  margin:0 0 11px;
}
.guide-individual-page .guide-step-badge{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid #b8d5e8;
  background:linear-gradient(145deg,#eaf5fd,#dcecf8);
  color:#1169aa;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.035em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 5px 12px rgba(8,47,87,.065);
}
.guide-individual-page .guide-step-teal .guide-step-badge{
  background:linear-gradient(145deg,#e8f8f5,#d5f1eb);
  border-color:#afdcd3;
  color:#0d887d;
}
.guide-individual-page .guide-step-gold .guide-step-badge{
  background:linear-gradient(145deg,#fff7e5,#f7e8ba);
  border-color:#e2ca82;
  color:#9b6d0a;
}
.guide-individual-page .guide-step-title-row h2{
  margin:0!important;
  padding:0!important;
  color:#0b365f!important;
  font-size:22px!important;
  line-height:1.24!important;
  letter-spacing:-.022em!important;
}
.guide-individual-page .guide-step-title-row h2::before{
  display:none!important;
}
.guide-individual-page .guide-step-card>p,
.guide-individual-page .guide-step-card>ul,
.guide-individual-page .guide-step-card>.guide-callout{
  max-width:78ch;
}
.guide-individual-page .guide-step-card>p:first-of-type{
  margin-top:3px;
}
.guide-individual-page .guide-step-card .guide-checklist{
  margin-top:10px;
  margin-bottom:14px;
}

/* Checklist / table sections inside a step card feel intentional rather than
   like a second unstyled page embedded below the text. */
.guide-individual-page .guide-step-card .guide-scorecard,
.guide-individual-page .guide-step-card .guide-compare-table{
  margin-top:14px!important;
  margin-bottom:3px!important;
}

/* Responsive reveal bug fix: the parent comparison container must remain
   visible while its child rows/cards animate one-by-one. */
@media(max-width:820px){
  .guide-reveal-enabled .guide-individual-page .guide-scorecard,
  .guide-reveal-enabled .guide-individual-page .guide-compare-table{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  .guide-individual-page .guide-step-card{
    margin-top:18px;
    padding:18px 17px 19px;
    border-radius:15px;
  }
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:43px minmax(0,1fr);
    gap:11px;
  }
  .guide-individual-page .guide-step-badge{
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .guide-individual-page .guide-step-title-row h2{
    font-size:20px!important;
  }
}

@media(max-width:520px){
  .guide-individual-page .guide-step-card{
    padding:16px 14px 17px;
  }
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:39px minmax(0,1fr);
    gap:10px;
  }
  .guide-individual-page .guide-step-badge{
    width:37px;
    height:37px;
    font-size:12px;
  }
  .guide-individual-page .guide-step-title-row h2{
    font-size:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .guide-individual-page .guide-step-card{
    transform:none!important;
  }
}


/* =========================================================
   v15.47 INDIVIDUAL GUIDES — STRONGER CARD CONTRAST
   - Matches the approved homepage Choosing / FAQ visual family
   - Keeps blue, teal and muted-gold guide section identities
   ========================================================= */

.guide-individual-page .guide-step-card{
  border-color:#9fc4db!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(42,167,197,.10),transparent 31%),
    linear-gradient(145deg,#f9fdff 0%,#edf7fd 58%,#e8f3fb 100%)!important;
  box-shadow:
    0 14px 32px rgba(8,47,87,.10),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
}

.guide-individual-page .guide-step-card.guide-step-teal{
  border-color:#98d0c7!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(16,153,143,.10),transparent 31%),
    linear-gradient(145deg,#fbfffe 0%,#edf9f6 58%,#e4f4f0 100%)!important;
}

.guide-individual-page .guide-step-card.guide-step-gold{
  border-color:#dec47b!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(189,133,17,.10),transparent 31%),
    linear-gradient(145deg,#fffefa 0%,#fff8e9 58%,#f8efd5 100%)!important;
}

.guide-individual-page .guide-step-card:hover{
  transform:translateY(-3px)!important;
  border-color:#6ea3c5!important;
  box-shadow:
    0 19px 40px rgba(8,47,87,.145),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(42,167,197,.13),transparent 31%),
    linear-gradient(145deg,#ffffff 0%,#eaf6fd 58%,#e3f0f9 100%)!important;
}

.guide-individual-page .guide-step-card.guide-step-teal:hover{
  border-color:#65b4a8!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(16,153,143,.13),transparent 31%),
    linear-gradient(145deg,#ffffff 0%,#e8f8f4 58%,#def2ed 100%)!important;
}

.guide-individual-page .guide-step-card.guide-step-gold:hover{
  border-color:#c8a852!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(189,133,17,.13),transparent 31%),
    linear-gradient(145deg,#ffffff 0%,#fff6df 58%,#f5e9c6 100%)!important;
}

/* Keep nested decision tools crisp against the stronger parent surfaces. */
.guide-individual-page .guide-step-card .guide-scorecard>div{
  background:#ffffff!important;
  border-color:#c6dbe8!important;
  box-shadow:0 7px 16px rgba(8,47,87,.055)!important;
}

.guide-individual-page .guide-step-card .guide-compare-table{
  background:#ffffff!important;
  border-color:#c6dbe8!important;
  box-shadow:0 8px 18px rgba(8,47,87,.055)!important;
}

.guide-individual-page .guide-step-card .guide-callout{
  background:rgba(255,255,255,.82)!important;
  border-color:#bdd7e7!important;
  box-shadow:0 5px 13px rgba(8,47,87,.04)!important;
}

/* Preserve strong contrast on small screens without making cards feel heavy. */
@media(max-width:820px){
  .guide-individual-page .guide-step-card{
    box-shadow:0 11px 26px rgba(8,47,87,.095)!important;
  }
}


/* =========================================================
   v15.48 INDIVIDUAL GUIDES — NUMBER BADGE REFINEMENT
   - Makes the #1–#7 badges more premium and distinct
   ========================================================= */

.guide-individual-page .guide-step-badge{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:50px;
  height:50px;
  border-radius:15px;
  border:1px solid #6eaed8!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.92) 0,rgba(255,255,255,.30) 26%,rgba(255,255,255,0) 44%),
    linear-gradient(155deg,#2f90d6 0%,#1b6fb1 58%,#0d4f84 100%)!important;
  color:#ffffff!important;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.01em;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
  box-shadow:
    0 12px 24px rgba(10,63,111,.18),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

.guide-individual-page .guide-step-badge::before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.30);
  pointer-events:none;
  z-index:-1;
}

.guide-individual-page .guide-step-badge::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  top:6px;
  height:38%;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));
  pointer-events:none;
  z-index:-1;
}

.guide-individual-page .guide-step-teal .guide-step-badge{
  border-color:#58b8a9!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.92) 0,rgba(255,255,255,.30) 26%,rgba(255,255,255,0) 44%),
    linear-gradient(155deg,#28b7a6 0%,#119989 58%,#0b6f66 100%)!important;
  box-shadow:
    0 12px 24px rgba(9,93,84,.17),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

.guide-individual-page .guide-step-gold .guide-step-badge{
  border-color:#d6ad4e!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.94) 0,rgba(255,255,255,.34) 26%,rgba(255,255,255,0) 44%),
    linear-gradient(155deg,#f0c45b 0%,#d49b1d 58%,#a16a08 100%)!important;
  color:#fffdf8!important;
  box-shadow:
    0 12px 24px rgba(126,85,11,.19),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

.guide-individual-page .guide-step-card:hover .guide-step-badge{
  transform:translateY(-1px);
  box-shadow:
    0 15px 28px rgba(10,63,111,.24),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

.guide-individual-page .guide-step-teal:hover .guide-step-badge{
  box-shadow:
    0 15px 28px rgba(9,93,84,.23),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

.guide-individual-page .guide-step-gold:hover .guide-step-badge{
  box-shadow:
    0 15px 28px rgba(126,85,11,.24),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

@media(max-width:980px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
  }
  .guide-individual-page .guide-step-badge{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:13px;
  }
  .guide-individual-page .guide-step-badge::before{
    inset:3px;
    border-radius:10px;
  }
}

@media(max-width:640px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:42px minmax(0,1fr);
    gap:11px;
  }
  .guide-individual-page .guide-step-badge{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:12px;
  }
  .guide-individual-page .guide-step-badge::before{
    inset:3px;
    border-radius:9px;
  }
}


/* =========================================================
   v15.49 INDIVIDUAL GUIDES — FORMAL NUMBER BADGES
   - Replaces glossy/bubble treatment with restrained document-tab styling
   ========================================================= */

.guide-individual-page .guide-step-badge{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:48px!important;
  height:44px!important;
  border-radius:8px!important;
  border:1.5px solid #4f8fbb!important;
  background:#ffffff!important;
  color:#0b4f82!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  text-shadow:none!important;
  box-shadow:0 5px 12px rgba(8,47,87,.10)!important;
  transform:none!important;
}

.guide-individual-page .guide-step-badge::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  border:0!important;
  border-radius:0!important;
  background:#1676bd!important;
  z-index:-1!important;
  pointer-events:none!important;
}

.guide-individual-page .guide-step-badge::after{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  bottom:5px!important;
  top:auto!important;
  height:1px!important;
  border-radius:0!important;
  background:rgba(22,118,189,.18)!important;
  z-index:-1!important;
  pointer-events:none!important;
}

.guide-individual-page .guide-step-teal .guide-step-badge{
  border-color:#58a99f!important;
  background:#ffffff!important;
  color:#0b746c!important;
  box-shadow:0 5px 12px rgba(8,82,75,.09)!important;
}
.guide-individual-page .guide-step-teal .guide-step-badge::before{
  background:#10998f!important;
}
.guide-individual-page .guide-step-teal .guide-step-badge::after{
  background:rgba(16,153,143,.18)!important;
}

.guide-individual-page .guide-step-gold .guide-step-badge{
  border-color:#c9a247!important;
  background:#fffdf8!important;
  color:#7d5a12!important;
  box-shadow:0 5px 12px rgba(101,74,17,.10)!important;
}
.guide-individual-page .guide-step-gold .guide-step-badge::before{
  background:#bd8511!important;
}
.guide-individual-page .guide-step-gold .guide-step-badge::after{
  background:rgba(189,133,17,.20)!important;
}

.guide-individual-page .guide-step-card:hover .guide-step-badge,
.guide-individual-page .guide-step-teal:hover .guide-step-badge,
.guide-individual-page .guide-step-gold:hover .guide-step-badge{
  transform:none!important;
  box-shadow:0 7px 15px rgba(8,47,87,.13)!important;
}

@media(max-width:980px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .guide-individual-page .guide-step-badge{
    width:46px!important;
    height:42px!important;
    border-radius:8px!important;
    font-size:12.5px!important;
  }
}

@media(max-width:640px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .guide-individual-page .guide-step-badge{
    width:42px!important;
    height:40px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }
  .guide-individual-page .guide-step-badge::before{
    width:4px!important;
  }
}

/* =========================================================
   v15.50 INDIVIDUAL GUIDES — SOLID FORMAL NUMBER BADGES
   - Removes inner underline / document-tab artifacts
   - Uses restrained solid color treatment with crisp contrast
   ========================================================= */

.guide-individual-page .guide-step-badge{
  position:relative!important;
  isolation:auto!important;
  overflow:hidden!important;
  width:48px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #0a4f82!important;
  background:linear-gradient(145deg,#1c7abd 0%,#0d5f99 100%)!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  line-height:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 6px 13px rgba(8,47,87,.14)!important;
  transform:none!important;
}

.guide-individual-page .guide-step-badge::before,
.guide-individual-page .guide-step-badge::after{
  content:none!important;
  display:none!important;
}

.guide-individual-page .guide-step-teal .guide-step-badge{
  border-color:#087269!important;
  background:linear-gradient(145deg,#18a99b 0%,#0b8177 100%)!important;
  color:#ffffff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 6px 13px rgba(8,82,75,.13)!important;
}

.guide-individual-page .guide-step-gold .guide-step-badge{
  border-color:#9e700d!important;
  background:linear-gradient(145deg,#d8a52e 0%,#b78012 100%)!important;
  color:#ffffff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 6px 13px rgba(101,74,17,.14)!important;
}

.guide-individual-page .guide-step-card:hover .guide-step-badge,
.guide-individual-page .guide-step-teal:hover .guide-step-badge,
.guide-individual-page .guide-step-gold:hover .guide-step-badge{
  transform:none!important;
  filter:brightness(.97)!important;
}

@media(max-width:980px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .guide-individual-page .guide-step-badge{
    width:46px!important;
    height:42px!important;
    border-radius:8px!important;
    font-size:12.5px!important;
  }
}

@media(max-width:640px){
  .guide-individual-page .guide-step-title-row{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .guide-individual-page .guide-step-badge{
    width:42px!important;
    height:40px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }
}

/* ============================================================
   Commercial SEO: Compare Texas Defensive Driving Courses
   Added 2026-10-07
   ============================================================ */
.compare-course-page .compare-main{background:#fff;color:#17324d}
.compare-course-page .compare-hero{position:relative;overflow:hidden;padding:74px 0 68px;background:linear-gradient(135deg,#eef7ff 0%,#f9fcff 54%,#eef8f5 100%);border-bottom:1px solid #d9e7f2}
.compare-course-page .compare-hero::after{content:"";position:absolute;right:-120px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(27,132,151,.14),rgba(27,132,151,0) 68%);pointer-events:none}
.compare-course-page .compare-hero-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:52px;align-items:center}
.compare-course-page .compare-hero-copy{position:relative;z-index:1}
.compare-course-page .compare-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 20px;color:#0d3b66;max-width:900px}
.compare-course-page .compare-hero-lead{font-size:clamp(19px,2vw,23px);line-height:1.55;color:#3c5870;max-width:830px;margin:0}
.compare-course-page .compare-hero-actions,.compare-course-page .compare-neutral-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.compare-course-page .compare-primary{box-shadow:0 10px 24px rgba(13,59,102,.16)}
.compare-course-page .compare-hero-trust{margin:24px 0 0;padding-left:16px;border-left:4px solid #1b8497;color:#50697e;font-size:15px;line-height:1.6;max-width:780px}
.compare-course-page .compare-hero-card{position:relative;z-index:1;background:#fff;border:1px solid #dce8f1;border-radius:22px;padding:28px;box-shadow:0 22px 56px rgba(13,59,102,.12)}
.compare-course-page .compare-card-eyebrow,.compare-course-page .compare-mini-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0f7180}
.compare-course-page .compare-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.compare-course-page .compare-check-grid>div{padding:18px 16px;border-radius:16px;background:#f5f9fc;border:1px solid #e0ebf3;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.compare-course-page .compare-check-grid>div:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(13,59,102,.08);border-color:#b9d6e6}
.compare-course-page .compare-check-grid strong{display:block;font-size:20px;color:#0d3b66;margin-bottom:4px}
.compare-course-page .compare-check-grid span{font-size:13px;color:#688095}
.compare-course-page .compare-text-link,.compare-course-page .compare-detail-link{font-weight:800;color:#0d5f83;text-decoration:none}
.compare-course-page .compare-text-link:hover,.compare-course-page .compare-detail-link:hover{text-decoration:underline}
.compare-course-page .compare-section{padding:74px 0}
.compare-course-page .compare-section-heading{max-width:920px;margin:0 0 34px}
.compare-course-page .compare-section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.03em;color:#0d3b66;margin:10px 0 14px}
.compare-course-page .compare-section-heading p{font-size:18px;line-height:1.7;color:#566f84;margin:0}
.compare-course-page .compare-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.compare-course-page .compare-factor-card{position:relative;padding:27px 25px 25px;background:#fff;border:1px solid #dce8f1;border-radius:18px;box-shadow:0 10px 28px rgba(13,59,102,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.compare-course-page .compare-factor-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(13,59,102,.1);border-color:#b6d4e4}
.compare-course-page .compare-factor-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf5f7;color:#0f7180;font-weight:900;font-size:17px;margin-bottom:18px}
.compare-course-page .compare-factor-card:nth-child(2n) .compare-factor-icon{background:#edf4fb;color:#0d5c98}
.compare-course-page .compare-factor-card h3{font-size:21px;color:#143d5f;margin:0 0 10px}
.compare-course-page .compare-factor-card p{font-size:15.5px;line-height:1.65;color:#60788d;margin:0}
.compare-course-page .compare-featured-section{background:#0d3b66;color:#fff}
.compare-course-page .compare-heading-light h2,.compare-course-page .compare-heading-light p{color:#fff}
.compare-course-page .compare-heading-light p{color:#d5e5f1}
.compare-course-page .compare-featured-product{display:grid;grid-template-columns:.9fr 1.25fr .72fr;background:#fff;color:#17324d;border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.compare-course-page .compare-featured-brand{padding:30px;border-right:1px solid #dfebf3}
.compare-course-page .compare-featured-brand img{display:block;max-width:190px;max-height:82px;object-fit:contain;margin:0 0 18px}
.compare-course-page .compare-featured-badge{display:inline-block;background:#f0b53a;color:#183247;font-weight:900;font-size:11px;letter-spacing:.08em;border-radius:999px;padding:7px 10px;margin-bottom:14px}
.compare-course-page .compare-featured-brand h3{font-size:26px;line-height:1.12;color:#0d3b66;margin:0 0 10px}
.compare-course-page .compare-license{font-size:12px;font-weight:800;letter-spacing:.04em;color:#58728a;margin:0 0 8px}
.compare-course-page .compare-owner{font-size:13px;color:#71879a;margin:0}
.compare-course-page .compare-featured-table{padding:24px 28px;align-self:center}
.compare-course-page .compare-featured-table>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #e4edf4}
.compare-course-page .compare-featured-table>div:last-child{border-bottom:0}
.compare-course-page .compare-featured-table span{color:#617a8e}
.compare-course-page .compare-featured-table strong{text-align:right;color:#143d5f}
.compare-course-page .compare-featured-action{display:flex;flex-direction:column;justify-content:center;padding:30px;background:#f1f8fb;border-left:1px solid #d7e7ef}
.compare-course-page .compare-price-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900;color:#597589}
.compare-course-page .compare-price{font-size:45px;font-weight:900;color:#0d3b66;line-height:1;margin:8px 0 8px}
.compare-course-page .compare-price small{font-size:14px;letter-spacing:.09em;color:#0f7180}
.compare-course-page .compare-featured-action p{font-size:13px;line-height:1.5;color:#657e91;margin:0 0 18px}
.compare-course-page .compare-start-btn{text-align:center;margin-bottom:12px}
.compare-course-page .compare-detail-link{text-align:center;font-size:13px}
.compare-course-page .compare-disclosure{margin-top:18px;padding:17px 20px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:14px;line-height:1.65;color:#dceaf4}
.compare-course-page .compare-more-featured{margin-top:42px}
.compare-course-page .compare-more-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.compare-course-page .compare-more-heading h3{font-size:24px;margin:0;color:#fff}
.compare-course-page .compare-more-heading a{color:#c7e8ee;font-weight:800;text-decoration:none}
.compare-course-page .compare-provider-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.compare-course-page .compare-provider-mini{background:#fff;border-radius:16px;padding:22px;color:#17324d;transition:transform .22s ease,box-shadow .22s ease}
.compare-course-page .compare-provider-mini:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.compare-course-page .compare-provider-mini h4{font-size:17px;line-height:1.25;color:#0d3b66;margin:9px 0}
.compare-course-page .compare-provider-mini p{font-size:12px;color:#6b8194;margin:0 0 16px}
.compare-course-page .compare-provider-mini div{display:flex;gap:14px;flex-wrap:wrap}
.compare-course-page .compare-provider-mini a{font-size:13px;font-weight:800;color:#0d5f83;text-decoration:none}
.compare-course-page .compare-matrix-section{background:#f7fafc}
.compare-course-page .compare-matrix{overflow:hidden;border:1px solid #d8e5ee;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,59,102,.06)}
.compare-course-page .compare-matrix-row{display:grid;grid-template-columns:.85fr 1fr 1.35fr;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid #e5edf3;transition:background .2s ease}
.compare-course-page .compare-matrix-row:last-child{border-bottom:0}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{background:#f5fafc}
.compare-course-page .compare-matrix-head{background:#0d3b66;color:#fff}
.compare-course-page .compare-matrix-row>span:first-child{font-weight:800;color:#193f5f}
.compare-course-page .compare-matrix-row>strong:nth-child(2){color:#0d7181}
.compare-course-page .compare-matrix-row>span:last-child{color:#637c90}
.compare-course-page .compare-neutral-section{background:#edf6f7}
.compare-course-page .compare-neutral-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
.compare-course-page .compare-neutral-grid h2{font-size:clamp(32px,4vw,45px);line-height:1.12;color:#0d3b66;margin:10px 0 16px}
.compare-course-page .compare-neutral-grid p{font-size:17px;line-height:1.7;color:#567184}
.compare-course-page .compare-neutral-points{display:grid;gap:13px}
.compare-course-page .compare-neutral-points>div{padding:20px 22px;border-radius:15px;background:#fff;border:1px solid #d6e6e9;box-shadow:0 8px 22px rgba(18,77,88,.055)}
.compare-course-page .compare-neutral-points strong,.compare-course-page .compare-neutral-points span{display:block}
.compare-course-page .compare-neutral-points strong{color:#0d3b66;margin-bottom:5px}
.compare-course-page .compare-neutral-points span{font-size:14px;line-height:1.55;color:#678093}
.compare-course-page .compare-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.compare-course-page .compare-three-grid article{padding:27px;border:1px solid #dce8f1;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(13,59,102,.055);transition:transform .22s ease,box-shadow .22s ease}
.compare-course-page .compare-three-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,59,102,.1)}
.compare-course-page .compare-three-grid article>span{font-size:13px;font-weight:900;color:#0f7180;letter-spacing:.1em}
.compare-course-page .compare-three-grid h3{font-size:22px;line-height:1.25;color:#0d3b66;margin:11px 0}
.compare-course-page .compare-three-grid p{font-size:15px;line-height:1.65;color:#627b8e}
.compare-course-page .compare-three-grid a{font-size:14px;font-weight:800;color:#0d5f83;text-decoration:none}
.compare-course-page .compare-faq-section{background:#f7fafc}
.compare-course-page .compare-faq-wrap{max-width:980px}
.compare-course-page .compare-faq-list{display:grid;gap:12px}
.compare-course-page .compare-faq-item{background:#fff;border:1px solid #dce7ef;border-radius:14px;overflow:hidden}
.compare-course-page .compare-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;font-weight:800;color:#123e61;list-style:none}
.compare-course-page .compare-faq-item summary::-webkit-details-marker{display:none}
.compare-course-page .compare-faq-item summary span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf5f8;color:#0d7181;font-size:20px;transition:transform .2s ease}
.compare-course-page .compare-faq-item[open] summary span{transform:rotate(45deg)}
.compare-course-page .compare-faq-item div{padding:0 22px 20px}
.compare-course-page .compare-faq-item p{margin:0;color:#60798d;line-height:1.7}
.compare-course-page .compare-final-cta{padding-top:64px;padding-bottom:64px}
.compare-course-page .compare-final-box{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:38px 42px;border-radius:22px;background:linear-gradient(135deg,#0d3b66,#0b5874);color:#fff;box-shadow:0 18px 42px rgba(13,59,102,.18)}
.compare-course-page .compare-final-box h2{font-size:36px;margin:8px 0 10px;color:#fff}
.compare-course-page .compare-final-box p{margin:0;color:#d9e7f1;max-width:660px;line-height:1.6}
.compare-course-page .compare-final-box>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:360px}
.compare-course-page .compare-final-box .secondary{background:#fff}
.compare-course-page .compare-reference-section{padding:0 0 52px}
.compare-course-page .compare-reference-box{font-size:13px;color:#718599;line-height:1.65;text-align:center}
.compare-course-page .compare-reference-box a{color:#4e7089}
.compare-reveal-enabled .compare-course-page .compare-section-heading,
.compare-reveal-enabled .compare-course-page .compare-factor-card,
.compare-reveal-enabled .compare-course-page .compare-featured-product,
.compare-reveal-enabled .compare-course-page .compare-disclosure,
.compare-reveal-enabled .compare-course-page .compare-provider-mini,
.compare-reveal-enabled .compare-course-page .compare-matrix-row,
.compare-reveal-enabled .compare-course-page .compare-neutral-grid>* ,
.compare-reveal-enabled .compare-course-page .compare-three-grid>article,
.compare-reveal-enabled .compare-course-page .compare-faq-item,
.compare-reveal-enabled .compare-course-page .compare-final-box{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.compare-reveal-enabled .compare-course-page .is-compare-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.compare-reveal-enabled .compare-course-page .compare-section-heading,.compare-reveal-enabled .compare-course-page .compare-factor-card,.compare-reveal-enabled .compare-course-page .compare-featured-product,.compare-reveal-enabled .compare-course-page .compare-disclosure,.compare-reveal-enabled .compare-course-page .compare-provider-mini,.compare-reveal-enabled .compare-course-page .compare-matrix-row,.compare-reveal-enabled .compare-course-page .compare-neutral-grid>* ,.compare-reveal-enabled .compare-course-page .compare-three-grid>article,.compare-reveal-enabled .compare-course-page .compare-faq-item,.compare-reveal-enabled .compare-course-page .compare-final-box{opacity:1;transform:none;transition:none}}
@media (max-width:1000px){
  .compare-course-page .compare-hero-grid{grid-template-columns:1fr;gap:32px}.compare-course-page .compare-hero-card{max-width:720px}
  .compare-course-page .compare-featured-product{grid-template-columns:1fr 1fr}.compare-course-page .compare-featured-action{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-left:0;border-top:1px solid #d7e7ef}.compare-course-page .compare-featured-action p{margin:0}.compare-course-page .compare-start-btn{margin:0}.compare-course-page .compare-detail-link{grid-column:3;text-align:right}
  .compare-course-page .compare-factor-grid,.compare-course-page .compare-provider-mini-grid,.compare-course-page .compare-three-grid{grid-template-columns:repeat(2,1fr)}
  .compare-course-page .compare-neutral-grid{grid-template-columns:1fr;gap:32px}
  .compare-course-page .compare-final-box{display:block}.compare-course-page .compare-final-box>div:last-child{justify-content:flex-start;min-width:0;margin-top:24px}
}
@media (max-width:720px){
  .compare-course-page .compare-hero{padding:50px 0 46px}.compare-course-page .compare-section{padding:56px 0}.compare-course-page .compare-hero h1{font-size:42px}.compare-course-page .compare-hero-lead{font-size:18px}
  .compare-course-page .compare-check-grid,.compare-course-page .compare-factor-grid,.compare-course-page .compare-provider-mini-grid,.compare-course-page .compare-three-grid{grid-template-columns:1fr}
  .compare-course-page .compare-featured-product{grid-template-columns:1fr}.compare-course-page .compare-featured-brand{border-right:0;border-bottom:1px solid #dfebf3}.compare-course-page .compare-featured-action{grid-column:auto;display:flex;border-top:1px solid #d7e7ef}.compare-course-page .compare-detail-link{grid-column:auto;text-align:center}
  .compare-course-page .compare-featured-table>div{grid-template-columns:1fr;gap:4px}.compare-course-page .compare-featured-table strong{text-align:left}
  .compare-course-page .compare-more-heading{display:block}.compare-course-page .compare-more-heading a{display:inline-block;margin-top:8px}
  .compare-course-page .compare-matrix{border:0;background:transparent;box-shadow:none}.compare-course-page .compare-matrix-head{display:none}.compare-course-page .compare-matrix-row{grid-template-columns:1fr;padding:18px;border:1px solid #d8e5ee;border-radius:14px;background:#fff;margin-bottom:10px;gap:8px}.compare-course-page .compare-matrix-row>strong:nth-child(2)::before{content:"Featured course: ";font-weight:700;color:#57748a}.compare-course-page .compare-matrix-row>span:last-child::before{content:"Verify: ";font-weight:800;color:#355c79}
  .compare-course-page .compare-final-box{padding:30px 24px}.compare-course-page .compare-final-box h2{font-size:30px}.compare-course-page .compare-final-box>div:last-child{display:grid}.compare-course-page .compare-final-box .btn{text-align:center}
}

/* Compare Courses v2 visual separation + fail-safe reveal */
.compare-course-page .compare-intro-section{background:#fff}
.compare-course-page .compare-factor-card{border-top:5px solid #1b8497}
.compare-course-page .compare-factor-card:nth-child(2){border-top-color:#2f6fb3}
.compare-course-page .compare-factor-card:nth-child(3){border-top-color:#e1a92f}
.compare-course-page .compare-factor-card:nth-child(4){border-top-color:#7b63b8}
.compare-course-page .compare-factor-card:nth-child(5){border-top-color:#2d9d78}
.compare-course-page .compare-factor-card:nth-child(6){border-top-color:#c75d53}
.compare-course-page .compare-factor-card:nth-child(3) .compare-factor-icon{background:#fff5dc;color:#9a6a00}
.compare-course-page .compare-factor-card:nth-child(4) .compare-factor-icon{background:#f1edfb;color:#6952a4}
.compare-course-page .compare-factor-card:nth-child(5) .compare-factor-icon{background:#e9f8f1;color:#237d60}
.compare-course-page .compare-factor-card:nth-child(6) .compare-factor-icon{background:#fff0ed;color:#a94d44}

.compare-course-page .compare-matrix-section{background:linear-gradient(180deg,#f4f8fc 0%,#edf5fb 100%)}
.compare-course-page .compare-matrix{border-top:5px solid #2f6fb3}
.compare-course-page .compare-matrix-head{background:linear-gradient(90deg,#0d3b66,#165c87)}
.compare-course-page .compare-matrix-row:nth-child(even):not(.compare-matrix-head){background:#fbfdff}

.compare-course-page .compare-neutral-section{background:linear-gradient(135deg,#eaf7f3,#edf7fb)}
.compare-course-page .compare-neutral-grid{position:relative}
.compare-course-page .compare-neutral-grid::before{content:"";position:absolute;left:-26px;top:0;bottom:0;width:5px;border-radius:9px;background:#2d9d78}
.compare-course-page .compare-neutral-points>div:nth-child(1){border-left:5px solid #2f6fb3}
.compare-course-page .compare-neutral-points>div:nth-child(2){border-left:5px solid #2d9d78}
.compare-course-page .compare-neutral-points>div:nth-child(3){border-left:5px solid #e1a92f}

.compare-course-page .compare-guide-section{background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)}
.compare-course-page .compare-guide-section .compare-section-heading{position:relative;padding-left:20px}
.compare-course-page .compare-guide-section .compare-section-heading::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:8px;background:#e1a92f}
.compare-course-page .compare-three-grid article:nth-child(1){border-top:5px solid #2f6fb3}
.compare-course-page .compare-three-grid article:nth-child(2){border-top:5px solid #e1a92f}
.compare-course-page .compare-three-grid article:nth-child(3){border-top:5px solid #2d9d78}
.compare-course-page .compare-three-grid article:nth-child(1)>span{color:#2f6fb3}
.compare-course-page .compare-three-grid article:nth-child(2)>span{color:#a87100}
.compare-course-page .compare-three-grid article:nth-child(3)>span{color:#237d60}

.compare-course-page .compare-faq-section{background:linear-gradient(180deg,#f5f8fb,#eef3f7)}
.compare-course-page .compare-faq-item{border-left:4px solid #c6d8e6}
.compare-course-page .compare-faq-item[open]{border-left-color:#1b8497;box-shadow:0 10px 26px rgba(13,59,102,.07)}

/* Never hide content for scroll reveal. Animation is enhancement only. */
.compare-reveal-enabled .compare-course-page .compare-section-heading,
.compare-reveal-enabled .compare-course-page .compare-factor-card,
.compare-reveal-enabled .compare-course-page .compare-featured-product,
.compare-reveal-enabled .compare-course-page .compare-disclosure,
.compare-reveal-enabled .compare-course-page .compare-provider-mini,
.compare-reveal-enabled .compare-course-page .compare-matrix-row,
.compare-reveal-enabled .compare-course-page .compare-neutral-grid>* ,
.compare-reveal-enabled .compare-course-page .compare-three-grid>article,
.compare-reveal-enabled .compare-course-page .compare-faq-item,
.compare-reveal-enabled .compare-course-page .compare-final-box{opacity:1!important;transform:none!important}
@keyframes compareSafeReveal{from{opacity:.72;transform:translateY(12px)}to{opacity:1;transform:none}}
.compare-course-page .compare-reveal-in{animation:compareSafeReveal .42s ease both}

@media (max-width:1000px){
  .compare-course-page .compare-neutral-grid::before{display:none}
}

/* =========================================================
   Compare Courses v3 — dimensional blue visual system
   Stronger reveal, hover interaction, photographic/guide art
   2026-10-07
   ========================================================= */
.compare-course-page{background:#f7fbff}
.compare-course-page .compare-hero{
  position:relative;overflow:hidden;
  background:
    linear-gradient(100deg,rgba(7,42,76,.985) 0%,rgba(12,73,126,.95) 52%,rgba(33,118,184,.84) 100%),
    url('/assets/brand/hero-austin.webp') center 43%/cover no-repeat;
  border-bottom:1px solid #b9d5e9;
}
.compare-course-page .compare-hero::after{
  content:"";position:absolute;inset:auto -9% -58% auto;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%);pointer-events:none
}
.compare-course-page .compare-hero-grid{position:relative;z-index:1}
.compare-course-page .compare-hero .section-kicker{color:#bfe1fb}
.compare-course-page .compare-hero h1{color:#fff;text-shadow:0 3px 18px rgba(0,31,59,.22)}
.compare-course-page .compare-hero-lead{color:#e6f2fb}
.compare-course-page .compare-hero-trust{color:#d8eaf8;border-left-color:#7ec1ed;background:rgba(4,35,64,.26);padding:12px 14px;border-radius:0 10px 10px 0;backdrop-filter:blur(3px)}
.compare-course-page .compare-hero-card{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,247,255,.94));
  border:1px solid rgba(255,255,255,.86);box-shadow:0 26px 58px rgba(2,30,58,.3),inset 0 1px 0 #fff;
  transform:perspective(900px) rotateY(-2deg);transition:transform .35s ease,box-shadow .35s ease
}
.compare-course-page .compare-hero-card:hover{transform:perspective(900px) rotateY(0deg) translateY(-6px);box-shadow:0 34px 70px rgba(2,30,58,.36),inset 0 1px 0 #fff}
.compare-course-page .compare-check-grid>div{background:linear-gradient(160deg,#f8fcff,#e7f3fc);border-color:#cbdfee;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.compare-course-page .compare-check-grid>div:hover{transform:translateY(-3px);border-color:#87b8d9;box-shadow:0 10px 20px rgba(13,59,102,.11)}
.compare-course-page .compare-intro-section{background:linear-gradient(180deg,#ffffff 0%,#f3f8fd 100%)}
.compare-course-page .compare-factor-card{
  border-top-color:#2e75b6!important;background:linear-gradient(155deg,#fff 0%,#f7fbff 68%,#edf6fd 100%);
  box-shadow:0 13px 30px rgba(7,48,87,.09),inset 0 0 0 1px rgba(255,255,255,.75)
}
.compare-course-page .compare-factor-card:nth-child(2),.compare-course-page .compare-factor-card:nth-child(5){border-top-color:#4f96d0!important}
.compare-course-page .compare-factor-card:nth-child(3),.compare-course-page .compare-factor-card:nth-child(6){border-top-color:#164f84!important}
.compare-course-page .compare-factor-card:nth-child(4){border-top-color:#78b1dc!important}
.compare-course-page .compare-factor-card:hover{transform:translateY(-9px) scale(1.012);border-color:#8ab8d7;box-shadow:0 24px 48px rgba(7,48,87,.17),inset 0 0 0 1px rgba(255,255,255,.9)}
.compare-course-page .compare-factor-icon{background:linear-gradient(145deg,#e7f4ff,#d4eafb)!important;color:#105b94!important;box-shadow:inset 0 0 0 1px #c4deef;transition:transform .28s ease,box-shadow .28s ease}
.compare-course-page .compare-factor-card:hover .compare-factor-icon{transform:translateY(-2px) rotate(-4deg) scale(1.08);box-shadow:0 8px 18px rgba(17,89,145,.15),inset 0 0 0 1px #b6d4e8}
.compare-course-page .compare-featured-section{background:linear-gradient(132deg,#082f56 0%,#0d4d82 56%,#176ba7 100%);position:relative;overflow:hidden}
.compare-course-page .compare-featured-section::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(104,181,235,.22),rgba(104,181,235,0) 68%)}
.compare-course-page .compare-featured-section>.wrap{position:relative;z-index:1}
.compare-course-page .compare-featured-product{box-shadow:0 28px 64px rgba(0,20,40,.28);transition:transform .32s ease,box-shadow .32s ease}
.compare-course-page .compare-featured-product:hover{transform:translateY(-5px);box-shadow:0 36px 74px rgba(0,20,40,.34)}
.compare-course-page .compare-featured-action{background:linear-gradient(155deg,#f6fbff,#e5f2fb)}
.compare-course-page .compare-provider-mini{background:linear-gradient(160deg,#fff,#edf6fd);border:1px solid #c3dced;box-shadow:0 12px 26px rgba(0,25,51,.13)}
.compare-course-page .compare-provider-mini:hover{transform:translateY(-8px) scale(1.015);border-color:#84b6d8;box-shadow:0 24px 44px rgba(0,20,40,.24)}
.compare-course-page .compare-matrix-section{background:linear-gradient(150deg,#eef6fd 0%,#ffffff 44%,#e5f1fa 100%)}
.compare-course-page .compare-matrix{border-top:5px solid #286fae;box-shadow:0 18px 42px rgba(8,48,84,.12)}
.compare-course-page .compare-matrix-head{background:linear-gradient(90deg,#082f56,#176ba7)}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head){transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{background:#edf7ff;transform:translateX(7px);box-shadow:inset 4px 0 0 #3b89c5}
.compare-course-page .compare-neutral-section{background:linear-gradient(135deg,#e8f3fc 0%,#f8fbfe 45%,#dcecf8 100%)}
.compare-course-page .compare-neutral-grid{grid-template-columns:1fr .72fr .9fr;gap:28px}
.compare-course-page .compare-neutral-grid::before{background:linear-gradient(#0d4d82,#4d98d0)!important}
.compare-course-page .compare-neutral-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px}
.compare-course-page .compare-neutral-image-shell{height:245px;overflow:hidden;border-radius:20px;border:1px solid #9dc3df;box-shadow:0 18px 38px rgba(8,48,84,.16);background:#dcecf8;transition:transform .32s ease,box-shadow .32s ease}
.compare-course-page .compare-neutral-image-shell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.compare-course-page .compare-neutral-visual:hover .compare-neutral-image-shell{transform:translateY(-6px);box-shadow:0 26px 52px rgba(8,48,84,.22)}
.compare-course-page .compare-neutral-visual:hover img{transform:scale(1.045)}
.compare-course-page .compare-neutral-visual>span{font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#2b658f;text-align:center}
.compare-course-page .compare-neutral-points>div{border-left:5px solid #2e75b6!important;background:linear-gradient(145deg,#fff,#f2f8fd);box-shadow:0 10px 24px rgba(8,48,84,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.compare-course-page .compare-neutral-points>div:nth-child(2){border-left-color:#5a9bd0!important}.compare-course-page .compare-neutral-points>div:nth-child(3){border-left-color:#164f84!important}
.compare-course-page .compare-neutral-points>div:hover{transform:translateX(6px);box-shadow:0 16px 30px rgba(8,48,84,.14)}
.compare-course-page .compare-guide-section{background:linear-gradient(180deg,#ffffff 0%,#eef6fc 100%)}
.compare-course-page .compare-guide-section .compare-section-heading::before{background:linear-gradient(#174f82,#66a8d8)}
.compare-course-page .compare-three-grid article{overflow:hidden;padding:0 27px 27px;border-top:5px solid #2e75b6!important;background:linear-gradient(160deg,#fff 0%,#f5faff 100%);box-shadow:0 13px 30px rgba(8,48,84,.09)}
.compare-course-page .compare-three-grid article:nth-child(2){border-top-color:#5a9bd0!important}.compare-course-page .compare-three-grid article:nth-child(3){border-top-color:#164f84!important}
.compare-course-page .compare-three-grid article:hover{transform:translateY(-10px) scale(1.012);box-shadow:0 26px 48px rgba(8,48,84,.18)}
.compare-course-page .compare-guide-image{height:135px;margin:0 -27px 20px;background:linear-gradient(145deg,#eaf4fc,#d7eaf8);overflow:hidden;border-bottom:1px solid #c5ddeb}
.compare-course-page .compare-guide-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.compare-course-page .compare-three-grid article:hover .compare-guide-image img{transform:scale(1.05)}
.compare-course-page .compare-three-grid article>span{color:#2e75b6!important}
.compare-course-page .compare-faq-section{background:linear-gradient(145deg,#e7f1f9 0%,#f8fbfe 52%,#e1edf7 100%)}
.compare-course-page .compare-faq-item{border-left:4px solid #87b6d8;background:linear-gradient(145deg,#fff,#f7fbfe);box-shadow:0 7px 18px rgba(8,48,84,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.compare-course-page .compare-faq-item:hover{transform:translateX(5px);border-left-color:#2e75b6;box-shadow:0 14px 28px rgba(8,48,84,.12)}
.compare-course-page .compare-faq-item[open]{border-left-color:#164f84;box-shadow:0 16px 34px rgba(8,48,84,.13)}
.compare-course-page .compare-faq-item summary span{background:linear-gradient(145deg,#e7f3fc,#d7eafa);color:#195c90;box-shadow:inset 0 0 0 1px #c3ddee}
.compare-course-page .compare-final-box{background:linear-gradient(115deg,#072f57 0%,#0d4e84 56%,#257bb6 100%);box-shadow:0 24px 52px rgba(7,47,87,.26);transition:transform .3s ease,box-shadow .3s ease}
.compare-course-page .compare-final-box:hover{transform:translateY(-5px);box-shadow:0 32px 64px rgba(7,47,87,.32)}

/* Strong reveal matching the dimensional provider-page feel, with a JS fail-safe. */
.compare-reveal-enabled .compare-course-page [data-compare-reveal="1"]{
  opacity:0!important;filter:blur(1.5px);transform:translateY(46px) scale(.985)!important;
  transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1),filter .6s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;will-change:opacity,transform,filter
}
.compare-reveal-enabled .compare-course-page [data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;filter:none;transform:none!important
}
@media (prefers-reduced-motion:reduce){.compare-reveal-enabled .compare-course-page [data-compare-reveal="1"]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}
@media (max-width:1100px){.compare-course-page .compare-neutral-grid{grid-template-columns:1fr 1fr}.compare-course-page .compare-neutral-visual{grid-row:2}.compare-course-page .compare-neutral-points{grid-column:2;grid-row:1/3}}
@media (max-width:760px){.compare-course-page .compare-hero-card{transform:none}.compare-course-page .compare-neutral-grid{grid-template-columns:1fr}.compare-course-page .compare-neutral-visual,.compare-course-page .compare-neutral-points{grid-column:auto;grid-row:auto}.compare-course-page .compare-neutral-image-shell{height:200px}.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{transform:none}.compare-course-page .compare-faq-item:hover{transform:none}}

/* =========================================================
   Compare Courses v4 — interaction, conversion & polish
   2026-10-07
   ========================================================= */
.compare-course-page #how-to-compare,
.compare-course-page #course-comparison,
.compare-course-page #featured-course{scroll-margin-top:92px}

/* Featured section hierarchy */
.compare-course-page .compare-featured-section .section-kicker{color:#f6c85f!important;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.compare-course-page .compare-heading-light h2{font-weight:900;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,26,52,.18)}
.compare-course-page .compare-heading-light p{font-size:17px;max-width:840px;color:#e6f1f9!important}
.compare-course-page .compare-featured-product{border:1px solid rgba(255,255,255,.45)}
.compare-course-page .compare-featured-brand{background:linear-gradient(160deg,#ffffff 0%,#f2f8fd 100%)}
.compare-course-page .compare-featured-table{background:#fff}
.compare-course-page .compare-featured-table>div:nth-child(odd){background:#f6faff;margin:0 -12px;padding:12px;border-radius:9px}
.compare-course-page .compare-featured-action{position:relative;padding:32px 28px;background:linear-gradient(155deg,#eff7fd 0%,#dceefb 100%);border-left:1px solid #c8ddeb}
.compare-course-page .compare-featured-action::before{content:"FEATURED COURSE";align-self:flex-start;background:#0d4f86;color:#fff;font-size:10px;font-weight:900;letter-spacing:.11em;padding:6px 9px;border-radius:999px;margin-bottom:9px;box-shadow:0 5px 12px rgba(13,79,134,.18)}
.compare-course-page .compare-price-label{color:#456b89}
.compare-course-page .compare-price{font-size:52px;letter-spacing:-.045em;text-shadow:0 1px 0 #fff}
.compare-course-page .compare-price small{color:#185f99}
.compare-course-page .compare-action-promise{font-size:13.5px!important;line-height:1.55!important;color:#496a83!important;margin:2px 0 19px!important}
.compare-course-page .compare-action-promise strong{color:#123f65}
.compare-course-page .compare-start-btn{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;border-radius:11px;box-shadow:0 10px 22px rgba(13,79,134,.22);transition:transform .2s ease,box-shadow .2s ease}
.compare-course-page .compare-start-btn:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(13,79,134,.28)}
.compare-course-page .compare-license-btn{display:flex;align-items:center;justify-content:center;min-height:42px;background:#fff!important;color:#0c568e!important;border:1px solid #9fc5df!important;border-radius:10px;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 5px 13px rgba(8,48,84,.07)}
.compare-course-page .compare-license-btn:hover{background:#f7fbff!important;border-color:#5b98c5!important;transform:translateY(-1px)}

/* More featured providers — closer to homepage card language */
.compare-course-page .compare-more-heading h3{font-weight:900;letter-spacing:-.02em}
.compare-course-page .compare-more-heading a{color:#d6edff!important}
.compare-course-page .compare-provider-mini{position:relative;overflow:hidden;padding:20px 20px 18px;border-top:4px solid #5ca3d7!important;background:linear-gradient(160deg,#fff 0%,#f0f7fd 100%)}
.compare-course-page .compare-provider-mini::after{content:"";position:absolute;right:-45px;top:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(72,145,199,.13),transparent 68%);pointer-events:none}
.compare-course-page .compare-mini-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:11px;position:relative;z-index:1}
.compare-course-page .compare-mini-top img{max-width:112px;max-height:44px;object-fit:contain;display:block}
.compare-course-page .compare-mini-cp{font-size:14px;font-weight:950;color:#0d4e82}
.compare-course-page .compare-mini-status{white-space:nowrap;background:#e8f7ed;color:#11743f;border:1px solid #c9ead4;border-radius:999px;padding:5px 8px;font-size:9.5px;font-weight:900;letter-spacing:.03em}
.compare-course-page .compare-mini-label{color:#276fa7!important;font-size:10px!important}
.compare-course-page .compare-provider-mini h4{font-family:inherit;font-size:18px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.02em!important;margin:7px 0 7px!important;min-height:44px}
.compare-course-page .compare-provider-mini p{font-size:11.5px!important;font-weight:750;color:#607d94!important;text-transform:uppercase;letter-spacing:.035em}
.compare-course-page .compare-mini-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:15px}
.compare-course-page .compare-mini-actions .btn{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;min-height:39px;padding:9px 10px;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
.compare-course-page .compare-mini-primary{background:linear-gradient(135deg,#0d68a9,#1486c9)!important;color:#fff!important;border:1px solid #0d68a9!important;box-shadow:0 6px 14px rgba(13,104,169,.18)}
.compare-course-page .compare-mini-primary:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(13,104,169,.25)}
.compare-course-page .compare-mini-secondary{background:#fff!important;color:#0d578d!important;border:1px solid #a8c9df!important}
.compare-course-page .compare-mini-secondary:hover{border-color:#5794bf!important;background:#f7fbff!important}

/* Comparison matrix — stronger row separation */
.compare-course-page .compare-matrix{border:1px solid #b9d2e5!important;border-top:5px solid #286fae!important}
.compare-course-page .compare-matrix-row{border-bottom:1px solid #cdddea!important}
.compare-course-page .compare-matrix-row> * + *{border-left:1px solid #d9e5ee;padding-left:20px}
.compare-course-page .compare-matrix-row:nth-child(even):not(.compare-matrix-head){background:#f1f7fc!important}
.compare-course-page .compare-matrix-row:nth-child(odd):not(.compare-matrix-head){background:#fff!important}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{background:#e6f2fb!important;transform:translateX(4px)!important;box-shadow:inset 5px 0 0 #2e79b4!important}
.compare-course-page .compare-matrix-row>strong:nth-child(2){color:#0d5b98!important}

/* Professional icon treatment for the three enrollment checks */
.compare-course-page .compare-guide-section{background:linear-gradient(180deg,#fff 0%,#eef6fc 100%)!important}
.compare-course-page .compare-guide-icon-panel{height:126px;margin:0 -27px 20px;display:grid;place-items:center;background:linear-gradient(145deg,#edf6fd 0%,#dcecf8 100%);border-bottom:1px solid #c7ddeb;position:relative;overflow:hidden}
.compare-course-page .compare-guide-icon-panel::before,.compare-course-page .compare-guide-icon-panel::after{content:"";position:absolute;border-radius:50%;background:rgba(69,142,196,.08)}
.compare-course-page .compare-guide-icon-panel::before{width:170px;height:170px;right:-65px;top:-90px}
.compare-course-page .compare-guide-icon-panel::after{width:95px;height:95px;left:-35px;bottom:-48px}
.compare-course-page .compare-guide-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#fff,#edf6fc);border:1px solid #b8d4e7;box-shadow:0 12px 26px rgba(8,48,84,.12),inset 0 1px 0 #fff;position:relative;z-index:1;transition:transform .28s ease,box-shadow .28s ease}
.compare-course-page .compare-guide-icon svg{width:46px;height:46px;fill:none;stroke:#17689f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.compare-course-page .compare-three-grid article:nth-child(2) .compare-guide-icon svg{stroke:#2e79b4}
.compare-course-page .compare-three-grid article:nth-child(3) .compare-guide-icon svg{stroke:#0d4d82}
.compare-course-page .compare-three-grid article:hover .compare-guide-icon{transform:translateY(-5px) scale(1.05);box-shadow:0 18px 30px rgba(8,48,84,.18),inset 0 1px 0 #fff}
.compare-course-page .compare-guide-image{display:none!important}

/* FAQ — more like the dimensional homepage FAQ, but stronger blue */
.compare-course-page .compare-faq-section{background:linear-gradient(135deg,#dcecf8 0%,#f5faff 48%,#cfe4f4 100%)!important;position:relative;overflow:hidden}
.compare-course-page .compare-faq-section::before{content:"";position:absolute;left:-180px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(28,112,173,.15),transparent 70%)}
.compare-course-page .compare-faq-wrap{position:relative;z-index:1;max-width:1040px!important;padding:34px 36px;border:1px solid #abcbe1;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(233,244,252,.94));box-shadow:0 22px 52px rgba(8,48,84,.14)}
.compare-course-page .compare-faq-list{gap:10px!important}
.compare-course-page .compare-faq-item{border:1px solid #c4d9e9!important;border-left:5px solid #4f95c7!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#f3f9fd)!important;box-shadow:0 7px 16px rgba(8,48,84,.06)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important}
.compare-course-page .compare-faq-item:hover{transform:translateX(7px)!important;border-color:#6da7cf!important;border-left-color:#0f6daa!important;background:#fff!important;box-shadow:0 15px 28px rgba(8,48,84,.14)!important}
.compare-course-page .compare-faq-item[open]{border-left-color:#0b4f82!important;box-shadow:0 17px 34px rgba(8,48,84,.15)!important}
.compare-course-page .compare-faq-item summary{font-size:14px!important;min-height:56px;padding:16px 18px!important;font-weight:900!important;color:#123f65!important}
.compare-course-page .compare-faq-toggle{width:34px!important;height:34px!important;flex:0 0 34px;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(145deg,#e6f2fb,#cfe4f4)!important;border:1px solid #a9cce3!important;box-shadow:inset 0 1px 0 #fff!important;transition:transform .25s ease,background .25s ease!important}
.compare-course-page .compare-faq-toggle svg{width:17px;height:17px;fill:none;stroke:#0d659f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.compare-course-page .compare-faq-item:hover .compare-faq-toggle{background:linear-gradient(145deg,#d9edfb,#bcdcf1)!important;transform:translateY(-1px)}
.compare-course-page .compare-faq-item[open] .compare-faq-toggle{transform:rotate(180deg)!important;background:linear-gradient(145deg,#cfe7f7,#afd3eb)!important}
.compare-course-page .compare-faq-item div{padding:0 18px 17px!important}

/* Final CTA contrast */
.compare-course-page .compare-final-box .section-kicker{color:#d8edff!important;background:rgba(255,255,255,.11);display:inline-block;padding:5px 9px;border-radius:999px;letter-spacing:.09em}
.compare-course-page .compare-final-box h2{text-shadow:0 2px 15px rgba(0,25,50,.18)}

/* Hide the intrusive standalone references block in favor of Data Sources footer navigation. */
.compare-course-page .compare-reference-section{display:none!important}

/* v4 scroll reveal: no global timeout; every section animates when it actually enters view. */
.compare-reveal-enabled .compare-course-page [data-compare-reveal="1"]{
  opacity:0!important;
  filter:blur(2px)!important;
  transform:translateY(54px) scale(.982)!important;
  transition:opacity .68s cubic-bezier(.19,.78,.22,1),transform .82s cubic-bezier(.19,.78,.22,1),filter .62s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
  will-change:opacity,transform,filter
}
.compare-reveal-enabled .compare-course-page [data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;
  filter:none!important;
  transform:none!important
}
@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .compare-course-page [data-compare-reveal="1"]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

@media(max-width:1000px){
  .compare-course-page .compare-featured-action{border-left:0}
  .compare-course-page .compare-mini-actions{grid-template-columns:1fr}
  .compare-course-page .compare-faq-wrap{padding:28px}
}
@media(max-width:720px){
  .compare-course-page #how-to-compare,.compare-course-page #course-comparison,.compare-course-page #featured-course{scroll-margin-top:76px}
  .compare-course-page .compare-matrix-row> * + *{border-left:0;padding-left:0}
  .compare-course-page .compare-faq-wrap{padding:22px 16px;border-radius:18px}
  .compare-course-page .compare-faq-item:hover{transform:none!important}
  .compare-course-page .compare-guide-icon-panel{height:112px}
}

/* =========================================================
   Compare Courses v5 — stronger hierarchy and boxed sections
   2026-10-08
   ========================================================= */

/* Hero cleanup + stronger comparison checklist card */
.compare-course-page .compare-hero{padding-bottom:66px}
.compare-course-page .compare-hero-actions{margin-top:28px}
.compare-course-page .compare-hero-card{
  background:linear-gradient(145deg,#0a3e70 0%,#105f9f 54%,#237fbd 100%)!important;
  border:1px solid rgba(190,224,248,.62)!important;
  box-shadow:0 28px 62px rgba(0,24,48,.34),inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff
}
.compare-course-page .compare-hero-card .compare-card-eyebrow{color:#cfeaff!important;text-shadow:0 1px 8px rgba(0,24,48,.2)}
.compare-course-page .compare-check-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(219,239,253,.09))!important;
  border:1px solid rgba(190,224,248,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 18px rgba(0,30,60,.12)
}
.compare-course-page .compare-check-grid>div:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(216,239,255,.14))!important;
  border-color:rgba(215,238,255,.64)!important;
  box-shadow:0 13px 25px rgba(0,25,50,.22),inset 0 1px 0 rgba(255,255,255,.18)!important
}
.compare-course-page .compare-check-grid strong{color:#fff!important;text-shadow:0 1px 8px rgba(0,25,50,.2)}
.compare-course-page .compare-check-grid span{color:#d9ecf9!important}
.compare-course-page .compare-hero-trust,.compare-course-page .compare-hero-card .compare-text-link{display:none!important}

/* Turn the post-hero content into distinct rounded editorial panels. */
.compare-course-page .compare-main{padding-bottom:28px;background:linear-gradient(180deg,#edf4fa 0%,#f7fbff 45%,#edf4fa 100%)}
.compare-course-page .compare-hero{width:100%;margin:0;border-radius:0}
.compare-course-page .compare-section{
  width:min(calc(100% - 34px),1540px);
  margin:22px auto 0!important;
  border-radius:28px;
  border:1px solid #bdd3e4;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(7,48,87,.08);
  padding:64px 0
}
.compare-course-page .compare-intro-section{background:linear-gradient(155deg,#fff 0%,#f5faff 60%,#e9f4fc 100%)!important;border-color:#bfd7e8}
.compare-course-page .compare-featured-section{border-color:#1c6aa4;box-shadow:0 18px 42px rgba(3,35,67,.18)}
.compare-course-page .compare-matrix-section{background:linear-gradient(150deg,#eef6fd 0%,#fff 46%,#e8f3fb 100%)!important}
.compare-course-page .compare-neutral-section{background:linear-gradient(145deg,#eef6fc 0%,#fff 50%,#e4f0f9 100%)!important}
.compare-course-page .compare-guide-section{background:linear-gradient(150deg,#fff 0%,#f5faff 55%,#e9f4fc 100%)!important}
.compare-course-page .compare-faq-section{background:linear-gradient(135deg,#d6e8f6 0%,#f5faff 49%,#c9e0f1 100%)!important;border-color:#9fc4dd}
.compare-course-page .compare-final-cta{background:linear-gradient(145deg,#f7fbff,#eaf4fb)!important;border-color:#b4d0e3}

/* More obvious Featured Provider card interaction on the dark section. */
.compare-course-page .compare-provider-mini{
  border:2px solid rgba(166,208,238,.82)!important;
  border-top:5px solid #68b4e8!important;
  box-shadow:0 14px 28px rgba(0,18,37,.24)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,filter .28s ease!important
}
.compare-course-page .compare-provider-mini:hover{
  transform:translateY(-14px) scale(1.025)!important;
  border-color:#b9e2ff!important;
  box-shadow:0 30px 54px rgba(0,14,30,.42),0 0 0 3px rgba(111,191,244,.2)!important;
  filter:brightness(1.025)
}
.compare-course-page .compare-provider-mini:hover .compare-mini-primary{transform:translateY(-2px) scale(1.02);box-shadow:0 13px 24px rgba(13,104,169,.34)!important}
.compare-course-page .compare-provider-mini:hover .compare-mini-secondary{border-color:#4388b9!important;box-shadow:0 7px 15px rgba(8,48,84,.12)}

/* Slightly stronger section-edge identity. */
.compare-course-page .compare-intro-section,.compare-course-page .compare-matrix-section,.compare-course-page .compare-neutral-section,.compare-course-page .compare-guide-section,.compare-course-page .compare-faq-section,.compare-course-page .compare-final-cta{position:relative}
.compare-course-page .compare-intro-section::after,.compare-course-page .compare-matrix-section::after,.compare-course-page .compare-neutral-section::after,.compare-course-page .compare-guide-section::after,.compare-course-page .compare-final-cta::after{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0b416f,#1974b5 58%,#62a9d8);pointer-events:none
}

@media(max-width:760px){
  .compare-course-page .compare-section{width:calc(100% - 18px);margin-top:12px!important;border-radius:18px;padding:50px 0}
  .compare-course-page .compare-hero-card{transform:none!important}
  .compare-course-page .compare-provider-mini:hover{transform:translateY(-5px)!important}
}

/* =========================================================
   Compare Courses v6 — stronger blue contrast + simplified FAQ/CTA
   2026-10-08
   ========================================================= */

/* Stronger separation between the page canvas, outer panels and inner cards. */
.compare-course-page .compare-main{
  background:linear-gradient(180deg,#e6f0f8 0%,#f8fbfe 22%,#e8f2f9 58%,#f6fafe 100%)!important
}
.compare-course-page .compare-section{
  border-color:#9fc2dc!important;
  box-shadow:0 18px 42px rgba(7,48,87,.11)!important
}
.compare-course-page .compare-intro-section{
  background:linear-gradient(135deg,#c9e1f3 0%,#f8fcff 48%,#d8eaf7 100%)!important
}
.compare-course-page .compare-intro-section::before{
  content:"";position:absolute;right:-120px;bottom:-160px;width:470px;height:470px;border-radius:50%;
  background:radial-gradient(circle,rgba(25,111,175,.16),rgba(25,111,175,0) 70%);pointer-events:none
}
.compare-course-page .compare-factor-grid,.compare-course-page .compare-section-heading{position:relative;z-index:1}
.compare-course-page .compare-factor-card{
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #a9cce4!important;
  border-top:4px solid #2479b8!important;
  box-shadow:0 12px 26px rgba(7,48,87,.09)!important
}
.compare-course-page .compare-factor-card:nth-child(2),
.compare-course-page .compare-factor-card:nth-child(5){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#f7fbff,#e3f1fb)!important}
.compare-course-page .compare-factor-card:nth-child(3),
.compare-course-page .compare-factor-card:nth-child(6){border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff,#edf6fc)!important}
.compare-course-page .compare-factor-card:hover{
  transform:translateY(-8px)!important;box-shadow:0 22px 42px rgba(7,48,87,.17)!important;border-color:#74acd2!important
}
.compare-course-page .compare-factor-icon{
  background:linear-gradient(145deg,#d9edfb,#bcdcf1)!important;color:#0b5f9a!important;
  border:1px solid #a8cde5;box-shadow:0 6px 14px rgba(7,48,87,.08),inset 0 1px 0 #fff
}

.compare-course-page .compare-matrix-section{
  background:linear-gradient(135deg,#bdd9ee 0%,#f7fbff 47%,#d3e7f5 100%)!important
}
.compare-course-page .compare-matrix{
  border:1px solid #7fb1d4!important;
  box-shadow:0 18px 38px rgba(7,48,87,.14)!important;
  background:#fff
}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):nth-child(even){background:#e7f2fa!important}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):nth-child(odd){background:#fff!important}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{background:#d3e8f7!important}

.compare-course-page .compare-neutral-section{
  background:linear-gradient(135deg,#b9d7ec 0%,#edf7fd 48%,#c8e0f1 100%)!important
}
.compare-course-page .compare-neutral-points>div{
  background:linear-gradient(145deg,#fff 0%,#eaf4fb 100%)!important;
  border-color:#89b7d7!important;
  box-shadow:0 10px 22px rgba(7,48,87,.10)!important
}
.compare-course-page .compare-neutral-image-shell{border:2px solid #68a5d0!important;box-shadow:0 20px 42px rgba(7,48,87,.20)!important}

.compare-course-page .compare-guide-section{
  background:linear-gradient(135deg,#d7e9f6 0%,#f8fcff 46%,#bedcf0 100%)!important
}
.compare-course-page .compare-three-grid article{
  background:linear-gradient(180deg,#fff 0%,#edf6fc 100%)!important;
  border:1px solid #94bdd9!important;
  border-top:4px solid #277dbb!important;
  box-shadow:0 12px 28px rgba(7,48,87,.11)!important
}
.compare-course-page .compare-three-grid article:hover{
  transform:translateY(-9px)!important;box-shadow:0 24px 44px rgba(7,48,87,.18)!important;border-color:#5d9fca!important
}
.compare-course-page .compare-guide-icon-panel{
  background:linear-gradient(135deg,#d2e8f7,#aed3ec)!important;
  border-bottom:1px solid #8eb9d7!important
}

/* FAQ: use the outer section as the only container; explanation left, accordion right. */
.compare-course-page .compare-faq-section{
  background:linear-gradient(125deg,#0a3e70 0%,#176da9 38%,#7fb7dc 72%,#dcecf7 100%)!important;
  border-color:#2b75aa!important;
  box-shadow:0 22px 48px rgba(3,35,67,.20)!important
}
.compare-course-page .compare-faq-section::before{
  left:-150px!important;top:-180px!important;width:500px!important;height:500px!important;
  background:radial-gradient(circle,rgba(255,255,255,.11),transparent 70%)!important
}
.compare-course-page .compare-faq-wrap{
  max-width:1280px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:48px!important;
  align-items:start!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.compare-course-page .compare-faq-intro{position:relative;z-index:1;padding:12px 4px 0 0}
.compare-course-page .compare-faq-intro .section-kicker{color:#cfeaff!important}
.compare-course-page .compare-faq-intro h2{
  color:#fff!important;font-size:clamp(32px,3.4vw,47px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 18px;
  text-shadow:0 2px 14px rgba(0,25,50,.18)
}
.compare-course-page .compare-faq-intro p{font-size:17px;line-height:1.72;color:#e1eff9;margin:0 0 22px;max-width:520px}
.compare-course-page .compare-faq-guide-link{
  display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900;font-size:14px;
  padding:11px 15px;border:1px solid rgba(255,255,255,.42);border-radius:10px;background:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:transform .22s ease,background .22s ease,border-color .22s ease
}
.compare-course-page .compare-faq-guide-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.68)}
.compare-course-page .compare-faq-list{position:relative;z-index:1;gap:12px!important}
.compare-course-page .compare-faq-item{
  background:linear-gradient(145deg,#fff,#edf6fc)!important;
  border:1px solid #9ec4df!important;
  border-left:5px solid #1d78b7!important;
  box-shadow:0 10px 24px rgba(0,28,55,.14)!important
}
.compare-course-page .compare-faq-item:hover{
  transform:translateX(9px)!important;background:#fff!important;border-color:#74acd2!important;border-left-color:#073f70!important;
  box-shadow:0 18px 34px rgba(0,25,50,.22)!important
}
.compare-course-page .compare-faq-item[open]{background:#fff!important;border-left-color:#073f70!important;box-shadow:0 20px 38px rgba(0,25,50,.22)!important}

/* Final CTA: remove the pale outer shell; the dark conversion box is the only container. */
.compare-course-page .compare-final-cta{
  width:min(calc(100% - 34px),1540px)!important;
  margin:22px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important
}
.compare-course-page .compare-final-cta::after{display:none!important}
.compare-course-page .compare-final-box{
  border:1px solid #2f83bd!important;
  border-radius:24px!important;
  background:linear-gradient(115deg,#062f57 0%,#0d4f86 52%,#2781bd 100%)!important;
  box-shadow:0 24px 52px rgba(7,47,87,.27)!important
}

@media(max-width:900px){
  .compare-course-page .compare-faq-wrap{grid-template-columns:1fr!important;gap:28px!important}
  .compare-course-page .compare-faq-intro{padding-right:0}
  .compare-course-page .compare-faq-intro p{max-width:none}
}
@media(max-width:760px){
  .compare-course-page .compare-faq-section{background:linear-gradient(155deg,#0a3e70 0%,#176da9 55%,#6ba6cf 100%)!important}
  .compare-course-page .compare-faq-wrap{padding:0!important}
  .compare-course-page .compare-faq-item:hover{transform:none!important}
  .compare-course-page .compare-final-cta{width:calc(100% - 18px)!important;margin-top:12px!important}
  .compare-course-page .compare-final-box{border-radius:18px!important}
}

/* =========================================================
   Compare Courses v7 — stronger panel contrast + cleanup
   ========================================================= */

/* Keep the page canvas clean and bright so blue panels stand apart. */
.compare-course-page .compare-main{
  background:
    radial-gradient(circle at 18% 20%,rgba(46,126,184,.08),transparent 24%),
    radial-gradient(circle at 84% 58%,rgba(25,101,164,.07),transparent 26%),
    linear-gradient(180deg,#f8fcff 0%,#eef6fc 52%,#f8fcff 100%)!important
}

/* Increase visual separation between each outer panel and its inner content. */
.compare-course-page .compare-intro-section{
  background:linear-gradient(125deg,#b8d8ee 0%,#e9f5fc 38%,#fafdff 66%,#c8e2f3 100%)!important;
  border-color:#78acd0!important
}
.compare-course-page .compare-matrix-section{
  background:linear-gradient(125deg,#a9cfe9 0%,#dceef9 40%,#f9fcff 68%,#bfdcf0 100%)!important;
  border-color:#6fa6cc!important
}
.compare-course-page .compare-neutral-section{
  background:linear-gradient(125deg,#9fc7e3 0%,#d4e9f7 38%,#f7fbfe 67%,#b2d4ea 100%)!important;
  border-color:#659fc8!important
}
.compare-course-page .compare-guide-section{
  background:linear-gradient(125deg,#b3d4eb 0%,#e7f3fb 39%,#fbfdff 67%,#c2def0 100%)!important;
  border-color:#72a8cc!important
}

/* Make the inner cards read as distinct surfaces instead of blending into the panels. */
.compare-course-page .compare-factor-card{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border-color:#7faed0!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important
}
.compare-course-page .compare-factor-card:nth-child(2),
.compare-course-page .compare-factor-card:nth-child(5){background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.compare-course-page .compare-factor-card:nth-child(3),
.compare-course-page .compare-factor-card:nth-child(6){background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important}

.compare-course-page .compare-neutral-points>div{
  background:linear-gradient(145deg,#ffffff 0%,#e5f2fb 100%)!important;
  border-color:#6fa5ca!important;
  box-shadow:0 12px 26px rgba(5,50,91,.14)!important
}
.compare-course-page .compare-three-grid article{
  background:linear-gradient(180deg,#ffffff 0%,#e5f1fa 100%)!important;
  border-color:#78abd0!important;
  box-shadow:0 14px 30px rgba(5,50,91,.14)!important
}
.compare-course-page .compare-guide-icon-panel{
  background:linear-gradient(125deg,#c1dff2 0%,#92c4e4 100%)!important;
  border-bottom-color:#6aa2c9!important
}

/* Remove the decorative vertical heading rules for a cleaner layout. */
.compare-course-page .compare-neutral-grid::before,
.compare-course-page .compare-guide-section .compare-section-heading::before{
  display:none!important
}

/* The center comparison-table heading must remain legible on the dark header. */
.compare-course-page .compare-matrix-head strong,
.compare-course-page .compare-matrix-head strong:nth-child(2){
  color:#fff!important;
  text-shadow:0 1px 8px rgba(0,24,48,.22)
}

/* Let the final CTA occupy the same outer width as the other body panels. */
.compare-course-page .compare-final-box{
  width:100%!important;
  max-width:none!important;
  margin:0!important
}

@media(max-width:760px){
  .compare-course-page .compare-final-box{width:100%!important}
}

/* =========================================================
   Compare Courses v8 — stronger section identity + CTA hierarchy
   ========================================================= */

/* Professional visual markers give the three light comparison sections a finished identity
   without adding more photography to the page. */
.compare-course-page .compare-heading-with-symbol{
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  gap:34px!important;
  align-items:start!important
}
.compare-course-page .compare-heading-with-symbol .compare-heading-copy{max-width:920px}
.compare-course-page .compare-section-symbol{
  width:92px;height:92px;justify-self:end;display:grid;place-items:center;border-radius:24px;
  color:#fff;background:linear-gradient(145deg,#073f70 0%,#0e639f 56%,#3f94cc 100%);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 18px 32px rgba(5,48,88,.20),inset 0 1px 0 rgba(255,255,255,.28);
  position:relative;overflow:hidden
}
.compare-course-page .compare-section-symbol::after{
  content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-34px;top:-38px;
  background:rgba(255,255,255,.12)
}
.compare-course-page .compare-section-symbol svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.compare-course-page .compare-section-symbol-matrix{background:linear-gradient(145deg,#082f57 0%,#155f98 58%,#58a3d4 100%)}
.compare-course-page .compare-section-symbol-checks{background:linear-gradient(145deg,#0a3965 0%,#176ba7 58%,#6aaed8 100%)}

/* Push the light panels farther away from the page canvas so they no longer read gray. */
.compare-course-page .compare-intro-section{
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  border-color:#4f93c2!important
}
.compare-course-page .compare-matrix-section{
  background:linear-gradient(128deg,#86b9dc 0%,#bddcf0 30%,#f8fcff 64%,#b1d3e9 100%)!important;
  border-color:#4689b8!important
}
.compare-course-page .compare-guide-section{
  background:linear-gradient(128deg,#94c2e0 0%,#cce5f5 30%,#fbfdff 64%,#b7d7eb 100%)!important;
  border-color:#4e91bd!important
}

/* Stronger blue icon tiles inside the six feature cards. */
.compare-course-page .compare-factor-icon{
  width:52px!important;height:52px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#0a4a7d,#1674b4)!important;color:#fff!important;
  border:1px solid #8bc1e4!important;
  box-shadow:0 9px 18px rgba(5,50,91,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-size:18px!important
}
.compare-course-page .compare-factor-card:nth-child(2) .compare-factor-icon,
.compare-course-page .compare-factor-card:nth-child(5) .compare-factor-icon{background:linear-gradient(145deg,#165e99,#3d91c8)!important;color:#fff!important}
.compare-course-page .compare-factor-card:nth-child(3) .compare-factor-icon,
.compare-course-page .compare-factor-card:nth-child(6) .compare-factor-icon{background:linear-gradient(145deg,#073d6b,#0f5f99)!important;color:#fff!important}
.compare-course-page .compare-factor-card:hover .compare-factor-icon{transform:translateY(-4px) scale(1.1)!important;box-shadow:0 14px 26px rgba(5,50,91,.28)!important}

/* Give the matrix its own visual depth, not just a pale shell. */
.compare-course-page .compare-matrix{
  border:2px solid #5b99c4!important;
  box-shadow:0 22px 42px rgba(5,48,88,.18)!important
}
.compare-course-page .compare-matrix-head{
  background:linear-gradient(90deg,#062f57 0%,#0d4f86 48%,#2482bf 100%)!important
}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):nth-child(even){background:#dcecf7!important}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):nth-child(odd){background:#fff!important}
.compare-course-page .compare-matrix-row:not(.compare-matrix-head):hover{background:#c6e1f3!important}

/* Upgrade the three-check artwork: stronger icon medallions and more distinct top panels. */
.compare-course-page .compare-three-grid article:nth-child(1) .compare-guide-icon-panel{background:linear-gradient(130deg,#c5e1f3 0%,#80b8dc 100%)!important}
.compare-course-page .compare-three-grid article:nth-child(2) .compare-guide-icon-panel{background:linear-gradient(130deg,#b6d9ef 0%,#6eadd5 100%)!important}
.compare-course-page .compare-three-grid article:nth-child(3) .compare-guide-icon-panel{background:linear-gradient(130deg,#a8d0e9 0%,#5f9fc9 100%)!important}
.compare-course-page .compare-guide-icon{
  width:62px!important;height:62px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#073f70,#146ca8)!important;color:#fff!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 12px 24px rgba(4,45,84,.25),inset 0 1px 0 rgba(255,255,255,.24)!important
}
.compare-course-page .compare-guide-icon svg{width:34px!important;height:34px!important;stroke:currentColor!important;stroke-width:2.7!important;fill:none!important}
.compare-course-page .compare-three-grid article:hover .compare-guide-icon{transform:translateY(-4px) scale(1.08);box-shadow:0 17px 30px rgba(4,45,84,.32)!important}

/* Bottom CTA: make the commercial action the unmistakable primary button. */
.compare-course-page .compare-final-box>div:last-child{align-items:center!important}
.compare-course-page .compare-final-box .compare-primary{
  min-height:54px!important;min-width:224px!important;padding:15px 24px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#1a8bd3 0%,#38a8ed 100%)!important;
  border:1px solid #77c9f5!important;color:#fff!important;font-size:15px!important;font-weight:900!important;
  box-shadow:0 13px 28px rgba(0,27,52,.28),0 0 0 2px rgba(255,255,255,.08)!important
}
.compare-course-page .compare-final-box .compare-primary:hover{
  transform:translateY(-3px) scale(1.025)!important;
  background:linear-gradient(135deg,#2099e3 0%,#55b8f2 100%)!important;
  box-shadow:0 18px 34px rgba(0,27,52,.34),0 0 0 3px rgba(255,255,255,.12)!important
}
.compare-course-page .compare-final-box .secondary{
  min-height:54px!important;min-width:190px!important;padding:15px 22px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #c8ddeb!important;font-size:15px!important;font-weight:900!important
}

@media(max-width:760px){
  .compare-course-page .compare-heading-with-symbol{grid-template-columns:1fr!important;gap:20px!important}
  .compare-course-page .compare-section-symbol{width:70px;height:70px;justify-self:start;border-radius:20px}
  .compare-course-page .compare-section-symbol svg{width:38px;height:38px}
  .compare-course-page .compare-final-box .compare-primary,
  .compare-course-page .compare-final-box .secondary{width:100%!important;min-width:0!important}
}

/* =========================================================
   Compare Courses v12 — restore Three Checks card reveal
   Overrides legacy always-visible safety rule only for these 3 cards.
   2026-10-08
   ========================================================= */
.compare-reveal-enabled .compare-course-page .compare-three-grid > article[data-compare-reveal="1"]{
  opacity:0!important;
  filter:blur(2px)!important;
  transform:translateY(54px) scale(.982)!important;
  transition:opacity .68s cubic-bezier(.19,.78,.22,1),transform .82s cubic-bezier(.19,.78,.22,1),filter .62s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
  will-change:opacity,transform,filter;
}
.compare-reveal-enabled .compare-course-page .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .compare-course-page .compare-three-grid > article[data-compare-reveal="1"]{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   Compare Courses v13 — featured provider CTA balance
   2026-10-08
   ========================================================= */
.compare-course-page .compare-featured-product{
  grid-template-columns:.92fr 1.28fr .9fr;
}
.compare-course-page .compare-featured-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:34px 30px;
}
.compare-course-page .compare-featured-brand img{
  width:min(100%,240px);
  max-width:240px;
  max-height:108px;
  margin:0 auto 22px;
}
.compare-course-page .compare-featured-badge{
  margin:0 auto 15px;
}
.compare-course-page .compare-featured-brand h3{
  max-width:330px;
  margin:0 auto 11px;
}
.compare-course-page .compare-license,
.compare-course-page .compare-owner{
  max-width:330px;
  margin-left:auto;
  margin-right:auto;
}
.compare-course-page .compare-featured-table{
  padding:24px 24px;
}
.compare-course-page .compare-featured-table>div{
  min-height:46px;
  align-items:center;
}
.compare-course-page .compare-featured-action{
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px 24px 28px;
  background:linear-gradient(155deg,#eef7ff 0%,#d9ecfb 54%,#cce5f8 100%);
}
.compare-course-page .compare-featured-action::before{display:none!important}
.compare-course-page .compare-action-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 12px;
  border-radius:999px;
  background:#0b4d83;
  border:1px solid #2f80ba;
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 6px 15px rgba(9,70,120,.18);
  margin-bottom:12px;
}
.compare-course-page .compare-featured-action h3{
  margin:0 0 12px;
  color:#0a3d69;
  font-size:22px;
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:950;
}
.compare-course-page .compare-price-lockup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  margin:2px 0 14px;
}
.compare-course-page .compare-price{
  margin:0;
  color:#0a8ff0;
  font-size:64px;
  line-height:.9;
  letter-spacing:-.06em;
  text-shadow:none;
}
.compare-course-page .compare-price-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  min-width:0;
}
.compare-course-page .compare-price-copy strong{
  color:#0b2f50;
  font-size:14px;
  line-height:1.2;
  font-weight:950;
}
.compare-course-page .compare-price-copy small{
  margin-top:4px;
  color:#54738c;
  font-size:11px;
  line-height:1.25;
  font-weight:750;
}
.compare-course-page .compare-action-features{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  width:100%;
  max-width:270px;
  list-style:none;
  padding:0;
  margin:0 auto 17px;
  text-align:left;
}
.compare-course-page .compare-action-features li{
  position:relative;
  padding-left:20px;
  color:#244f70;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.compare-course-page .compare-action-features li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0a78c6;
  font-weight:950;
}
.compare-course-page .compare-start-btn,
.compare-course-page .compare-license-btn{
  width:100%;
  max-width:300px;
}
.compare-course-page .compare-start-btn{
  min-height:50px;
  background:linear-gradient(135deg,#0a78c6,#0b95e8)!important;
  border:1px solid #0876ba!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(10,120,198,.25);
}
.compare-course-page .compare-license-btn{
  margin-top:10px;
}
@media(max-width:1000px){
  .compare-course-page .compare-featured-product{grid-template-columns:1fr 1fr}
  .compare-course-page .compare-featured-action{grid-column:1/-1;display:flex;padding:30px 28px}
  .compare-course-page .compare-featured-action h3{font-size:24px}
  .compare-course-page .compare-price-lockup{max-width:430px}
  .compare-course-page .compare-action-features{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;gap:7px 20px}
}
@media(max-width:720px){
  .compare-course-page .compare-featured-product{grid-template-columns:1fr}
  .compare-course-page .compare-featured-brand{padding:32px 24px}
  .compare-course-page .compare-featured-brand img{max-width:220px;max-height:100px}
  .compare-course-page .compare-featured-action{grid-column:auto;padding:30px 22px}
  .compare-course-page .compare-featured-action h3{font-size:23px}
  .compare-course-page .compare-price{font-size:60px}
  .compare-course-page .compare-price-copy strong{font-size:13px}
  .compare-course-page .compare-action-features{grid-template-columns:1fr;max-width:280px}
}

/* =========================================================
   Compare Courses v14 — featured CTA color hierarchy
   2026-10-08
   ========================================================= */
.compare-course-page .compare-featured-brand .compare-featured-badge{
  order:0;
  margin:0 auto 20px;
  padding:8px 13px;
  background:linear-gradient(135deg,#ffd66b 0%,#f2b93f 100%);
  border:1px solid #dfa52c;
  color:#173b5c;
  box-shadow:0 7px 16px rgba(196,139,26,.16),inset 0 1px 0 rgba(255,255,255,.55);
}
.compare-course-page .compare-featured-brand img{
  order:1;
  margin:0 auto 22px;
}
.compare-course-page .compare-featured-brand h3{order:2}
.compare-course-page .compare-featured-brand .compare-license{order:3}
.compare-course-page .compare-featured-brand .compare-owner{order:4}

.compare-course-page .compare-action-kicker{
  background:linear-gradient(135deg,#ffd769 0%,#efb83e 100%)!important;
  border:1px solid #dca42f!important;
  color:#173a59!important;
  box-shadow:0 7px 17px rgba(190,132,22,.2),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.compare-course-page .compare-featured-action h3{
  max-width:320px;
  color:#0a355b;
}
.compare-course-page .compare-action-features{
  gap:7px;
  max-width:292px;
}
.compare-course-page .compare-action-features li{
  min-height:24px;
  display:flex;
  align-items:center;
  padding-left:30px;
  color:#173f5f;
}
.compare-course-page .compare-action-features li::before{
  content:"✓";
  top:1px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#0b7a45;
  background:#e5f7ec;
  border:1px solid #b9e5ca;
  box-shadow:inset 0 1px 0 #fff;
  font-size:12px;
}
.compare-course-page .compare-license-btn{
  gap:8px;
  min-height:44px!important;
  background:linear-gradient(180deg,#f7f9fb 0%,#e2e8ed 100%)!important;
  color:#173f5f!important;
  border:1px solid #9faeb9!important;
  box-shadow:0 7px 15px rgba(35,59,77,.12),inset 0 1px 0 #fff!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
.compare-course-page .compare-license-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#d8e0e7 100%)!important;
  border-color:#748895!important;
  box-shadow:0 11px 21px rgba(35,59,77,.17),inset 0 1px 0 #fff!important;
  transform:translateY(-2px)!important;
}
.compare-course-page .compare-license-btn-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:linear-gradient(145deg,#e5edf3,#cbd7df);
  border:1px solid #aebcc6;
}
.compare-course-page .compare-license-btn-icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:#174f77;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
\n\n/* =========================================================\n   Compare Courses v15 — featured CTA final polish\n   2026-10-08\n   ========================================================= */\n/* Use the transparent supplied course logo cleanly against the tinted panel. */\n.compare-course-page .compare-featured-brand img{\n  background:transparent!important;\n}\n\n/* Desktop only: distribute the left brand column more naturally from top to bottom.\n   Mobile/tablet retain the balanced v14 stacking that already works well. */\n@media(min-width:1001px){\n  .compare-course-page .compare-featured-brand{\n    justify-content:space-evenly;\n    padding:24px 30px;\n  }\n  .compare-course-page .compare-featured-brand .compare-featured-badge{\n    margin:0 auto 8px;\n  }\n  .compare-course-page .compare-featured-brand img{\n    width:min(100%,270px);\n    max-width:270px;\n    max-height:92px;\n    margin:0 auto 8px;\n  }\n  .compare-course-page .compare-featured-brand h3{\n    margin:0 auto 6px;\n  }\n  .compare-course-page .compare-featured-brand .compare-license{\n    margin-top:0;\n    margin-bottom:2px;\n  }\n  .compare-course-page .compare-featured-brand .compare-owner{\n    margin-top:0;\n    margin-bottom:0;\n  }\n}\n
/* =========================================================
   Compare Courses v16 — featured-provider card hierarchy
   2026-10-08
   ========================================================= */

/* Desktop only: move the CP1237 brand hierarchy higher and use the
   available vertical space more deliberately. Mobile/tablet remains as-is. */
@media (min-width:1001px){
  .compare-course-page .compare-featured-brand{
    justify-content:flex-start!important;
    padding:38px 30px 30px!important;
  }
  .compare-course-page .compare-featured-brand .compare-featured-badge{
    margin:0 auto 17px!important;
  }
  .compare-course-page .compare-featured-brand img{
    width:min(100%,270px)!important;
    max-width:270px!important;
    max-height:120px!important;
    margin:0 auto 20px!important;
  }
  .compare-course-page .compare-featured-brand h3{
    margin-bottom:10px!important;
  }
  .compare-course-page .compare-featured-brand .compare-license{
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  .compare-course-page .compare-featured-brand .compare-owner{
    margin-top:0!important;
  }
}

/* More Featured Providers: make logos and featured status visually important. */
.compare-course-page .compare-provider-mini{
  padding:22px 20px 18px!important;
  border-top:4px solid #2f82bd!important;
}
.compare-course-page .compare-mini-top{
  min-height:72px!important;
  margin-bottom:12px!important;
  align-items:flex-start!important;
}
.compare-course-page .compare-mini-top img{
  width:auto!important;
  max-width:178px!important;
  max-height:68px!important;
  object-fit:contain!important;
}
.compare-course-page .compare-mini-status{
  background:linear-gradient(135deg,#ffd66b 0%,#f2b93f 100%)!important;
  color:#173b5c!important;
  border:1px solid #dfa52c!important;
  box-shadow:0 5px 12px rgba(196,139,26,.16),inset 0 1px 0 rgba(255,255,255,.55)!important;
  padding:6px 9px!important;
  font-size:9.5px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.compare-course-page .compare-mini-label{
  margin-top:2px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
.compare-course-page .compare-provider-mini p{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.compare-course-page .compare-mini-current{
  color:#13804a!important;
  font-weight:900!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Match the large CP1237 license-details treatment. */
.compare-course-page .compare-mini-secondary{
  gap:7px!important;
  background:linear-gradient(180deg,#f5f7f9 0%,#e4e8ec 100%)!important;
  color:#173b5c!important;
  border:1px solid #9caeba!important;
  box-shadow:0 5px 12px rgba(30,56,77,.11),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.compare-course-page .compare-mini-secondary:hover{
  background:linear-gradient(180deg,#fff 0%,#e9edf1 100%)!important;
  border-color:#738b9d!important;
  color:#0c3555!important;
  transform:translateY(-2px)!important;
  box-shadow:0 9px 18px rgba(30,56,77,.16),inset 0 1px 0 #fff!important;
}
.compare-course-page .compare-mini-license-icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  flex:0 0 18px;
  border-radius:5px;
  background:linear-gradient(145deg,#e8f0f5,#d3dfe7);
  border:1px solid #b6c7d2;
}
.compare-course-page .compare-mini-license-icon svg{
  width:11px;
  height:11px;
  fill:none;
  stroke:#315d7c;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:720px){
  .compare-course-page .compare-mini-top{
    min-height:58px!important;
    align-items:center!important;
  }
  .compare-course-page .compare-mini-top img{
    max-width:145px!important;
    max-height:56px!important;
  }
}

/* =========================================================
   Compare Courses v17 — More Featured Providers logo/layout polish
   2026-10-08
   ========================================================= */

/* Keep the strongest hierarchy vertical: Featured badge -> logo -> angle -> provider name.
   This gives each logo enough room and avoids squeezing the longer provider names. */
.compare-course-page .compare-mini-top{
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.compare-course-page .compare-mini-status{
  order:-1!important;
  align-self:flex-start!important;
  margin:0!important;
}
.compare-course-page .compare-mini-top img{
  order:0!important;
  width:auto!important;
  max-width:220px!important;
  max-height:84px!important;
  object-fit:contain!important;
  margin:0!important;
}

/* Mid-size desktop / small laptop widths: center the complete card hierarchy.
   This specifically prevents the 3-up cards around 1210px from looking cramped
   or having the badge drop awkwardly beside/below the logo. */
@media (min-width:1001px) and (max-width:1260px){
  .compare-course-page .compare-provider-mini{
    text-align:center!important;
  }
  .compare-course-page .compare-mini-top{
    min-height:128px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .compare-course-page .compare-mini-status{
    align-self:center!important;
  }
  .compare-course-page .compare-mini-top img{
    max-width:210px!important;
    max-height:82px!important;
    margin:0 auto!important;
  }
  .compare-course-page .compare-mini-label{
    display:block!important;
    text-align:center!important;
  }
  .compare-course-page .compare-provider-mini h4{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .compare-course-page .compare-provider-mini p{
    justify-content:center!important;
    text-align:center!important;
  }
  .compare-course-page .compare-mini-actions{
    width:100%!important;
  }
}

/* Preserve the roomy phone treatment while allowing the larger logos to breathe. */
@media(max-width:720px){
  .compare-course-page .compare-mini-top{
    min-height:108px!important;
    align-items:flex-start!important;
    gap:9px!important;
  }
  .compare-course-page .compare-mini-status{
    align-self:flex-start!important;
  }
  .compare-course-page .compare-mini-top img{
    max-width:180px!important;
    max-height:70px!important;
  }
}

/* =========================================================
   Compare Courses v18 — keep More Featured Providers centered below 1001px
   2026-10-08
   ========================================================= */
@media (max-width:1000px){
  .compare-course-page .compare-provider-mini{
    text-align:center!important;
  }
  .compare-course-page .compare-mini-top{
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .compare-course-page .compare-mini-status{
    align-self:center!important;
  }
  .compare-course-page .compare-mini-top img{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .compare-course-page .compare-mini-label{
    display:block!important;
    text-align:center!important;
  }
  .compare-course-page .compare-provider-mini h4{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .compare-course-page .compare-provider-mini p{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* Phone widths: retain the larger stacked logo treatment, but center the hierarchy. */
@media (max-width:720px){
  .compare-course-page .compare-mini-top{
    align-items:center!important;
  }
  .compare-course-page .compare-mini-status{
    align-self:center!important;
  }
}

/* =========================================================
   Cheapest Texas Defensive Driving Courses commercial page
   ========================================================= */
.cheapest-course-page .cheapest-hero-card .compare-check-grid > div{
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(218,238,255,.92));
  border-color:rgba(98,176,236,.65);
}
.cheapest-course-page .cheapest-hero-card .compare-check-grid strong{color:#073f72}
.cheapest-course-page .cheapest-section-symbol svg,
.cheapest-course-page .cheapest-section-symbol-receipt svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cheapest-course-page .cheapest-separate-costs-section>.wrap{
  background:linear-gradient(135deg,#d5ebfb 0%,#eef8ff 48%,#c8e4f7 100%);
  border:1px solid #68afe0;
  border-top:4px solid #0b5d9b;
  border-radius:24px;
  box-shadow:0 18px 42px rgba(9,62,105,.12);
  padding:clamp(28px,4vw,54px);
}
.cheapest-cost-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.cheapest-cost-card{
  background:linear-gradient(180deg,#fff 0%,#f3f9fd 100%);
  border:1px solid #8fc5e9;
  border-top:4px solid #1479bc;
  border-radius:18px;
  padding:24px 20px 22px;
  box-shadow:0 12px 25px rgba(13,73,118,.1);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.cheapest-cost-card:hover{
  transform:translateY(-7px);
  border-color:#2a8ed0;
  box-shadow:0 20px 34px rgba(13,73,118,.18);
}
.cheapest-cost-tag{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin-bottom:14px;
  border-radius:999px;
  background:linear-gradient(135deg,#0b4d81,#197fc2);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cheapest-cost-card h3{margin:0 0 10px;color:#0b3e69;font-size:19px}
.cheapest-cost-card strong{display:block;margin-bottom:9px;color:#0d78be;font-size:24px;line-height:1.05}
.cheapest-cost-card p{margin:0;color:#5b7489;line-height:1.62}
.cheapest-course-page .cheapest-matrix-section>.wrap{
  background:linear-gradient(135deg,#d1e9fa 0%,#f7fbff 46%,#c6e1f5 100%);
}
.cheapest-course-page .cheapest-intro-section>.wrap{
  background:linear-gradient(135deg,#c8e4f8 0%,#f5fbff 48%,#b9dbf2 100%);
}
.cheapest-course-page .cheapest-checks-section>.wrap{
  background:linear-gradient(135deg,#d4eafa 0%,#eef8ff 46%,#c5e1f5 100%);
}
@media (max-width:1100px){
  .cheapest-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .cheapest-cost-grid{grid-template-columns:1fr}
  .cheapest-course-page .cheapest-separate-costs-section>.wrap{padding:24px 16px;border-radius:20px}
  .cheapest-cost-card{padding:20px 17px}
}

/* =========================================================
   Cheapest Texas Defensive Driving v2 — simplify nested panels
   2026-10-09
   ========================================================= */
/* The main compare-section is already the rounded outer panel. Keep its
   direct .wrap as a layout container only so the section does not read as
   a second translucent rectangle inside another rectangle. */
.cheapest-course-page .cheapest-intro-section > .wrap,
.cheapest-course-page .cheapest-matrix-section > .wrap,
.cheapest-course-page .cheapest-checks-section > .wrap,
.cheapest-course-page .cheapest-separate-costs-section > .wrap{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Put each section's intended blue treatment on the actual outer panel. */
.cheapest-course-page .cheapest-intro-section{
  background:linear-gradient(128deg,#9dc9e6 0%,#d6eaf7 34%,#f8fcff 68%,#b8d8ed 100%)!important;
  border-color:#4e92c0!important;
}
.cheapest-course-page .cheapest-matrix-section{
  background:linear-gradient(128deg,#94c2e0 0%,#d0e7f5 34%,#f9fcff 68%,#b2d4ea 100%)!important;
  border-color:#4a8dbb!important;
}
.cheapest-course-page .cheapest-checks-section{
  background:linear-gradient(128deg,#9bc6e3 0%,#d8ebf7 34%,#fbfdff 68%,#b8d8ec 100%)!important;
  border-color:#4e91bd!important;
}
.cheapest-course-page .cheapest-separate-costs-section{
  background:linear-gradient(128deg,#a6cde7 0%,#dcecf7 35%,#fbfdff 69%,#bfdced 100%)!important;
  border-color:#5798c3!important;
}

/* The old separate-costs wrapper carried its own large padding because it
   was previously acting as a second panel. Let the section's normal spacing
   and the shared .wrap width control spacing now. */
.cheapest-course-page .cheapest-separate-costs-section > .wrap{
  padding:0!important;
}

@media (max-width:700px){
  .cheapest-course-page .cheapest-separate-costs-section > .wrap{
    padding:0!important;
    border-radius:0!important;
  }
}

/* =========================================================
   Shared commercial pages — keep section symbol in upper-right on mobile
   Fixes 760px -> 759px breakpoint drop on Compare + Cheapest pages.
   2026-10-09
   ========================================================= */
@media (max-width:760px){
  .compare-course-page .compare-heading-with-symbol{
    display:block!important;
    position:relative!important;
    min-height:70px;
  }
  .compare-course-page .compare-heading-with-symbol .compare-heading-copy{
    max-width:none!important;
  }
  .compare-course-page .compare-heading-with-symbol .compare-heading-copy h2{
    padding-right:84px!important;
  }
  .compare-course-page .compare-heading-with-symbol .compare-section-symbol{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:64px!important;
    height:64px!important;
    margin:0!important;
    justify-self:auto!important;
    align-self:auto!important;
    border-radius:18px!important;
  }
  .compare-course-page .compare-heading-with-symbol .compare-section-symbol svg{
    width:34px!important;
    height:34px!important;
  }
}

@media (max-width:480px){
  .compare-course-page .compare-heading-with-symbol .compare-heading-copy h2{
    padding-right:68px!important;
  }
  .compare-course-page .compare-heading-with-symbol .compare-section-symbol{
    width:54px!important;
    height:54px!important;
    border-radius:16px!important;
  }
  .compare-course-page .compare-heading-with-symbol .compare-section-symbol svg{
    width:30px!important;
    height:30px!important;
  }
}

/* =========================================================
   Texas Defensive Driving for Ticket Dismissal commercial page
   2026-10-09
   ========================================================= */
.ticket-dismissal-page .ticket-dismissal-hero{
  background:
    linear-gradient(90deg,rgba(4,48,85,.97) 0%,rgba(11,83,137,.94) 56%,rgba(34,132,195,.88) 100%),
    url('/assets/brand/hero-austin.webp') center 52%/cover no-repeat;
}
.ticket-dismissal-page .ticket-dismissal-hero-card .compare-check-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(216,237,253,.92));
  border-color:rgba(112,182,232,.68);
}
.ticket-dismissal-page .ticket-dismissal-hero-card .compare-check-grid strong{color:#083f6d}
.ticket-dismissal-page .ticket-section-symbol svg,
.ticket-dismissal-page .ticket-section-symbol-road svg,
.ticket-dismissal-page .ticket-section-symbol-choose svg,
.ticket-dismissal-page .ticket-section-symbol-finish svg{
  fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
}
.ticket-dismissal-page .ticket-eligibility-section{
  background:linear-gradient(128deg,#9bc9e7 0%,#d8ebf7 34%,#fbfdff 68%,#b5d6ec 100%)!important;
  border-color:#4e92c0!important;
}
.ticket-dismissal-page .ticket-process-section{
  background:linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%)!important;
  border-color:#5b9bc5!important;
}
.ticket-dismissal-page .ticket-choose-section{
  background:linear-gradient(128deg,#a3cde8 0%,#dcecf7 36%,#fbfdff 69%,#bddbed 100%)!important;
  border-color:#4f91bd!important;
}
.ticket-dismissal-page .ticket-completion-section{
  background:linear-gradient(128deg,#9fc9e4 0%,#d9eaf6 36%,#f9fcff 69%,#b5d5ea 100%)!important;
  border-color:#4e90bc!important;
}
.ticket-dismissal-page .ticket-eligibility-section>.wrap,
.ticket-dismissal-page .ticket-process-section>.wrap,
.ticket-dismissal-page .ticket-choose-section>.wrap,
.ticket-dismissal-page .ticket-completion-section>.wrap{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.ticket-steps-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;
}
.ticket-step-card{
  position:relative;background:linear-gradient(180deg,#fff 0%,#f3f9fd 100%);border:1px solid #86bee4;border-top:4px solid #1379bc;border-radius:18px;padding:24px 20px 22px;box-shadow:0 12px 26px rgba(14,74,118,.11);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.ticket-step-card:hover{transform:translateY(-7px);border-color:#278dce;box-shadow:0 20px 36px rgba(14,74,118,.19)}
.ticket-step-number{display:inline-grid;place-items:center;min-width:42px;height:30px;padding:0 10px;margin-bottom:14px;border-radius:999px;background:linear-gradient(135deg,#0b4c80,#1980c4);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}
.ticket-step-card h3{margin:0 0 9px;color:#0b3d68;font-size:19px}.ticket-step-card p{margin:0;color:#58738a;line-height:1.62}
.ticket-process-note{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#0a416e,#126fae);color:#fff;box-shadow:0 12px 24px rgba(7,59,99,.14)}
.ticket-process-note strong{white-space:nowrap;color:#ffd56b}.ticket-process-note span{line-height:1.55}
.ticket-dismissal-page .ticket-featured-section .compare-section-heading p{max-width:840px}
.ticket-completion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.ticket-completion-grid article{background:linear-gradient(180deg,#fff 0%,#f1f8fd 100%);border:1px solid #88bee2;border-top:4px solid #0c619f;border-radius:18px;padding:24px 20px;box-shadow:0 12px 26px rgba(13,72,114,.11);transition:transform .28s ease,box-shadow .28s ease}
.ticket-completion-grid article:hover{transform:translateY(-7px);box-shadow:0 19px 34px rgba(13,72,114,.18)}
.ticket-completion-grid span{display:inline-block;margin-bottom:10px;color:#0e74b7;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ticket-completion-grid h3{margin:0 0 9px;color:#0b3e69;font-size:19px}.ticket-completion-grid p{margin:0;color:#58738a;line-height:1.62}
.ticket-dismissal-page .ticket-faq-section{background:linear-gradient(125deg,#0b4778 0%,#156da8 48%,#9fcde8 100%)!important}
.ticket-dismissal-page .ticket-final-cta{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:980px){.ticket-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-completion-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ticket-steps-grid{grid-template-columns:1fr}.ticket-step-card,.ticket-completion-grid article{padding:20px 17px}.ticket-process-note{flex-direction:column;gap:5px}.ticket-process-note strong{white-space:normal}}


/* =========================================================
   Ticket Dismissal v2 — process, CTA, completion polish
   2026-10-09
   ========================================================= */
.ticket-dismissal-page .ticket-process-section,
.ticket-dismissal-page .ticket-completion-section{
  overflow:hidden;
}
.ticket-dismissal-page .ticket-steps-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:30px!important;
}
.ticket-dismissal-page .ticket-step-card{
  position:relative!important;
  display:block!important;
  min-height:230px!important;
  padding:24px 22px 22px!important;
  border:1px solid #78b5dc!important;
  border-top:5px solid #0d6eae!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f0f8fd 58%,#dcecf7 100%)!important;
  box-shadow:0 14px 30px rgba(8,59,102,.12)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.ticket-dismissal-page .ticket-step-card:hover{
  transform:translateY(-8px)!important;
  border-color:#2d91ce!important;
  box-shadow:0 23px 42px rgba(8,59,102,.22)!important;
}
.ticket-dismissal-page .ticket-step-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:20px!important;
}
.ticket-dismissal-page .ticket-step-number{
  display:inline-grid!important;
  place-items:center!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 14px!important;
  margin:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#083d69 0%,#0c72b6 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  box-shadow:0 8px 18px rgba(5,54,95,.18)!important;
}
.ticket-dismissal-page .ticket-step-icon{
  width:52px!important;height:52px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#0c4f85 0%,#1592d2 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(7,67,110,.22)!important;
}
.ticket-dismissal-page .ticket-step-icon svg{
  width:29px!important;height:29px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2.1!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.ticket-dismissal-page .ticket-step-card h3{
  margin:0 0 10px!important;color:#093d69!important;font-size:20px!important;line-height:1.2!important;
}
.ticket-dismissal-page .ticket-step-card p{
  margin:0!important;color:#58738a!important;font-size:14px!important;line-height:1.64!important;
}
.ticket-dismissal-page .ticket-process-note{
  margin-top:22px!important;padding:19px 22px!important;border:1px solid rgba(124,198,240,.55)!important;
  border-radius:17px!important;background:linear-gradient(105deg,#083c67 0%,#0e6099 58%,#2791c8 100%)!important;
  box-shadow:0 14px 28px rgba(5,53,90,.18)!important;
}

/* Reuse the finished Compare-page Featured Course CTA component. */
.ticket-dismissal-page .ticket-featured-section .compare-featured-action{
  background:linear-gradient(155deg,#e8f5fe 0%,#d1e8f8 48%,#bdddf2 100%)!important;
}
.ticket-dismissal-page .ticket-featured-section .compare-action-kicker{
  background:linear-gradient(180deg,#ffe184,#ffc44d)!important;
  color:#063e6b!important;
  border:1px solid #e6a91f!important;
}
.ticket-dismissal-page .ticket-featured-section .compare-action-features li::before{
  background:#e7f8ec!important;color:#0b8a4a!important;border:1px solid #a5dfba!important;
}
.ticket-dismissal-page .ticket-featured-section .compare-start-btn{
  background:linear-gradient(135deg,#0878c7 0%,#0d9fe8 100%)!important;
  color:#fff!important;box-shadow:0 11px 22px rgba(8,99,164,.24)!important;
}
.ticket-dismissal-page .ticket-featured-section .compare-license-btn{
  background:linear-gradient(180deg,#f8fafc 0%,#dfe7ec 100%)!important;
  color:#123f64!important;border:1px solid #aab9c4!important;
}

.ticket-dismissal-page .ticket-completion-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:28px!important;
}
.ticket-dismissal-page .ticket-completion-grid article{
  position:relative!important;
  min-height:245px!important;
  padding:26px 22px 24px!important;
  border:1px solid #7db8df!important;
  border-top:5px solid #0c6eae!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#fff 0%,#f1f8fd 56%,#dbeaf6 100%)!important;
  box-shadow:0 14px 30px rgba(9,62,105,.12)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.ticket-dismissal-page .ticket-completion-grid article:nth-child(2){border-top-color:#2a88c5!important}
.ticket-dismissal-page .ticket-completion-grid article:nth-child(3){border-top-color:#0a4d80!important}
.ticket-dismissal-page .ticket-completion-grid article:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 23px 42px rgba(9,62,105,.21)!important;
}
.ticket-dismissal-page .ticket-completion-icon{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  margin:0 0 17px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#0b4b7e 0%,#1592d2 100%)!important;
  color:#fff!important;
  box-shadow:0 11px 22px rgba(7,65,108,.22)!important;
}
.ticket-dismissal-page .ticket-completion-icon svg{
  width:33px!important;height:33px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:2.1!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.ticket-dismissal-page .ticket-completion-grid span{
  display:inline-block!important;margin:0 0 9px!important;color:#0d74b6!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;
}
.ticket-dismissal-page .ticket-completion-grid h3{
  margin:0 0 10px!important;color:#0a3e69!important;font-size:20px!important;line-height:1.25!important;
}
.ticket-dismissal-page .ticket-completion-grid p{
  margin:0!important;color:#58738a!important;font-size:14px!important;line-height:1.64!important;
}
@media(max-width:980px){
  .ticket-dismissal-page .ticket-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ticket-dismissal-page .ticket-completion-grid{grid-template-columns:1fr!important}
  .ticket-dismissal-page .ticket-completion-grid article{min-height:0!important}
}
@media(max-width:700px){
  .ticket-dismissal-page .ticket-steps-grid{grid-template-columns:1fr!important}
  .ticket-dismissal-page .ticket-step-card{min-height:0!important;padding:20px 18px!important}
  .ticket-dismissal-page .ticket-step-icon{width:48px!important;height:48px!important}
  .ticket-dismissal-page .ticket-step-icon svg{width:26px!important;height:26px!important}
  .ticket-dismissal-page .ticket-completion-grid article{padding:22px 18px!important}
}

/* =========================================================
   Ticket Dismissal v3 — unified card + icon hover treatment
   2026-10-09
   ========================================================= */
.ticket-dismissal-page .ticket-eligibility-section .compare-factor-card,
.ticket-dismissal-page .ticket-choose-section .compare-three-grid > article{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
  will-change:transform;
}
.ticket-dismissal-page .ticket-eligibility-section .compare-factor-card:hover,
.ticket-dismissal-page .ticket-choose-section .compare-three-grid > article:hover{
  transform:translateY(-8px)!important;
  border-color:#2d91ce!important;
  box-shadow:0 23px 42px rgba(8,59,102,.21)!important;
}
.ticket-dismissal-page .ticket-eligibility-section .compare-factor-icon,
.ticket-dismissal-page .ticket-choose-section .compare-guide-icon{
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.ticket-dismissal-page .ticket-eligibility-section .compare-factor-card:hover .compare-factor-icon,
.ticket-dismissal-page .ticket-choose-section .compare-three-grid > article:hover .compare-guide-icon{
  transform:translateY(-3px) scale(1.06)!important;
  box-shadow:0 15px 28px rgba(5,50,91,.27)!important;
}

@media (hover:none), (pointer:coarse){
  .ticket-dismissal-page .ticket-eligibility-section .compare-factor-card:hover,
  .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article:hover{
    transform:none!important;
  }
  .ticket-dismissal-page .ticket-eligibility-section .compare-factor-card:hover .compare-factor-icon,
  .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article:hover .compare-guide-icon{
    transform:none!important;
  }
}

/* =========================================================
   Ticket Dismissal v4 — consistent card + icon hover across body sections
   2026-10-09
   ========================================================= */

/* Eligibility + green-light comparison cards: make the CARD the primary hover target. */
.ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div),
.ticket-dismissal-page .ticket-choose-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div){
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
  will-change:transform;
}
.ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover,
.ticket-dismissal-page .ticket-choose-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover{
  transform:translateY(-8px)!important;
  border-color:#2d91ce!important;
  box-shadow:0 23px 42px rgba(8,59,102,.21)!important;
}

/* Keep icon motion secondary and synchronized with the card. */
.ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-icon,.compare-guide-icon),
.ticket-dismissal-page .ticket-choose-section :is(.compare-factor-icon,.compare-guide-icon){
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover :is(.compare-factor-icon,.compare-guide-icon),
.ticket-dismissal-page .ticket-choose-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover :is(.compare-factor-icon,.compare-guide-icon){
  transform:translateY(-3px) scale(1.06)!important;
  box-shadow:0 15px 28px rgba(5,50,91,.27)!important;
}

/* Process + completion cards already lift; add matching subtle icon response. */
.ticket-dismissal-page .ticket-step-icon,
.ticket-dismissal-page .ticket-completion-icon{
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.ticket-dismissal-page .ticket-step-card:hover .ticket-step-icon,
.ticket-dismissal-page .ticket-completion-grid article:hover .ticket-completion-icon{
  transform:translateY(-3px) scale(1.06)!important;
  box-shadow:0 16px 30px rgba(5,50,91,.28)!important;
}

/* Touch devices: avoid sticky hover transforms. */
@media (hover:none), (pointer:coarse){
  .ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover,
  .ticket-dismissal-page .ticket-choose-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover,
  .ticket-dismissal-page .ticket-step-card:hover,
  .ticket-dismissal-page .ticket-completion-grid article:hover{
    transform:none!important;
  }
  .ticket-dismissal-page .ticket-eligibility-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover :is(.compare-factor-icon,.compare-guide-icon),
  .ticket-dismissal-page .ticket-choose-section :is(.compare-factor-card,.compare-three-grid > article,.compare-factor-grid > article,.compare-factor-grid > div):hover :is(.compare-factor-icon,.compare-guide-icon),
  .ticket-dismissal-page .ticket-step-card:hover .ticket-step-icon,
  .ticket-dismissal-page .ticket-completion-grid article:hover .ticket-completion-icon{
    transform:none!important;
  }
}

/* =========================================================
   Ticket Dismissal v5 — restore hover lift after scroll reveal
   The shared Compare v12 reveal selector is more specific than the
   ticket-card hover rule, so visible green-light cards were pinned
   at transform:none. This explicit post-reveal hover override restores
   the intended lift while preserving reveal behavior.
   2026-10-09
   ========================================================= */
.compare-reveal-enabled .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover{
  transform:translateY(-8px)!important;
  border-color:#2d91ce!important;
  box-shadow:0 23px 42px rgba(8,59,102,.21)!important;
}
.compare-reveal-enabled .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover .compare-guide-icon{
  transform:translateY(-3px) scale(1.06)!important;
  box-shadow:0 15px 28px rgba(5,50,91,.27)!important;
}
@media (hover:none), (pointer:coarse){
  .compare-reveal-enabled .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover{
    transform:none!important;
  }
  .compare-reveal-enabled .ticket-dismissal-page .ticket-choose-section .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover .compare-guide-icon{
    transform:none!important;
  }
}

/* =========================================================
   Compare + Cheapest commercial pages — unified professional hover system
   Matches the finished Ticket Dismissal card interaction while preserving
   existing scroll reveal and touch behavior. 2026-10-09
   ========================================================= */

/* Main comparison/value cards: the card is the primary interaction. */
.compare-course-page:not(.ticket-dismissal-page) .compare-factor-card,
.compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article,
.cheapest-course-page .cheapest-cost-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease!important;
}

.compare-course-page:not(.ticket-dismissal-page) .compare-factor-card:hover,
.compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article:hover,
.cheapest-course-page .cheapest-cost-card:hover{
  transform:translateY(-8px) scale(1.012)!important;
  border-color:#5b9fca!important;
  box-shadow:0 24px 44px rgba(7,48,87,.19),0 6px 14px rgba(7,48,87,.08)!important;
}

/* The icon/tag moves less than the card so the motion feels polished. */
.compare-course-page:not(.ticket-dismissal-page) .compare-factor-icon,
.compare-course-page:not(.ticket-dismissal-page) .compare-guide-icon,
.cheapest-course-page .cheapest-cost-tag{
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}

.compare-course-page:not(.ticket-dismissal-page) .compare-factor-card:hover .compare-factor-icon,
.compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article:hover .compare-guide-icon,
.cheapest-course-page .cheapest-cost-card:hover .cheapest-cost-tag{
  transform:translateY(-4px) scale(1.07)!important;
  box-shadow:0 14px 26px rgba(5,50,91,.25)!important;
}

/* More Featured Provider cards: retain their stronger commercial hover,
   but add a small synchronized logo movement for consistency. */
.compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini img{
  transition:transform .28s ease,filter .28s ease!important;
}
.compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini:hover img{
  transform:translateY(-3px) scale(1.035)!important;
  filter:drop-shadow(0 7px 9px rgba(6,55,94,.14));
}

/* Scroll reveal ends at transform:none!important. These post-reveal rules
   deliberately outrank that state so hover lift still works afterwards. */
.compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-factor-card[data-compare-reveal="1"].is-compare-visible:hover,
.compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover,
.compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini[data-compare-reveal="1"].is-compare-visible:hover{
  transform:translateY(-8px) scale(1.012)!important;
}

/* Featured cards already use a stronger lift; preserve that amount after reveal. */
.compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini[data-compare-reveal="1"].is-compare-visible:hover{
  transform:translateY(-10px) scale(1.018)!important;
  box-shadow:0 28px 50px rgba(0,20,40,.25)!important;
}

/* Touch devices: no sticky hover transforms. */
@media (hover:none), (pointer:coarse){
  .compare-course-page:not(.ticket-dismissal-page) .compare-factor-card:hover,
  .compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article:hover,
  .compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini:hover,
  .cheapest-course-page .cheapest-cost-card:hover,
  .compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-factor-card[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini[data-compare-reveal="1"].is-compare-visible:hover{
    transform:none!important;
  }
  .compare-course-page:not(.ticket-dismissal-page) .compare-factor-card:hover .compare-factor-icon,
  .compare-course-page:not(.ticket-dismissal-page) .compare-three-grid > article:hover .compare-guide-icon,
  .compare-course-page:not(.ticket-dismissal-page) .compare-provider-mini:hover img,
  .cheapest-course-page .cheapest-cost-card:hover .cheapest-cost-tag{
    transform:none!important;
    filter:none!important;
  }
}

/* =========================================================
   Online Texas Defensive Driving Courses — commercial page
   2026-10-09
   ========================================================= */
.online-course-page .online-course-hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(83,169,226,.26),transparent 31%),
    linear-gradient(116deg,#062f58 0%,#0a568c 51%,#1983c3 100%)!important;
}
.online-course-page .online-hero-card{
  background:linear-gradient(145deg,#083b68 0%,#116ca9 58%,#238fc8 100%)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:0 28px 60px rgba(0,22,48,.28)!important;
}
.online-course-page .online-hero-card .compare-card-eyebrow{color:#dcefff!important}
.online-course-page .online-hero-card .compare-check-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.22)!important;
}
.online-course-page .online-hero-card .compare-check-grid strong,
.online-course-page .online-hero-card .compare-check-grid span{color:#fff!important}

.online-course-page .online-features-section,
.online-course-page .online-matrix-section,
.online-course-page .online-checks-section{
  background:linear-gradient(132deg,#b8dcf4 0%,#d9ecf9 47%,#f7fbff 100%)!important;
}
.online-course-page .online-flex-section{
  background:linear-gradient(132deg,#d3e9f8 0%,#f8fcff 55%,#c6e4f7 100%)!important;
}
.online-course-page .online-section-symbol-devices,
.online-course-page .online-section-symbol-clock,
.online-course-page .online-section-symbol-list,
.online-course-page .online-section-symbol-check{
  background:linear-gradient(145deg,#073b67,#1683c2)!important;
  box-shadow:0 16px 30px rgba(7,66,108,.23)!important;
}
.online-course-page .online-section-symbol-devices svg,
.online-course-page .online-section-symbol-clock svg,
.online-course-page .online-section-symbol-list svg,
.online-course-page .online-section-symbol-check svg{
  fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
}
.online-course-page .online-factor-grid .compare-factor-icon{
  font-size:17px!important;letter-spacing:-.02em!important;
}

/* Online-format visual section */
.online-course-page .online-how-section{
  background:linear-gradient(135deg,#073964 0%,#0b6099 50%,#1a86bf 100%)!important;
  border-color:#0a5f99!important;
  overflow:hidden;
}
.online-course-page .online-how-grid{
  display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:46px;align-items:center;
}
.online-course-page .online-how-copy .section-kicker{color:#cfeaff!important}
.online-course-page .online-how-copy h2{color:#fff!important;margin-top:7px!important}
.online-course-page .online-how-copy>p{color:#e8f5ff!important;font-size:16px!important;line-height:1.72!important}
.online-course-page .online-how-points{display:grid;gap:12px;margin:24px 0!important}
.online-course-page .online-how-points>div{
  display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px 14px;
  border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.10);
}
.online-course-page .online-how-points span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0a5e98;font-weight:900;
}
.online-course-page .online-how-points p{margin:0!important;color:#eaf6ff!important;line-height:1.5!important}
.online-course-page .online-how-points strong{color:#fff!important}
.online-course-page .online-how-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px!important}
.online-course-page .online-how-actions .secondary{border-color:rgba(255,255,255,.55)!important;color:#fff!important;background:rgba(255,255,255,.09)!important}

.online-course-page .online-how-visual{display:grid;place-items:center;min-height:360px}
.online-course-page .online-device-stage{position:relative;width:min(100%,430px);height:310px}
.online-course-page .online-laptop{position:absolute;left:20px;top:38px;width:310px;height:190px;border:9px solid #eef7fd;border-bottom-width:13px;border-radius:12px 12px 8px 8px;background:#0c3253;box-shadow:0 28px 50px rgba(0,20,42,.35)}
.online-course-page .online-laptop:after{content:"";position:absolute;left:-31px;right:-31px;bottom:-29px;height:18px;border-radius:4px 4px 16px 16px;background:linear-gradient(#d5e4ed,#f5fbff)}
.online-course-page .online-laptop span{position:absolute;inset:18px;background:linear-gradient(135deg,#1d8dcc,#73c2eb);border-radius:5px}
.online-course-page .online-laptop span:before{content:"ONLINE COURSE";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:15px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.online-course-page .online-tablet{position:absolute;right:25px;bottom:20px;width:125px;height:170px;border:8px solid #eef7fd;border-radius:13px;background:#0c3253;box-shadow:0 22px 38px rgba(0,20,42,.34)}
.online-course-page .online-tablet span{position:absolute;inset:10px;background:linear-gradient(150deg,#278fcb,#9dd7f4);border-radius:5px}
.online-course-page .online-phone{position:absolute;right:139px;bottom:7px;width:75px;height:130px;border:7px solid #f5fbff;border-radius:15px;background:#0b3152;box-shadow:0 18px 33px rgba(0,20,42,.34)}
.online-course-page .online-phone span{position:absolute;inset:7px;background:linear-gradient(145deg,#167eb9,#7ec9ed);border-radius:7px}
.online-course-page .online-device-badge{position:absolute;left:42px;bottom:14px;padding:9px 16px;border-radius:999px;background:#f3b623;color:#17334d;font-weight:950;font-size:12px;letter-spacing:.11em;box-shadow:0 10px 24px rgba(0,20,42,.24)}

/* Pause / resume journey */
.online-course-page .online-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.online-course-page .online-journey-card{
  position:relative;min-height:245px;padding:22px 19px 20px;border:1px solid #9bc7e4;border-radius:18px;background:linear-gradient(160deg,#fff 0%,#f4fbff 100%);box-shadow:0 14px 28px rgba(7,59,98,.10);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.online-course-page .online-journey-card:hover{transform:translateY(-8px)!important;border-color:#2d91ce!important;box-shadow:0 23px 42px rgba(8,59,102,.21)!important}
.online-course-page .online-journey-number{display:inline-block;color:#0d72b2;font-size:12px;font-weight:950;letter-spacing:.1em;margin-bottom:13px}
.online-course-page .online-journey-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#073c68,#1684c3);box-shadow:0 12px 22px rgba(7,63,103,.18);transition:transform .28s ease,box-shadow .28s ease}
.online-course-page .online-journey-icon svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.online-course-page .online-journey-card:hover .online-journey-icon{transform:translateY(-3px) scale(1.06)!important;box-shadow:0 16px 29px rgba(5,50,91,.27)!important}
.online-course-page .online-journey-card h3{margin:17px 0 8px!important;color:#0b416d!important;font-size:19px!important;line-height:1.25!important}
.online-course-page .online-journey-card p{margin:0!important;color:#58748a!important;font-size:14px!important;line-height:1.62!important}

.online-course-page .online-featured-section{
  background:linear-gradient(128deg,#052d55 0%,#07558c 56%,#127ab4 100%)!important;
}
.online-course-page .online-neutral-section{background:linear-gradient(132deg,#0a4675 0%,#0e699f 52%,#2589ba 100%)!important}
.online-course-page .online-faq-section{background:linear-gradient(132deg,#07375f 0%,#0a6098 55%,#1882bc 100%)!important}

@media(max-width:1040px){
  .online-course-page .online-how-grid{grid-template-columns:1fr;gap:20px}
  .online-course-page .online-how-visual{min-height:300px;order:2}
  .online-course-page .online-how-copy{order:1}
  .online-course-page .online-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .online-course-page .online-journey-grid{grid-template-columns:1fr}
  .online-course-page .online-journey-card{min-height:0}
  .online-course-page .online-how-visual{min-height:250px}
  .online-course-page .online-device-stage{height:235px;transform:scale(.82);transform-origin:center center}
  .online-course-page .online-how-actions{display:grid;grid-template-columns:1fr}
  .online-course-page .online-how-actions .btn{width:100%;justify-content:center}
}
@media(max-width:480px){
  .online-course-page .online-device-stage{transform:scale(.68)}
  .online-course-page .online-how-visual{min-height:215px}
}
@media(hover:none),(pointer:coarse){
  .online-course-page .online-journey-card:hover,
  .online-course-page .online-journey-card:hover .online-journey-icon{transform:none!important}
}

/* =========================================================
   ONLINE COURSE PAGE — v2 robust section styling fallback
   Ensures the two custom online sections retain their intended
   presentation even if a parent body-class selector is missed.
   ========================================================= */
.online-how-section{
  background:linear-gradient(135deg,#073964 0%,#0b6099 50%,#1a86bf 100%)!important;
  border-color:#0a5f99!important;
  overflow:hidden!important;
}
.online-how-section .online-how-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  gap:46px!important;
  align-items:center!important;
}
.online-how-section .online-how-copy .section-kicker{color:#cfeaff!important}
.online-how-section .online-how-copy h2{color:#fff!important;margin-top:7px!important}
.online-how-section .online-how-copy>p{color:#e8f5ff!important;font-size:16px!important;line-height:1.72!important}
.online-how-section .online-how-points{display:grid!important;gap:12px!important;margin:24px 0!important}
.online-how-section .online-how-points>div{
  display:grid!important;grid-template-columns:38px 1fr!important;gap:12px!important;align-items:center!important;
  padding:12px 14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:13px!important;
  background:rgba(255,255,255,.10)!important;box-shadow:0 9px 20px rgba(0,28,55,.10)!important;
}
.online-how-section .online-how-points span{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;
  background:#fff!important;color:#0a5e98!important;font-weight:900!important;
}
.online-how-section .online-how-points p{margin:0!important;color:#eaf6ff!important;line-height:1.5!important}
.online-how-section .online-how-points strong{color:#fff!important}
.online-how-section .online-how-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:22px!important}
.online-how-section .online-how-actions .secondary{border-color:rgba(255,255,255,.55)!important;color:#fff!important;background:rgba(255,255,255,.09)!important}
.online-how-section .online-how-visual{display:grid!important;place-items:center!important;min-height:360px!important}
.online-how-section .online-device-stage{position:relative!important;width:min(100%,430px)!important;height:310px!important}
.online-how-section .online-laptop{position:absolute!important;left:20px!important;top:38px!important;width:310px!important;height:190px!important;border:9px solid #eef7fd!important;border-bottom-width:13px!important;border-radius:12px 12px 8px 8px!important;background:#0c3253!important;box-shadow:0 28px 50px rgba(0,20,42,.35)!important}
.online-how-section .online-laptop:after{content:"";position:absolute;left:-31px;right:-31px;bottom:-29px;height:18px;border-radius:4px 4px 16px 16px;background:linear-gradient(#d5e4ed,#f5fbff)}
.online-how-section .online-laptop span{position:absolute!important;inset:18px!important;background:linear-gradient(135deg,#1d8dcc,#73c2eb)!important;border-radius:5px!important}
.online-how-section .online-laptop span:before{content:"ONLINE COURSE";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:15px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.online-how-section .online-tablet{position:absolute!important;right:25px!important;bottom:20px!important;width:125px!important;height:170px!important;border:8px solid #eef7fd!important;border-radius:13px!important;background:#0c3253!important;box-shadow:0 22px 38px rgba(0,20,42,.34)!important}
.online-how-section .online-tablet span{position:absolute!important;inset:10px!important;background:linear-gradient(150deg,#278fcb,#9dd7f4)!important;border-radius:5px!important}
.online-how-section .online-phone{position:absolute!important;right:139px!important;bottom:7px!important;width:75px!important;height:130px!important;border:7px solid #f5fbff!important;border-radius:15px!important;background:#0b3152!important;box-shadow:0 18px 33px rgba(0,20,42,.34)!important}
.online-how-section .online-phone span{position:absolute!important;inset:7px!important;background:linear-gradient(145deg,#167eb9,#7ec9ed)!important;border-radius:7px!important}
.online-how-section .online-device-badge{position:absolute!important;left:42px!important;bottom:14px!important;padding:9px 16px!important;border-radius:999px!important;background:#f3b623!important;color:#17334d!important;font-weight:950!important;font-size:12px!important;letter-spacing:.11em!important;box-shadow:0 10px 24px rgba(0,20,42,.24)!important}

.online-flex-section{
  background:linear-gradient(132deg,#c5e2f5 0%,#f8fcff 52%,#b8dbf1 100%)!important;
}
.online-flex-section .online-journey-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:24px!important}
.online-flex-section .online-journey-card{
  position:relative!important;min-height:245px!important;padding:22px 19px 20px!important;border:1px solid #79b7df!important;
  border-radius:18px!important;background:linear-gradient(160deg,#fff 0%,#edf8ff 100%)!important;
  box-shadow:0 14px 28px rgba(7,59,98,.13)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.online-flex-section .online-journey-number{display:inline-block!important;color:#0d72b2!important;font-size:12px!important;font-weight:950!important;letter-spacing:.1em!important;margin-bottom:13px!important}
.online-flex-section .online-journey-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:16px!important;background:linear-gradient(145deg,#073c68,#1684c3)!important;box-shadow:0 12px 22px rgba(7,63,103,.18)!important;transition:transform .28s ease,box-shadow .28s ease!important}
.online-flex-section .online-journey-icon svg{width:31px!important;height:31px!important;fill:none!important;stroke:#fff!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.online-flex-section .online-journey-card h3{margin:17px 0 8px!important;color:#0b416d!important;font-size:19px!important;line-height:1.25!important}
.online-flex-section .online-journey-card p{margin:0!important;color:#58748a!important;font-size:14px!important;line-height:1.62!important}
@media(hover:hover) and (pointer:fine){
  .online-flex-section .online-journey-card:hover{transform:translateY(-8px)!important;border-color:#187fbe!important;box-shadow:0 23px 42px rgba(8,59,102,.23)!important}
  .online-flex-section .online-journey-card:hover .online-journey-icon{transform:translateY(-3px) scale(1.06)!important;box-shadow:0 16px 29px rgba(5,50,91,.27)!important}
}
@media(max-width:1040px){
  .online-how-section .online-how-grid{grid-template-columns:1fr!important;gap:20px!important}
  .online-how-section .online-how-copy{order:1!important}
  .online-how-section .online-how-visual{order:2!important;min-height:300px!important}
  .online-flex-section .online-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .online-flex-section .online-journey-grid{grid-template-columns:1fr!important}
  .online-flex-section .online-journey-card{min-height:0!important}
  .online-how-section .online-how-visual{min-height:250px!important}
  .online-how-section .online-device-stage{height:235px!important;transform:scale(.82)!important;transform-origin:center center!important}
  .online-how-section .online-how-actions{display:grid!important;grid-template-columns:1fr!important}
  .online-how-section .online-how-actions .btn{width:100%!important;justify-content:center!important}
}
@media(max-width:480px){
  .online-how-section .online-device-stage{transform:scale(.68)!important}
  .online-how-section .online-how-visual{min-height:215px!important}
}


/* =========================================================
   ONLINE COURSE PAGE — v3 contrast + featured mix polish
   2026-10-09
   ========================================================= */

/* Dark online explainer: make both actions unmistakable. */
.online-course-page .online-how-actions .compare-primary{
  background:linear-gradient(180deg,#ffffff 0%,#eef7fd 100%)!important;
  color:#083f6b!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 10px 24px rgba(0,28,54,.22)!important;
  font-weight:900!important;
}
.online-course-page .online-how-actions .compare-primary:hover{
  background:#fff!important;
  color:#052f53!important;
  transform:translateY(-3px)!important;
  box-shadow:0 16px 30px rgba(0,24,48,.30)!important;
}
.online-course-page .online-how-actions .secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 20px rgba(0,28,54,.12)!important;
}
.online-course-page .online-how-actions .secondary:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:#fff!important;
  transform:translateY(-3px)!important;
}

/* Neutral provider-search panel sits on a dark blue gradient; force high-contrast copy. */
.online-course-page .online-neutral-section .section-kicker{
  color:#cfeaff!important;
}
.online-course-page .online-neutral-section h2{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,30,58,.16);
}
.online-course-page .online-neutral-section p{
  color:#e3f1fb!important;
}
.online-course-page .online-neutral-section .compare-neutral-visual > span{
  color:#d8edf9!important;
}
.online-course-page .online-neutral-section .compare-neutral-actions > .btn:first-child{
  background:#fff!important;
  color:#0a4775!important;
  border-color:#fff!important;
  box-shadow:0 10px 24px rgba(0,29,55,.20)!important;
}
.online-course-page .online-neutral-section .compare-neutral-actions > .btn:first-child:hover{
  background:#f4faff!important;
  color:#073b64!important;
  transform:translateY(-3px)!important;
}
.online-course-page .online-neutral-section .compare-neutral-actions .secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.78)!important;
}
.online-course-page .online-neutral-section .compare-neutral-actions .secondary:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:#fff!important;
}

@media(hover:none),(pointer:coarse){
  .online-course-page .online-how-actions .compare-primary:hover,
  .online-course-page .online-how-actions .secondary:hover,
  .online-course-page .online-neutral-section .compare-neutral-actions > .btn:first-child:hover,
  .online-course-page .online-neutral-section .compare-neutral-actions .secondary:hover{
    transform:none!important;
  }
}


/* Online Courses v4: keep every comparison-matrix header label legible on the dark gradient. */
.online-course-page .compare-matrix-head > span,
.online-course-page .compare-matrix-head > strong{
  color:#fff!important;
  text-shadow:0 1px 8px rgba(0,24,48,.22);
}

/* =========================================================
   ONLINE COURSE PAGE — v5 responsive device composition fix
   2026-10-09
   Keeps device artwork above copy below 1040px and scales the
   complete fixed canvas so laptop/tablet/phone never collapse.
   ========================================================= */
@media(max-width:1040px){
  .online-how-section .online-how-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .online-how-section .online-how-visual{
    order:1!important;
    min-height:320px!important;
  }
  .online-how-section .online-how-copy{
    order:2!important;
  }
  .online-how-section .online-device-stage{
    width:430px!important;
    max-width:none!important;
    height:310px!important;
    transform:scale(.88)!important;
    transform-origin:center center!important;
  }
}

@media(max-width:700px){
  .online-how-section .online-how-visual{
    min-height:285px!important;
  }
  .online-how-section .online-device-stage{
    width:430px!important;
    max-width:none!important;
    height:310px!important;
    transform:scale(.78)!important;
  }
}

@media(max-width:560px){
  .online-how-section .online-how-visual{
    min-height:245px!important;
  }
  .online-how-section .online-device-stage{
    transform:scale(.66)!important;
  }
}

@media(max-width:400px){
  .online-how-section .online-how-visual{
    min-height:220px!important;
  }
  .online-how-section .online-device-stage{
    transform:scale(.58)!important;
  }
}


/* =========================================================
   ONLINE COURSE PAGE — v6 narrow-width overflow fix
   2026-10-09
   Remove the fixed 430px device canvas from mobile intrinsic
   sizing so artwork and copy stay fully inside the viewport.
   ========================================================= */
@media(max-width:560px){
  .online-how-section,
  .online-how-section .wrap,
  .online-how-section .online-how-grid,
  .online-how-section .online-how-copy,
  .online-how-section .online-how-points,
  .online-how-section .online-how-actions{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .online-how-section .online-how-grid{
    width:100%!important;
    overflow:hidden!important;
  }

  .online-how-section .online-how-copy{
    width:100%!important;
    overflow-wrap:anywhere!important;
  }

  .online-how-section .online-how-copy>p,
  .online-how-section .online-how-points>div,
  .online-how-section .online-how-points p{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .online-how-section .online-how-visual{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    min-height:245px!important;
  }

  .online-how-section .online-device-stage{
    position:absolute!important;
    width:430px!important;
    max-width:none!important;
    height:310px!important;
    left:50%!important;
    top:50%!important;
    margin:0!important;
    transform:translate(-50%,-50%) scale(.66)!important;
    transform-origin:center center!important;
  }
}

@media(max-width:460px){
  .online-how-section .online-how-visual{
    min-height:225px!important;
  }
  .online-how-section .online-device-stage{
    transform:translate(-50%,-50%) scale(.61)!important;
  }
}

@media(max-width:400px){
  .online-how-section .online-how-visual{
    min-height:205px!important;
  }
  .online-how-section .online-device-stage{
    transform:translate(-50%,-50%) scale(.55)!important;
  }
}

@media(max-width:360px){
  .online-how-section .online-how-visual{
    min-height:195px!important;
  }
  .online-how-section .online-device-stage{
    transform:translate(-50%,-50%) scale(.51)!important;
  }
}

/* =========================================================
   ONLINE COURSE PAGE — v7 narrow mobile gutter restoration
   2026-10-09
   Preserve the v6 overflow fix while restoring the standard
   inner section gutter below 560px.
   ========================================================= */
@media(max-width:560px){
  .online-how-section > .wrap{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* =========================================================
   CERTIFICATE GUIDE PAGE — v1
   2026-10-09
   ========================================================= */
.certificate-guide-page .certificate-delivery-section{
  background:linear-gradient(135deg,#0b416d 0%,#0f5d94 48%,#2487bc 100%)!important;
  color:#fff!important;
}
.certificate-guide-page .certificate-delivery-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}
.certificate-guide-page .certificate-delivery-copy .section-kicker{color:#ffd36a!important}
.certificate-guide-page .certificate-delivery-copy h2{color:#fff!important;margin:.4rem 0 .8rem}
.certificate-guide-page .certificate-delivery-copy>p{color:#eaf6ff!important;line-height:1.72}
.certificate-delivery-visual{display:grid;place-items:center;min-height:360px}
.certificate-paper-art{position:relative;width:min(100%,320px);height:360px;background:linear-gradient(160deg,#fff,#edf7ff);border:8px solid #dceefa;border-radius:18px;box-shadow:0 30px 55px rgba(0,20,42,.32);transform:rotate(-2deg)}
.certificate-paper-badge{position:absolute;left:24px;top:25px;padding:8px 12px;border-radius:999px;background:#f3b623;color:#163653;font-weight:950;font-size:11px;letter-spacing:.1em}
.certificate-paper-lines{position:absolute;left:36px;right:36px;top:105px;display:grid;gap:18px}
.certificate-paper-lines i{display:block;height:10px;border-radius:999px;background:#c8dfef}.certificate-paper-lines i:nth-child(2){width:84%}.certificate-paper-lines i:nth-child(3){width:92%}.certificate-paper-lines i:nth-child(4){width:68%}
.certificate-paper-seal{position:absolute;right:28px;bottom:42px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0f8f59;color:#fff;font-size:38px;font-weight:900;box-shadow:0 13px 28px rgba(0,100,70,.24)}
.certificate-paper-download{position:absolute;left:28px;bottom:50px;padding:10px 16px;border-radius:10px;background:#0b5e98;color:#fff;font-weight:950;letter-spacing:.08em}
.certificate-delivery-points{display:grid;gap:12px;margin-top:24px}
.certificate-delivery-points>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.1);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.certificate-delivery-points>div:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.15);box-shadow:0 16px 30px rgba(0,28,55,.22)}
.certificate-delivery-points>div>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#07578f;font-weight:950;font-size:18px}
.certificate-delivery-points p{margin:0;color:#eaf6ff;line-height:1.5}.certificate-delivery-points strong{color:#fff}

.certificate-document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.certificate-document-card{padding:24px;border:1px solid #7cb8df;border-top:4px solid #1687c7;border-radius:16px;background:linear-gradient(180deg,#fff,#edf7ff);box-shadow:0 13px 26px rgba(4,57,96,.1);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.certificate-document-card:hover{transform:translateY(-8px);border-color:#0c72b4;box-shadow:0 24px 42px rgba(4,57,96,.18)}
.certificate-document-primary{border-top-color:#f0b323}
.certificate-document-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#0c67a5;color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em}
.certificate-document-card h3{margin:15px 0 8px;color:#083f6b}.certificate-document-card>strong{display:block;color:#0871b5;font-size:18px;margin-bottom:8px}.certificate-document-card p{margin:0;color:#56728a;line-height:1.62}

.certificate-guide-page .certificate-check-grid{grid-template-columns:repeat(3,1fr)}
.certificate-guide-page .certificate-support-grid{grid-template-columns:repeat(3,1fr)}
.certificate-guide-page .ticket-completion-grid>article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.certificate-guide-page .ticket-completion-grid>article:hover{transform:translateY(-8px);border-color:#0d79bb;box-shadow:0 24px 42px rgba(4,57,96,.17)}
.certificate-guide-page .ticket-completion-grid>article:hover .ticket-completion-icon{transform:translateY(-3px) scale(1.05)}
.certificate-guide-page .ticket-completion-icon{transition:transform .25s ease}

.certificate-guide-page .compare-neutral-section{background:linear-gradient(135deg,#0c4f80 0%,#136ba4 48%,#2a8fc0 100%)!important}
.certificate-guide-page .compare-neutral-section .section-kicker{color:#cfeaff!important}.certificate-guide-page .compare-neutral-section h2{color:#fff!important}.certificate-guide-page .compare-neutral-section p{color:#dceefa!important}

@media(max-width:1040px){
  .certificate-guide-page .certificate-delivery-grid{grid-template-columns:1fr;gap:24px}
  .certificate-delivery-visual{min-height:315px;order:1}.certificate-delivery-copy{order:2}
  .certificate-document-grid{grid-template-columns:1fr 1fr}.certificate-guide-page .certificate-check-grid,.certificate-guide-page .certificate-support-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .certificate-document-grid,.certificate-guide-page .certificate-check-grid,.certificate-guide-page .certificate-support-grid{grid-template-columns:1fr}
  .certificate-delivery-visual{min-height:280px}.certificate-paper-art{transform:scale(.82) rotate(-2deg);transform-origin:center center}
}
@media(max-width:480px){
  .certificate-delivery-visual{min-height:245px}.certificate-paper-art{transform:scale(.7) rotate(-2deg)}
}
@media(hover:none),(pointer:coarse){
  .certificate-delivery-points>div:hover,.certificate-document-card:hover,.certificate-guide-page .ticket-completion-grid>article:hover{transform:none!important}
  .certificate-guide-page .ticket-completion-grid>article:hover .ticket-completion-icon{transform:none!important}
}

/* =========================================================
   CERTIFICATE GUIDE PAGE — v2 component normalization
   2026-10-09
   Bring all certificate sections onto the finished commercial-page system.
   ========================================================= */
.certificate-guide-page .certificate-basics-section,
.certificate-guide-page .certificate-vs-record-section,
.certificate-guide-page .certificate-check-section,
.certificate-guide-page .certificate-correction-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#c5e0f2 0%,#f7fbff 48%,#d5e8f5 100%)!important;
  border-color:#79add1!important;
  box-shadow:0 18px 42px rgba(7,48,87,.13)!important;
}
.certificate-guide-page .certificate-basics-section::before,
.certificate-guide-page .certificate-vs-record-section::before,
.certificate-guide-page .certificate-check-section::before,
.certificate-guide-page .certificate-correction-section::before{
  content:"";position:absolute;right:-150px;bottom:-190px;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(23,112,178,.15),transparent 70%);pointer-events:none;
}
.certificate-guide-page .certificate-basics-section::after,
.certificate-guide-page .certificate-vs-record-section::after,
.certificate-guide-page .certificate-check-section::after,
.certificate-guide-page .certificate-correction-section::after{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#083f70,#1977b8 58%,#62addb);pointer-events:none;
}
.certificate-guide-page .certificate-basics-section>.wrap,
.certificate-guide-page .certificate-vs-record-section>.wrap,
.certificate-guide-page .certificate-check-section>.wrap,
.certificate-guide-page .certificate-correction-section>.wrap{position:relative;z-index:1}

/* Delivery panel: make the intended two-column certificate experience explicit. */
.certificate-guide-page .certificate-delivery-section{
  position:relative;overflow:hidden;border-color:#1d6fa8!important;
  background:linear-gradient(125deg,#07365f 0%,#0b578f 50%,#2a8fc3 100%)!important;
  box-shadow:0 22px 48px rgba(3,35,67,.22)!important;
}
.certificate-guide-page .certificate-delivery-section::before{
  content:"";position:absolute;left:-180px;top:-220px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);pointer-events:none;
}
.certificate-guide-page .certificate-delivery-grid{position:relative;z-index:1}
.certificate-guide-page .certificate-paper-art{display:block!important}

/* Completion certificate vs driving record cards. */
.certificate-guide-page .certificate-document-card{
  min-height:245px;display:flex;flex-direction:column;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #9cc5df!important;border-top:4px solid #1d78b7!important;
  box-shadow:0 13px 28px rgba(7,48,87,.11)!important;
}
.certificate-guide-page .certificate-document-card:hover{
  transform:translateY(-9px)!important;border-color:#6aa5cf!important;
  box-shadow:0 24px 44px rgba(7,48,87,.19)!important;
}
.certificate-guide-page .certificate-document-primary{border-top-color:#e9ad21!important}

/* Three checks: fully style the reused online-journey markup on this page. */
.certificate-guide-page .certificate-check-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:26px!important}
.certificate-guide-page .certificate-check-grid .online-journey-card{
  position:relative;min-height:270px;padding:26px 22px 24px;border:1px solid #92bfdc;border-top:4px solid #2279b7;border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#edf6fc 100%);box-shadow:0 12px 28px rgba(7,48,87,.11);
  transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease;
}
.certificate-guide-page .certificate-check-grid .online-journey-card:hover{transform:translateY(-9px);border-color:#5d9fca;box-shadow:0 24px 44px rgba(7,48,87,.18)}
.certificate-guide-page .certificate-check-grid .online-journey-number{display:inline-flex;margin-bottom:14px;color:#0e6aa8;font-size:12px;font-weight:950;letter-spacing:.11em}
.certificate-guide-page .certificate-check-grid .online-journey-icon{
  width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border-radius:16px;
  background:linear-gradient(145deg,#0a4b80,#1484c5);border:1px solid #69acd6;box-shadow:0 10px 22px rgba(6,64,105,.20);
  transition:transform .25s ease,box-shadow .25s ease;
}
.certificate-guide-page .certificate-check-grid .online-journey-icon svg{width:32px;height:32px;fill:none!important;stroke:#fff!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.certificate-guide-page .certificate-check-grid .online-journey-card:hover .online-journey-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 28px rgba(6,64,105,.26)}
.certificate-guide-page .certificate-check-grid h3{margin:0 0 10px;color:#0b3e69;font-size:20px;line-height:1.25}
.certificate-guide-page .certificate-check-grid p{margin:0;color:#58738a;line-height:1.65}

/* Corrections/replacements/verification cards. */
.certificate-guide-page .certificate-support-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:26px!important}
.certificate-guide-page .certificate-support-grid>article{
  min-height:280px;padding:25px 22px;border:1px solid #92bfdc!important;border-top:4px solid #1b75b3!important;border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#eef7fd 100%)!important;box-shadow:0 12px 28px rgba(7,48,87,.11)!important;
  transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease!important;
}
.certificate-guide-page .certificate-support-grid>article:hover{transform:translateY(-9px)!important;border-color:#5d9fca!important;box-shadow:0 24px 44px rgba(7,48,87,.18)!important}
.certificate-guide-page .certificate-support-grid>article:nth-child(2){border-top-color:#4d9bd0!important}
.certificate-guide-page .certificate-support-grid>article:nth-child(3){border-top-color:#0b4f84!important}
.certificate-guide-page .certificate-support-grid .ticket-completion-icon{
  width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:16px;
  background:linear-gradient(145deg,#0a4b80,#1484c5);border:1px solid #69acd6;box-shadow:0 10px 22px rgba(6,64,105,.20);
}
.certificate-guide-page .certificate-support-grid .ticket-completion-icon svg{width:32px;height:32px;fill:none!important;stroke:#fff!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.certificate-guide-page .certificate-support-grid>article>span{display:inline-block;margin-bottom:10px;color:#0e74b7;font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.certificate-guide-page .certificate-support-grid h3{margin:0 0 10px;color:#0b3e69;font-size:20px;line-height:1.25}
.certificate-guide-page .certificate-support-grid p{margin:0;color:#58738a;line-height:1.65}

/* FAQ: use the exact completed two-column layout from the commercial pages. */
.certificate-guide-page .certificate-faq-section{background:linear-gradient(125deg,#0a3e70 0%,#176da9 38%,#7fb7dc 72%,#dcecf7 100%)!important;border-color:#2b75aa!important;box-shadow:0 22px 48px rgba(3,35,67,.20)!important}
.certificate-guide-page .certificate-faq-section .compare-faq-wrap{max-width:1280px!important;display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;gap:48px!important;align-items:start!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.certificate-guide-page .compare-faq-intro .section-kicker{color:#cfeaff!important}
.certificate-guide-page .compare-faq-intro h2{color:#fff!important;font-size:clamp(32px,3.4vw,47px)!important;line-height:1.08!important;margin:12px 0 18px!important}
.certificate-guide-page .compare-faq-intro p{color:#e1eff9!important;font-size:17px!important;line-height:1.72!important}
.certificate-guide-page .compare-faq-intro .secondary{display:inline-flex!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:none!important}
.certificate-guide-page .compare-faq-list{display:grid!important;gap:12px!important}
.certificate-guide-page .compare-faq-item{overflow:hidden!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#edf6fc)!important;border:1px solid #9ec4df!important;border-left:5px solid #1d78b7!important;box-shadow:0 10px 24px rgba(0,28,55,.14)!important}
.certificate-guide-page .compare-faq-item summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:60px!important;padding:17px 18px!important;cursor:pointer!important;list-style:none!important;color:#123f65!important;font-weight:900!important;font-size:14px!important;line-height:1.3!important}
.certificate-guide-page .compare-faq-item summary>span:first-child{display:block!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:inherit!important;font-size:inherit!important;transform:none!important;text-align:left!important}
.certificate-guide-page .compare-faq-toggle{width:34px!important;height:34px!important;flex:0 0 34px;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(145deg,#e6f2fb,#cfe4f4)!important;border:1px solid #a9cce3!important;transition:transform .25s ease,background .25s ease!important}
.certificate-guide-page .compare-faq-toggle svg{width:17px;height:17px;fill:none!important;stroke:#0d659f!important;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.certificate-guide-page .compare-faq-item[open] .compare-faq-toggle{transform:rotate(180deg)!important;background:linear-gradient(145deg,#cfe7f7,#afd3eb)!important}
.certificate-guide-page .compare-faq-answer{padding:0 18px 18px!important}.certificate-guide-page .compare-faq-answer p{margin:0!important;color:#56728a!important;line-height:1.68!important}

/* Final CTA: use the finished dark conversion card rather than plain body text. */
.certificate-guide-page .certificate-final-cta{width:min(calc(100% - 34px),1540px)!important;margin:22px auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.certificate-guide-page .certificate-final-cta .compare-final-box{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:34px!important;padding:38px 42px!important;border-radius:22px!important;border:1px solid #2f83bd!important;background:linear-gradient(115deg,#062f57 0%,#0d4f86 52%,#2781bd 100%)!important;color:#fff!important;box-shadow:0 24px 52px rgba(7,47,87,.27)!important}
.certificate-guide-page .certificate-final-cta .section-kicker{color:#d8edff!important;background:rgba(255,255,255,.11)!important;display:inline-block;padding:5px 9px;border-radius:999px}
.certificate-guide-page .certificate-final-cta h2{color:#fff!important;margin:8px 0 10px!important;font-size:36px!important}.certificate-guide-page .certificate-final-cta p{color:#d9e7f1!important;max-width:700px!important;line-height:1.6!important}
.certificate-guide-page .certificate-final-cta .compare-final-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;min-width:360px!important}
.certificate-guide-page .certificate-final-cta .secondary{background:#fff!important;color:#0b3f69!important}

@media(max-width:900px){
  .certificate-guide-page .certificate-faq-section .compare-faq-wrap{grid-template-columns:1fr!important;gap:28px!important}
  .certificate-guide-page .certificate-final-cta .compare-final-box{display:block!important}
  .certificate-guide-page .certificate-final-cta .compare-final-actions{justify-content:flex-start!important;min-width:0!important;margin-top:24px!important}
}
@media(max-width:760px){
  .certificate-guide-page .certificate-check-grid,.certificate-guide-page .certificate-support-grid{grid-template-columns:1fr!important}
  .certificate-guide-page .certificate-faq-section{background:linear-gradient(155deg,#0a3e70 0%,#176da9 55%,#6ba6cf 100%)!important}
  .certificate-guide-page .certificate-final-cta{width:calc(100% - 18px)!important;margin-top:12px!important}
  .certificate-guide-page .certificate-final-cta .compare-final-box{padding:30px 24px!important;border-radius:18px!important}
  .certificate-guide-page .certificate-final-cta .compare-final-actions{display:grid!important}
  .certificate-guide-page .certificate-final-cta .btn{width:100%!important;text-align:center!important}
}
@media(hover:none),(pointer:coarse){
  .certificate-guide-page .certificate-document-card:hover,
  .certificate-guide-page .certificate-check-grid .online-journey-card:hover,
  .certificate-guide-page .certificate-support-grid>article:hover{transform:none!important}
  .certificate-guide-page .certificate-check-grid .online-journey-card:hover .online-journey-icon{transform:none!important}
}


/* =========================================================
   CERTIFICATE GUIDE PAGE — v4 final visual alignment
   2026-10-09
   Exact shared commercial gradients + FAQ cleanup + certificate art.
   ========================================================= */

/* Match the completed Compare-page neutral-search panel exactly. */
.certificate-guide-page .certificate-neutral-section{
  background:linear-gradient(125deg,#9fc7e3 0%,#d4e9f7 38%,#f7fbfe 67%,#b2d4ea 100%)!important;
  border-color:#659fc8!important;
  box-shadow:0 18px 42px rgba(7,48,87,.11)!important;
}
.certificate-guide-page .certificate-neutral-section .section-kicker{color:#086cac!important}
.certificate-guide-page .certificate-neutral-section h2{color:#0b416d!important;text-shadow:none!important}
.certificate-guide-page .certificate-neutral-section p{color:#58748a!important}
.certificate-guide-page .certificate-neutral-section .compare-neutral-visual>span{color:#0d659f!important}
.certificate-guide-page .certificate-neutral-section .compare-neutral-points>div{
  background:linear-gradient(145deg,#fff 0%,#e5f2fb 100%)!important;
  border-color:#6fa5ca!important;
  box-shadow:0 12px 26px rgba(5,50,91,.14)!important;
}
.certificate-guide-page .certificate-neutral-section .compare-neutral-image-shell{
  border:2px solid #68a5d0!important;
  box-shadow:0 20px 42px rgba(7,48,87,.20)!important;
}

/* Match the finished light-panel blends used throughout the commercial cluster. */
.certificate-guide-page .certificate-basics-section,
.certificate-guide-page .certificate-vs-record-section,
.certificate-guide-page .certificate-check-section,
.certificate-guide-page .certificate-correction-section{
  background:linear-gradient(125deg,#b8d8ee 0%,#e9f5fc 38%,#fafdff 66%,#c8e2f3 100%)!important;
  border-color:#78acd0!important;
  box-shadow:0 18px 42px rgba(7,48,87,.11)!important;
}

/* FAQ question text must remain plain text; only the chevron gets a blue tile. */
.certificate-guide-page .compare-faq-item summary>span:first-child,
.certificate-guide-page .compare-faq-item summary>span:not(.compare-faq-toggle){
  display:block!important;
  width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  border:0!important;outline:0!important;border-radius:0!important;
  background:none!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;-webkit-box-shadow:none!important;
  color:#123f65!important;font:inherit!important;font-weight:900!important;line-height:1.3!important;
  transform:none!important;text-align:left!important;
}
.certificate-guide-page .compare-faq-item summary>span:first-child::before,
.certificate-guide-page .compare-faq-item summary>span:first-child::after{display:none!important;content:none!important}

/* Professional certificate illustration: structured document + seal/ribbon instead of a simple badge/check. */
.certificate-guide-page .certificate-paper-art{
  overflow:hidden!important;
  background:linear-gradient(155deg,#ffffff 0%,#f4f9fd 64%,#e5f1f9 100%)!important;
  border:7px solid #d9ebf7!important;
  box-shadow:0 30px 55px rgba(0,20,42,.30),inset 0 0 0 1px #a8cce3!important;
}
.certificate-guide-page .certificate-paper-art::before{
  content:"";position:absolute;inset:18px;border:2px solid #7eb2d5;border-radius:10px;pointer-events:none;
  box-shadow:inset 0 0 0 4px rgba(180,217,239,.26)
}
.certificate-guide-page .certificate-paper-emblem{
  position:absolute;left:50%;top:76px;transform:translateX(-50%);width:104px;height:82px;
  fill:none;stroke:#0b5f98;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.96
}
.certificate-guide-page .certificate-paper-lines{top:178px!important;left:52px!important;right:52px!important;gap:12px!important}
.certificate-guide-page .certificate-paper-lines i{height:7px!important;background:#bfd9eb!important}
.certificate-guide-page .certificate-paper-seal{
  right:30px!important;bottom:34px!important;width:78px!important;height:78px!important;
  background:linear-gradient(145deg,#0a7c4e,#12a567)!important;border:4px solid #dff6ea!important;
  box-shadow:0 13px 28px rgba(0,100,70,.24),inset 0 0 0 2px rgba(255,255,255,.28)!important;
}
.certificate-guide-page .certificate-paper-seal::after{
  content:"";position:absolute;bottom:-25px;left:17px;width:36px;height:32px;
  background:linear-gradient(90deg,#087947 0 45%,transparent 45% 55%,#0a8c55 55% 100%);
  clip-path:polygon(0 0,100% 0,78% 100%,50% 76%,22% 100%);z-index:-1
}
.certificate-guide-page .certificate-paper-download{left:32px!important;bottom:48px!important;background:linear-gradient(145deg,#0a4c80,#147fba)!important}

/* Keep all three document cards in the same authoritative blue family. */
.certificate-guide-page .certificate-document-primary,
.certificate-guide-page .certificate-document-card:nth-child(2),
.certificate-guide-page .certificate-document-card:nth-child(3){border-top-color:#1d78b7!important}
.certificate-guide-page .certificate-document-card:nth-child(2){border-top-color:#4d9bd0!important}
.certificate-guide-page .certificate-document-card:nth-child(3){border-top-color:#0b4f84!important}

/* =========================================================
   CERTIFICATE GUIDE v6 — unified post-reveal hover system
   Preserve scroll reveal, then allow the same card/icon lift
   used by the finished commercial pages.
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  /* Completion certificate vs. certified driving record */
  .compare-reveal-enabled .certificate-guide-page .certificate-document-card[data-compare-reveal="1"].is-compare-visible:hover{
    transform:translateY(-9px)!important;
    border-color:#5d9fca!important;
    box-shadow:0 24px 44px rgba(7,48,87,.19)!important;
  }
  .certificate-guide-page .certificate-document-label{
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
  }
  .certificate-guide-page .certificate-document-card:hover .certificate-document-label{
    transform:translateY(-3px) scale(1.04)!important;
    box-shadow:0 9px 18px rgba(6,64,105,.20)!important;
  }

  /* Three checks that can prevent certificate problems */
  .compare-reveal-enabled .certificate-guide-page .certificate-check-grid > article[data-compare-reveal="1"].is-compare-visible:hover{
    transform:translateY(-9px)!important;
    border-color:#5d9fca!important;
    box-shadow:0 24px 44px rgba(7,48,87,.19)!important;
  }
  .compare-reveal-enabled .certificate-guide-page .certificate-check-grid > article[data-compare-reveal="1"].is-compare-visible:hover .online-journey-icon{
    transform:translateY(-3px) scale(1.06)!important;
    box-shadow:0 16px 29px rgba(5,50,91,.27)!important;
  }

  /* Certificate corrections, replacements, and verification */
  .compare-reveal-enabled .certificate-guide-page .certificate-support-grid > article[data-compare-reveal="1"].is-compare-visible:hover{
    transform:translateY(-9px)!important;
    border-color:#5d9fca!important;
    box-shadow:0 24px 44px rgba(7,48,87,.19)!important;
  }
  .certificate-guide-page .certificate-support-grid .ticket-completion-icon{
    transition:transform .25s ease,box-shadow .25s ease!important;
  }
  .compare-reveal-enabled .certificate-guide-page .certificate-support-grid > article[data-compare-reveal="1"].is-compare-visible:hover .ticket-completion-icon{
    transform:translateY(-3px) scale(1.06)!important;
    box-shadow:0 16px 29px rgba(5,50,91,.27)!important;
  }
}

@media (hover:none), (pointer:coarse){
  .compare-reveal-enabled .certificate-guide-page .certificate-document-card[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .certificate-guide-page .certificate-check-grid > article[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .certificate-guide-page .certificate-support-grid > article[data-compare-reveal="1"].is-compare-visible:hover,
  .certificate-guide-page .certificate-document-card:hover .certificate-document-label,
  .compare-reveal-enabled .certificate-guide-page .certificate-check-grid > article[data-compare-reveal="1"].is-compare-visible:hover .online-journey-icon,
  .compare-reveal-enabled .certificate-guide-page .certificate-support-grid > article[data-compare-reveal="1"].is-compare-visible:hover .ticket-completion-icon{
    transform:none!important;
  }
}

/* =========================================================
   Commercial SEO cluster — primary hero CTA emphasis
   2026-10-09
   Applies only to the five commercial SEO landing pages.
   ========================================================= */
.compare-course-page .compare-hero-actions{
  align-items:stretch!important;
}
.compare-course-page .compare-hero-actions .btn{
  min-height:54px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.2!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
}
.compare-course-page .compare-hero-actions .commercial-hero-primary{
  background:linear-gradient(135deg,#1597eb 0%,#087bd5 52%,#0768bd 100%)!important;
  color:#fff!important;
  border:2px solid rgba(238,249,255,.98)!important;
  box-shadow:
    0 0 0 2px rgba(72,174,238,.26),
    0 12px 26px rgba(0,76,140,.34),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-weight:900!important;
  padding-left:25px!important;
  padding-right:25px!important;
  text-shadow:0 1px 1px rgba(0,48,92,.18)!important;
}
.compare-course-page .compare-hero-actions .commercial-hero-primary:hover,
.compare-course-page .compare-hero-actions .commercial-hero-primary:focus-visible{
  background:linear-gradient(135deg,#27a9f5 0%,#0b87df 52%,#0871c8 100%)!important;
  border-color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:
    0 0 0 3px rgba(106,197,249,.3),
    0 16px 32px rgba(0,67,128,.4),
    inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.compare-course-page .compare-hero-actions .secondary{
  min-height:54px!important;
  border:1px solid #a9c8e1!important;
  box-shadow:0 5px 14px rgba(10,57,96,.08)!important;
}

@media(max-width:720px){
  .compare-course-page .compare-hero-actions .btn{
    width:100%!important;
    min-height:52px!important;
    padding:11px 15px!important;
  }
  .compare-course-page .compare-hero-actions .commercial-hero-primary{
    padding-left:17px!important;
    padding-right:17px!important;
  }
}

@media(hover:none),(pointer:coarse){
  .compare-course-page .compare-hero-actions .commercial-hero-primary:hover{
    transform:none!important;
  }
}

/* ===== 2026 SEO SUPPORTING GUIDE CLUSTER ===== */
.seo-guide-page{background:#f7fbfe;color:#173e5c;overflow:hidden}
.seo-guide-hero{background:linear-gradient(118deg,#062f57 0%,#0b4f82 50%,#2782ba 100%);padding:54px 0 50px;position:relative}
.seo-guide-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 30%),linear-gradient(90deg,transparent 0 63%,rgba(255,255,255,.035) 63% 64%,transparent 64%);pointer-events:none}
.seo-guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:54px;align-items:center;position:relative;z-index:1}
.seo-guide-hero-copy .section-kicker{color:#ffd36a;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);display:inline-block;padding:7px 12px;border-radius:999px}
.seo-guide-hero-copy h1{color:#fff;font-size:clamp(38px,4.2vw,66px);line-height:1.03;letter-spacing:-.035em;margin:14px 0 18px;max-width:900px}
.seo-guide-hero-copy>p{font-size:19px;line-height:1.7;color:#e3f0f9;max-width:830px;margin:0 0 25px}
.seo-guide-hero .compare-hero-actions{justify-content:flex-start}
.seo-guide-hero-visual{position:relative;filter:drop-shadow(0 24px 40px rgba(0,24,48,.34))}
.seo-guide-hero-visual img{display:block;width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.26);background:#0b4f82}
.seo-guide-metric{position:absolute;right:-14px;bottom:-20px;min-width:150px;padding:15px 20px;border-radius:18px;background:#fff;border:1px solid #b9d6e8;box-shadow:0 16px 38px rgba(0,35,67,.25);text-align:center}
.seo-guide-metric strong{display:block;color:#0a568e;font-size:34px;line-height:1;font-weight:950}.seo-guide-metric span{display:block;margin-top:7px;color:#5c7284;font-size:11px;letter-spacing:.12em;font-weight:900}
.seo-guide-main{padding-top:40px;padding-bottom:48px}
.seo-guide-quick{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:start;padding:27px 30px;border-radius:18px;background:linear-gradient(120deg,#e9f5fc,#fff);border:1px solid #9ec8e2;border-left:6px solid #1479b5;box-shadow:0 12px 30px rgba(7,72,115,.09);margin-bottom:28px}
.seo-guide-quick>span{display:inline-flex;width:max-content;padding:7px 12px;border-radius:999px;background:#0d659f;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.seo-guide-quick p{margin:0;color:#385b73;line-height:1.74;font-size:17px}.seo-guide-quick strong{color:#0b416d}
.seo-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 30px}.seo-guide-steps:has(.seo-guide-step:nth-child(4)){grid-template-columns:repeat(4,1fr)}
.seo-guide-step{display:flex;gap:16px;align-items:flex-start;padding:22px 20px;border-radius:17px;background:#fff;border:1px solid #c4dce9;box-shadow:0 10px 26px rgba(0,46,78,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.seo-guide-step:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(4,57,96,.15);border-color:#65a8d0}
.seo-guide-step-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#0c5f9a,#2187c0);color:#fff;font-weight:950;font-size:17px;box-shadow:0 8px 18px rgba(7,91,145,.22);transition:transform .24s ease}.seo-guide-step:hover .seo-guide-step-icon{transform:translateY(-2px) scale(1.05)}
.seo-guide-step h3{margin:2px 0 6px;color:#0b416d;font-size:17px}.seo-guide-step p{margin:0;color:#60798b;font-size:14px;line-height:1.55}
.seo-guide-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.seo-guide-content-column{display:grid;gap:20px}
.seo-guide-content-card{padding:29px 31px;border-radius:19px;background:linear-gradient(145deg,#fff,#f4f9fc);border:1px solid #c3ddea;box-shadow:0 12px 28px rgba(0,48,80,.075);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.seo-guide-content-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(4,57,96,.12);border-color:#82b7d6}
.seo-guide-content-card h2{color:#0b416d;font-size:29px;line-height:1.18;margin:0 0 12px;letter-spacing:-.015em}.seo-guide-prose{color:#516f84;font-size:16.5px;line-height:1.76}.seo-guide-prose p{margin:0 0 12px}.seo-guide-prose a{color:#056ead;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.seo-guide-prose strong{color:#173f60}
.seo-guide-example{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:17px 18px;margin:18px 0 2px;border-radius:14px;background:#e9f4fb;border:1px solid #b7d7e9}.seo-guide-example strong{color:#0b5e98}.seo-guide-example span{color:#4c6c82;line-height:1.6}
.seo-guide-side-column{display:grid;gap:20px;position:sticky;top:96px}.seo-guide-side-card{padding:23px;border-radius:19px;background:#fff;border:1px solid #bfd9e8;box-shadow:0 12px 28px rgba(0,48,80,.085)}.seo-guide-side-card .section-kicker{color:#0d659f}.seo-guide-side-card>a:not(.btn):not(.seo-guide-license-link){display:block;padding:11px 0;border-bottom:1px solid #e0edf4;color:#195b86;font-weight:800;font-size:14px}.seo-guide-side-card>a:last-child{border-bottom:0!important}.seo-guide-side-card.featured{background:linear-gradient(155deg,#073b68,#0c5b92 60%,#1a78ac);border-color:#286f9e;color:#fff}.seo-guide-side-card.featured img{display:block;max-width:190px;max-height:84px;object-fit:contain;margin:4px auto 15px;filter:drop-shadow(0 4px 9px rgba(0,0,0,.08))}.seo-guide-side-card.featured h2{color:#fff;font-size:23px;text-align:center;margin:3px 0 9px}.seo-guide-side-card.featured p{color:#e2eff8;line-height:1.62;font-size:14px}.seo-guide-side-kicker{display:block;width:max-content;margin:0 auto 12px;padding:6px 10px;border-radius:999px;background:#ffd36a;color:#133d5d;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:950}.seo-guide-side-card.featured .btn{display:flex;justify-content:center;margin-top:16px;background:#fff;color:#0a5489}.seo-guide-license-link{display:block;text-align:center;color:#fff!important;margin:12px 0;font-weight:800;font-size:13px;text-decoration:underline}.seo-guide-side-card.featured small{display:block;color:#c9e1f1;line-height:1.45;text-align:center}.seo-guide-side-card.neutral{background:linear-gradient(145deg,#eff7fc,#fff)}.seo-guide-side-card.neutral h2{font-size:21px;color:#0b416d;margin:8px 0}.seo-guide-side-card.neutral p{color:#60798c;line-height:1.6}.seo-guide-side-card.neutral .secondary{width:100%;justify-content:center;border:1px solid #438db9}
.seo-guide-faq-section{padding:52px 0;background:linear-gradient(145deg,#0a3e70 0%,#176da9 55%,#6ba6cf 100%)}.seo-guide-faq-section .compare-faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}.seo-guide-faq-section .compare-faq-intro .section-kicker{color:#ffd36a}.seo-guide-faq-section .compare-faq-intro h2{color:#fff;font-size:38px;line-height:1.12;margin:9px 0 12px}.seo-guide-faq-section .compare-faq-intro p{color:#e1eff9;line-height:1.7;font-size:17px}.seo-guide-faq-section .compare-faq-intro .secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.48)}.seo-guide-faq-section .compare-faq-list{display:grid;gap:12px}.seo-guide-faq-section .compare-faq-item{overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#fff,#edf6fc);border:1px solid #9ec4df;border-left:5px solid #1d78b7;box-shadow:0 10px 24px rgba(0,28,55,.14)}.seo-guide-faq-section .compare-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:17px 18px;cursor:pointer;list-style:none;color:#123f65;font-weight:900;font-size:14px;line-height:1.3}.seo-guide-faq-section .compare-faq-toggle{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#e6f2fb,#cfe4f4);border:1px solid #a9cce3;transition:transform .25s ease}.seo-guide-faq-section .compare-faq-toggle svg{width:17px;height:17px;fill:none;stroke:#0d659f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.seo-guide-faq-section .compare-faq-item[open] .compare-faq-toggle{transform:rotate(180deg)}.seo-guide-faq-section .compare-faq-answer{padding:0 18px 18px}.seo-guide-faq-section .compare-faq-answer p{margin:0;color:#56728a;line-height:1.68}
.seo-guide-reference-section{padding-top:38px;padding-bottom:8px}.seo-guide-reference-box{padding:27px 30px;border-radius:18px;background:#fff;border:1px solid #c5dfea;box-shadow:0 12px 28px rgba(0,48,80,.07)}.seo-guide-reference-box h2{color:#0b416d;margin:7px 0 7px}.seo-guide-reference-box p{color:#60798b}.seo-guide-reference-box ul{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:18px 0 0;list-style:none}.seo-guide-reference-box a{display:inline-flex;padding:10px 13px;border-radius:11px;background:#edf6fb;color:#075f99;border:1px solid #b8d6e7;font-weight:800;font-size:13px}
.seo-guide-final-cta{width:min(calc(100% - 34px),1540px);margin:26px auto 50px}.seo-guide-final-cta .compare-final-box{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:38px 42px;border-radius:22px;border:1px solid #2f83bd;background:linear-gradient(115deg,#062f57 0%,#0d4f86 52%,#2781bd 100%);color:#fff;box-shadow:0 24px 52px rgba(7,47,87,.27)}.seo-guide-final-cta h2{color:#fff;margin:8px 0 10px;font-size:34px}.seo-guide-final-cta p{color:#d9e7f1;max-width:680px}.seo-guide-final-cta .compare-final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:370px}.seo-guide-final-cta .secondary{background:#fff;color:#0b3f69}
@media(max-width:1080px){.seo-guide-hero-grid{grid-template-columns:1fr;gap:28px}.seo-guide-hero-visual{max-width:720px}.seo-guide-content-grid{grid-template-columns:1fr}.seo-guide-side-column{position:static;grid-template-columns:repeat(3,1fr)}.seo-guide-side-card.featured img{max-width:160px}.seo-guide-steps:has(.seo-guide-step:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.seo-guide-hero{padding:38px 0 42px}.seo-guide-hero-copy h1{font-size:clamp(36px,10vw,52px)}.seo-guide-hero-copy>p{font-size:17px}.seo-guide-metric{right:8px;bottom:-12px}.seo-guide-quick{grid-template-columns:1fr;gap:12px;padding:23px}.seo-guide-steps,.seo-guide-steps:has(.seo-guide-step:nth-child(4)){grid-template-columns:1fr}.seo-guide-side-column{grid-template-columns:1fr}.seo-guide-content-card{padding:24px 22px}.seo-guide-content-card h2{font-size:25px}.seo-guide-faq-section .compare-faq-wrap{grid-template-columns:1fr;gap:28px}.seo-guide-reference-box ul{display:grid}.seo-guide-reference-box a{width:100%}.seo-guide-final-cta{width:calc(100% - 18px)}.seo-guide-final-cta .compare-final-box{display:block;padding:30px 24px;border-radius:18px}.seo-guide-final-cta .compare-final-actions{display:grid;min-width:0;justify-content:stretch;margin-top:24px}.seo-guide-final-cta .btn{width:100%;justify-content:center;text-align:center}.seo-guide-example{grid-template-columns:1fr}}
@media(max-width:520px){.seo-guide-hero-visual img{border-radius:16px}.seo-guide-metric{position:static;margin:-10px 14px 0 auto;width:142px}.seo-guide-hero .compare-hero-actions{display:grid}.seo-guide-hero .compare-hero-actions .btn{width:100%;justify-content:center}.seo-guide-main{padding-top:28px}.seo-guide-content-card{border-radius:16px}.seo-guide-faq-section{padding:40px 0}}
@media(hover:none){.seo-guide-step:hover,.seo-guide-content-card:hover{transform:none}.seo-guide-step:hover .seo-guide-step-icon{transform:none}}


/* =========================================================
   SEO Guides Batch A — polished section shells + reveal
   2026-10-10 v3
   Matches the stronger section framing used on Compare Courses.
   ========================================================= */
.seo-guide-page .seo-guide-main,
.seo-guide-page .seo-guide-faq-section,
.seo-guide-page .seo-guide-reference-section{
  position:relative;
  width:min(calc(100% - 34px),1540px);
  margin:22px auto 0!important;
  border-radius:28px;
  border:1px solid #9fc2dc;
  box-shadow:0 18px 42px rgba(7,48,87,.11);
}
.seo-guide-page .seo-guide-main{
  padding:42px 34px 46px;
  background:linear-gradient(128deg,#d9eaf6 0%,#f9fcff 42%,#edf6fb 72%,#cfe4f3 100%);
  overflow:visible;
}
.seo-guide-page .seo-guide-main::before,
.seo-guide-page .seo-guide-faq-section::before,
.seo-guide-page .seo-guide-reference-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  border-radius:28px 28px 0 0;
  background:linear-gradient(90deg,#0b416f,#1974b5 58%,#62a9d8);
  pointer-events:none;
}
.seo-guide-page .seo-guide-main::after{
  content:"";
  position:absolute;
  right:-110px;bottom:-150px;
  width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(25,111,175,.11),rgba(25,111,175,0) 70%);
  pointer-events:none;
  z-index:0;
}
.seo-guide-page .seo-guide-main>*{position:relative;z-index:1}
.seo-guide-page .seo-guide-quick{
  border-color:#87b9d8;
  box-shadow:0 14px 32px rgba(7,72,115,.11);
}
.seo-guide-page .seo-guide-steps{
  padding:20px;
  border:1px solid #b7d3e5;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 30px rgba(7,48,87,.06);
}
.seo-guide-page .seo-guide-content-grid{
  padding:22px;
  border:1px solid #b6d3e5;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,247,252,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 14px 34px rgba(7,48,87,.07);
}
.seo-guide-page .seo-guide-content-card{
  border-color:#aecaDD;
  box-shadow:0 12px 28px rgba(0,48,80,.09);
}
.seo-guide-page .seo-guide-side-card{
  border-color:#aacadd;
  box-shadow:0 14px 32px rgba(0,48,80,.10);
}
.seo-guide-page .seo-guide-faq-section{
  padding:56px 0;
  overflow:hidden;
  background:linear-gradient(132deg,#07345f 0%,#0d548c 52%,#3c8fc4 100%);
}
.seo-guide-page .seo-guide-faq-section::after{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  right:-140px;top:-210px;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-wrap{position:relative;z-index:1}
.seo-guide-page .seo-guide-faq-intro{
  padding:8px 0 0;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item{
  border-color:#89b7d5;
  box-shadow:0 12px 28px rgba(0,28,55,.18);
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item summary>span:first-child,
.seo-guide-page .seo-guide-faq-section .compare-faq-item summary>span:not(.compare-faq-toggle){
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;height:auto!important;min-width:0!important;
  place-items:initial!important;border-radius:0!important;
  background:none!important;color:inherit!important;box-shadow:none!important;
  font-size:inherit!important;line-height:1.38!important;transform:none!important;text-align:left!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item summary>span:first-child::before,
.seo-guide-page .seo-guide-faq-section .compare-faq-item summary>span:first-child::after{display:none!important;content:none!important}
.seo-guide-page .seo-guide-faq-section .compare-faq-item summary>.compare-faq-toggle{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:10px!important;background:linear-gradient(145deg,#e6f2fb,#cfe4f4)!important;
  border:1px solid #a9cce3!important;box-shadow:none!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item[open] summary>.compare-faq-toggle{
  transform:rotate(180deg)!important;background:linear-gradient(145deg,#cfe7f7,#afd3eb)!important;
}
.seo-guide-page .seo-guide-reference-section{
  padding:34px;
  background:linear-gradient(145deg,#f7fbfe,#eaf4fa);
  overflow:hidden;
}
.seo-guide-page .seo-guide-reference-box{
  margin:0;
  border-color:#a9cce0;
  box-shadow:0 12px 28px rgba(0,48,80,.09);
}
.seo-guide-page .seo-guide-final-cta{margin-top:22px}

/* Reveal system for supporting guides. Content remains visible when JS,
   IntersectionObserver, or motion effects are unavailable. */
.compare-reveal-enabled .seo-guide-page .seo-guide-hero-copy,
.compare-reveal-enabled .seo-guide-page .seo-guide-hero-visual,
.compare-reveal-enabled .seo-guide-page .seo-guide-quick,
.compare-reveal-enabled .seo-guide-page .seo-guide-step,
.compare-reveal-enabled .seo-guide-page .seo-guide-content-card,
.compare-reveal-enabled .seo-guide-page .seo-guide-side-card,
.compare-reveal-enabled .seo-guide-page .compare-faq-intro,
.compare-reveal-enabled .seo-guide-page .compare-faq-item,
.compare-reveal-enabled .seo-guide-page .seo-guide-reference-box,
.compare-reveal-enabled .seo-guide-page .seo-guide-final-cta .compare-final-box{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .56s ease,transform .56s ease,box-shadow .25s ease,border-color .25s ease;
  transition-delay:var(--compare-delay,0ms);
}
.compare-reveal-enabled .seo-guide-page .seo-guide-hero-visual{transform:translateY(16px) scale(.985)}
.compare-reveal-enabled .seo-guide-page .is-compare-visible{
  opacity:1;
  transform:none;
}

@media(max-width:1080px){
  .seo-guide-page .seo-guide-main{padding:34px 26px 38px}
  .seo-guide-page .seo-guide-content-grid{padding:18px}
}
@media(max-width:780px){
  .seo-guide-page .seo-guide-main,
  .seo-guide-page .seo-guide-faq-section,
  .seo-guide-page .seo-guide-reference-section{
    width:calc(100% - 18px);
    margin-top:12px!important;
    border-radius:18px;
  }
  .seo-guide-page .seo-guide-main{padding:26px 14px 30px}
  .seo-guide-page .seo-guide-main::before,
  .seo-guide-page .seo-guide-faq-section::before,
  .seo-guide-page .seo-guide-reference-section::before{border-radius:18px 18px 0 0}
  .seo-guide-page .seo-guide-steps{padding:13px;border-radius:17px}
  .seo-guide-page .seo-guide-content-grid{padding:13px;border-radius:18px}
  .seo-guide-page .seo-guide-reference-section{padding:22px 14px}
  .seo-guide-page .seo-guide-faq-section{padding:42px 0}
  .seo-guide-page .seo-guide-faq-section .compare-faq-item summary{padding:15px!important;gap:13px!important;font-size:14px!important}
  .seo-guide-page .seo-guide-faq-section .compare-faq-item summary>.compare-faq-toggle{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important}
}
@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .seo-guide-page .seo-guide-hero-copy,
  .compare-reveal-enabled .seo-guide-page .seo-guide-hero-visual,
  .compare-reveal-enabled .seo-guide-page .seo-guide-quick,
  .compare-reveal-enabled .seo-guide-page .seo-guide-step,
  .compare-reveal-enabled .seo-guide-page .seo-guide-content-card,
  .compare-reveal-enabled .seo-guide-page .seo-guide-side-card,
  .compare-reveal-enabled .seo-guide-page .compare-faq-intro,
  .compare-reveal-enabled .seo-guide-page .compare-faq-item,
  .compare-reveal-enabled .seo-guide-page .seo-guide-reference-box,
  .compare-reveal-enabled .seo-guide-page .seo-guide-final-cta .compare-final-box{
    opacity:1!important;transform:none!important;transition:none!important
  }
}


/* =========================================================
   SEO Guides Batch A — v4 final visual alignment
   2026-10-10
   Aligns body-panel blend and CTA hierarchy with Compare Courses.
   ========================================================= */

/* Main guide panel: use the same stronger blue blend as Compare Courses.
   Remove the decorative top rule that could extend past rounded corners. */
.seo-guide-page .seo-guide-main{
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  border-color:#4f93c2!important;
  overflow:hidden!important;
}
.seo-guide-page .seo-guide-main::before{display:none!important}

/* The three summary steps should be immediately stable on load.
   Keep the cards, but remove the extra wrapper box around them. */
.seo-guide-page .seo-guide-steps{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.compare-reveal-enabled .seo-guide-page .seo-guide-step{
  opacity:1!important;
  transform:none!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}

/* Remove the unnecessary outer shell around the five article cards + sidebar. */
.seo-guide-page .seo-guide-content-grid{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Match Compare Courses inner-card blue blends more closely. */
.seo-guide-page .seo-guide-content-card{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border-color:#7faed0!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
}
.seo-guide-page .seo-guide-content-card:nth-child(even){
  background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important;
}
.seo-guide-page .seo-guide-content-card:nth-child(3n){
  background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important;
}

/* Featured provider card: stronger conversion hierarchy and visible CTA. */
.seo-guide-page .seo-guide-side-card.featured{
  background:linear-gradient(145deg,#073f70 0%,#0e639f 58%,#3f94cc 100%)!important;
  border-color:#4d9bcb!important;
  box-shadow:0 18px 36px rgba(4,45,84,.22)!important;
}
.seo-guide-page .seo-guide-side-card.featured .btn{
  min-height:50px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px 18px!important;
  margin-top:18px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#1a8bd3 0%,#38a8ed 100%)!important;
  border:1px solid #77c9f5!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  text-shadow:0 1px 1px rgba(0,35,65,.18)!important;
  box-shadow:0 13px 28px rgba(0,27,52,.28),0 0 0 2px rgba(255,255,255,.08)!important;
}
.seo-guide-page .seo-guide-side-card.featured .btn:hover{
  transform:translateY(-3px)!important;
  background:linear-gradient(135deg,#2099e3 0%,#55b8f2 100%)!important;
  box-shadow:0 18px 34px rgba(0,27,52,.34),0 0 0 3px rgba(255,255,255,.12)!important;
}

/* Official Sources: keep a single clean card, not a card inside another card. */
.seo-guide-page .seo-guide-reference-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:22px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.seo-guide-page .seo-guide-reference-section::before,
.seo-guide-page .seo-guide-reference-section::after{display:none!important}
.seo-guide-page .seo-guide-reference-box{
  padding:30px 32px!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f5faff 56%,#e0eef8 100%)!important;
  border:1px solid #7faed0!important;
  box-shadow:0 14px 30px rgba(5,50,91,.11)!important;
}

/* Bottom CTA: duplicate the exact Compare Courses primary/secondary hierarchy. */
.seo-guide-page .seo-guide-final-cta .compare-final-box>div:last-child{
  align-items:center!important;
}
.seo-guide-page .seo-guide-final-cta .compare-primary{
  min-height:54px!important;
  min-width:224px!important;
  padding:15px 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#1a8bd3 0%,#38a8ed 100%)!important;
  border:1px solid #77c9f5!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:0 13px 28px rgba(0,27,52,.28),0 0 0 2px rgba(255,255,255,.08)!important;
}
.seo-guide-page .seo-guide-final-cta .compare-primary:hover{
  transform:translateY(-3px) scale(1.025)!important;
  background:linear-gradient(135deg,#2099e3 0%,#55b8f2 100%)!important;
  box-shadow:0 18px 34px rgba(0,27,52,.34),0 0 0 3px rgba(255,255,255,.12)!important;
}
.seo-guide-page .seo-guide-final-cta .secondary{
  min-height:54px!important;
  min-width:190px!important;
  padding:15px 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #c8ddeb!important;
  color:#0b3f69!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
}

@media(max-width:780px){
  .seo-guide-page .seo-guide-reference-section{width:calc(100% - 18px)!important;margin-top:12px!important}
  .seo-guide-page .seo-guide-reference-box{padding:24px 20px!important;border-radius:18px!important}
  .seo-guide-page .seo-guide-final-cta .compare-primary,
  .seo-guide-page .seo-guide-final-cta .secondary{width:100%!important;min-width:0!important}
}


/* =========================================================
   SEO Guides Batch A — v5 contrast, conversion + reveal polish
   2026-10-10
   Uses the approved Compare Courses panel/card palette.
   ========================================================= */

/* Main body panel: exact approved Compare Courses blue blend + clipped top rule. */
.seo-guide-page .seo-guide-main{
  position:relative!important;
  background:linear-gradient(135deg,#c9e1f3 0%,#f8fcff 48%,#d8eaf7 100%)!important;
  border:1px solid #9fc2dc!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(7,48,87,.11)!important;
}
.seo-guide-page .seo-guide-main::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;height:5px!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(90deg,#0c4f84 0%,#2479b8 48%,#78b1dc 100%)!important;
  pointer-events:none!important;
  z-index:3!important;
}

/* Quick answer and inner cards use the same contrast language as Compare Courses. */
.seo-guide-page .seo-guide-quick{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #a9cce4!important;
  border-top:4px solid #2479b8!important;
  border-left:1px solid #a9cce4!important;
  box-shadow:0 12px 26px rgba(7,48,87,.09)!important;
}

/* Three/four summary cards: reveal normally and receive alternating blue top rules. */
.seo-guide-page .seo-guide-steps{gap:18px!important;margin-bottom:30px!important}
.seo-guide-page .seo-guide-step{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #a9cce4!important;
  border-top:4px solid #2479b8!important;
  box-shadow:0 12px 26px rgba(7,48,87,.09)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.seo-guide-page .seo-guide-step:nth-child(3n+2){
  border-top-color:#4f9bd0!important;
  background:linear-gradient(155deg,#f7fbff,#e3f1fb)!important;
}
.seo-guide-page .seo-guide-step:nth-child(3n){
  border-top-color:#0c4f84!important;
  background:linear-gradient(155deg,#fff,#edf6fc)!important;
}
.seo-guide-page .seo-guide-step:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 22px 42px rgba(7,48,87,.17)!important;
  border-color:#74acd2!important;
}
.seo-guide-page .seo-guide-step-icon{
  background:linear-gradient(145deg,#d9edfb,#bcdcf1)!important;
  color:#0b5f9a!important;
  border:1px solid #a8cde5!important;
  box-shadow:0 6px 14px rgba(7,48,87,.08),inset 0 1px 0 #fff!important;
}
.seo-guide-page .seo-guide-step:hover .seo-guide-step-icon{
  transform:translateY(-3px) rotate(-4deg) scale(1.08)!important;
  box-shadow:0 10px 20px rgba(17,89,145,.16),inset 0 1px 0 #fff!important;
}
/* Undo v4's forced-visible summary cards so reveal is consistent with the page. */
.compare-reveal-enabled .seo-guide-page .seo-guide-step{
  opacity:0!important;
  transform:translateY(20px)!important;
  transition:opacity .56s ease,transform .56s ease,box-shadow .24s ease,border-color .24s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
}
.compare-reveal-enabled .seo-guide-page .seo-guide-step.is-compare-visible{opacity:1!important;transform:none!important}
.compare-reveal-enabled .seo-guide-page .seo-guide-step.is-compare-visible:hover{transform:translateY(-8px)!important}

/* Article boxes: approved Compare Courses contrast + light/medium/dark blue top rules. */
.seo-guide-page .seo-guide-content-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #a9cce4!important;
  border-top:4px solid #2479b8!important;
  box-shadow:0 12px 26px rgba(7,48,87,.09)!important;
}
.seo-guide-page .seo-guide-content-card:nth-child(3n+2){
  border-top-color:#4f9bd0!important;
  background:linear-gradient(155deg,#f7fbff,#e3f1fb)!important;
}
.seo-guide-page .seo-guide-content-card:nth-child(3n){
  border-top-color:#0c4f84!important;
  background:linear-gradient(155deg,#fff,#edf6fc)!important;
}
.seo-guide-page .seo-guide-content-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 22px 42px rgba(7,48,87,.17)!important;
  border-color:#74acd2!important;
}

/* Sidebar cards: stronger hierarchy and consistent hover movement. */
.seo-guide-page .seo-guide-side-card:not(.featured){
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 58%,#e8f3fb 100%)!important;
  border:1px solid #a9cce4!important;
  border-top:4px solid #4f9bd0!important;
  box-shadow:0 12px 26px rgba(7,48,87,.09)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.seo-guide-page .seo-guide-side-card.neutral{border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff,#edf6fc)!important}
.seo-guide-page .seo-guide-side-card:not(.featured):hover{
  transform:translateY(-7px)!important;
  box-shadow:0 21px 40px rgba(7,48,87,.16)!important;
  border-color:#74acd2!important;
}
.seo-guide-page .seo-guide-side-card:not(.featured) .section-kicker{
  display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;
  background:#dceefa!important;color:#0c5c96!important;border:1px solid #afd0e5!important;
}
.seo-guide-page .seo-guide-side-card:not(.featured)>a:not(.btn){
  position:relative!important;padding:12px 3px!important;transition:transform .2s ease,color .2s ease!important;
}
.seo-guide-page .seo-guide-side-card:not(.featured)>a:not(.btn):hover{transform:translateX(4px)!important;color:#0a72b2!important}
.seo-guide-page .seo-guide-side-card.neutral .secondary{
  min-height:48px!important;height:auto!important;width:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:13px 16px!important;margin-top:14px!important;border-radius:11px!important;
  border:1px solid #78add1!important;background:#fff!important;color:#0b4d7b!important;
  font-weight:900!important;line-height:1.2!important;box-sizing:border-box!important;
  overflow:visible!important;
}
.seo-guide-page .seo-guide-side-card.neutral .secondary:hover{
  transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(7,48,87,.13)!important;background:#f5fbff!important
}

/* Featured provider: light conversion panel inside the sidebar so the logo and offer pop. */
.seo-guide-page .seo-guide-side-card.featured{
  background:linear-gradient(145deg,#dceefa 0%,#f8fcff 55%,#c7e1f2 100%)!important;
  border:1px solid #6ea8cf!important;
  border-top:5px solid #0c4f84!important;
  color:#0d3f67!important;
  padding:22px 20px 20px!important;
  box-shadow:0 16px 34px rgba(7,48,87,.16)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
.seo-guide-page .seo-guide-side-card.featured:hover{transform:translateY(-7px)!important;box-shadow:0 24px 46px rgba(7,48,87,.22)!important}
.seo-guide-page .seo-guide-side-kicker{background:#ffd36a!important;color:#123d5e!important;border:1px solid #e0ad2f!important}
.seo-guide-page .seo-guide-featured-logo{
  width:100%;padding:8px 10px 4px;margin:3px auto 8px;border-radius:13px;
  background:rgba(255,255,255,.72);border:1px solid rgba(117,170,206,.55)
}
.seo-guide-page .seo-guide-featured-logo img{
  display:block!important;width:auto!important;max-width:205px!important;max-height:78px!important;
  margin:0 auto!important;filter:none!important
}
.seo-guide-page .seo-guide-side-card.featured h2{color:#0d3f67!important;font-size:21px!important;line-height:1.18!important;margin:10px 0 8px!important}
.seo-guide-page .seo-guide-featured-price{display:flex;align-items:center;justify-content:center;gap:10px;margin:7px 0 12px}
.seo-guide-page .seo-guide-featured-price>strong{font-size:48px;line-height:.95;color:#0b91e3;letter-spacing:-.045em;font-weight:950}
.seo-guide-page .seo-guide-featured-price>span{display:grid;text-align:left;line-height:1.15}
.seo-guide-page .seo-guide-featured-price b{font-size:12px;color:#153f61;font-weight:950}
.seo-guide-page .seo-guide-featured-price small{font-size:10px!important;color:#58758a!important;text-align:left!important;margin-top:3px!important;display:block!important}
.seo-guide-page .seo-guide-feature-list{list-style:none;padding:0;margin:11px 0 2px;display:grid;gap:8px}
.seo-guide-page .seo-guide-feature-list li{position:relative;padding-left:25px;color:#183f60;font-size:12px;font-weight:800;line-height:1.35}
.seo-guide-page .seo-guide-feature-list li::before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ddf7e7;border:1px solid #8ed0a6;color:#168449;font-size:11px;font-weight:950}
.seo-guide-page .seo-guide-side-card.featured .btn{margin-top:17px!important}
.seo-guide-page .seo-guide-license-link{color:#0b4f7d!important;text-decoration:none!important;background:linear-gradient(180deg,#fff,#edf3f7)!important;border:1px solid #9fb8c9!important;border-radius:9px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:12px 0 10px!important;box-shadow:0 5px 12px rgba(7,48,87,.08)!important}
.seo-guide-page .seo-guide-license-link:hover{transform:translateY(-2px)!important;box-shadow:0 9px 17px rgba(7,48,87,.14)!important}
.seo-guide-page .seo-guide-side-card.featured>small:last-child{color:#5c7486!important}

/* Official sources: styled card with the same blue contrast and useful source buttons. */
.seo-guide-page .seo-guide-reference-box{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 56%,#e4f1fa 100%)!important;
  border:1px solid #9fc4de!important;border-top:5px solid #2479b8!important;
  box-shadow:0 14px 30px rgba(7,48,87,.11)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
.seo-guide-page .seo-guide-reference-box:hover{transform:translateY(-5px)!important;box-shadow:0 22px 42px rgba(7,48,87,.16)!important}
.seo-guide-page .seo-guide-reference-box .section-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dceefa;color:#0c5c96;border:1px solid #afd0e5}
.seo-guide-page .seo-guide-reference-box a{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;
  padding:10px 14px!important;border-radius:10px!important;
  background:linear-gradient(145deg,#e5f3fc,#cfe6f5)!important;
  border:1px solid #8cbadb!important;color:#075a91!important;
  box-shadow:0 5px 12px rgba(7,48,87,.06)!important;transition:transform .2s ease,box-shadow .2s ease!important
}
.seo-guide-page .seo-guide-reference-box a:hover{transform:translateY(-3px)!important;box-shadow:0 10px 20px rgba(7,48,87,.12)!important;background:linear-gradient(145deg,#f3faff,#d9ecf8)!important}

@media(max-width:780px){
  .seo-guide-page .seo-guide-main{border-radius:18px!important}
  .seo-guide-page .seo-guide-main::before{border-radius:18px 18px 0 0!important}
  .seo-guide-page .seo-guide-featured-price>strong{font-size:43px}
}
@media(hover:none){
  .seo-guide-page .seo-guide-step:hover,.seo-guide-page .seo-guide-content-card:hover,.seo-guide-page .seo-guide-side-card:hover,.seo-guide-page .seo-guide-reference-box:hover{transform:none!important}
}

/* =========================================================
   SEO Guides Batch A v6 — match approved Compare Courses depth
   2026-10-10
   ========================================================= */

/* Match the approved Compare Courses outer-panel blue blend exactly. */
.seo-guide-page .seo-guide-main{
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  border-color:#4f93c2!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
}

/* Give the quick-answer area the same dimensional editorial treatment. */
.seo-guide-page .seo-guide-quick{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;
  gap:24px!important;align-items:center!important;padding:28px 28px 28px 30px!important;
  background:linear-gradient(155deg,#fff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:5px solid #2479b8!important;border-radius:19px!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
}
.seo-guide-page .seo-guide-quick-copy>span{
  display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:#d8ecfa!important;
  color:#0b5f9a!important;border:1px solid #afd0e5!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:10px!important
}
.seo-guide-page .seo-guide-quick h2{margin:0 0 10px!important;color:#0d3b66!important;font-size:clamp(24px,2.25vw,34px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
.seo-guide-page .seo-guide-quick p{margin:0!important;color:#587086!important;line-height:1.68!important}
.seo-guide-page .seo-guide-quick-icon{
  width:78px;height:78px;border-radius:20px;display:grid;place-items:center;justify-self:end;
  color:#fff;background:linear-gradient(145deg,#073f70 0%,#0e639f 56%,#3f94cc 100%);
  border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 32px rgba(5,48,88,.20),inset 0 1px 0 rgba(255,255,255,.28)
}
.seo-guide-page .seo-guide-quick-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Numbered summary cards: same inner-card contrast, dimensional hover and top-line rhythm. */
.seo-guide-page .seo-guide-step{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:4px solid #2479b8!important;
  box-shadow:0 12px 26px rgba(7,48,87,.11)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.seo-guide-page .seo-guide-step:nth-child(2){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.seo-guide-page .seo-guide-step:nth-child(3){border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important}
.seo-guide-page .seo-guide-step:hover{transform:translateY(-8px) scale(1.012)!important;box-shadow:0 22px 42px rgba(7,48,87,.17)!important;border-color:#74acd2!important}
.seo-guide-page .seo-guide-step-icon{
  background:linear-gradient(145deg,#0a4a7d,#1674b4)!important;color:#fff!important;border:1px solid #8bc1e4!important;
  box-shadow:0 9px 18px rgba(5,50,91,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .25s ease,box-shadow .25s ease!important
}
.seo-guide-page .seo-guide-step:hover .seo-guide-step-icon{transform:translateY(-2px) scale(1.08)!important;box-shadow:0 12px 22px rgba(5,50,91,.28)!important}

/* Article cards: stronger blue/white contrast plus dark-blue icon tile in the upper-right. */
.seo-guide-page .seo-guide-content-card{
  position:relative!important;padding:28px 96px 28px 28px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:4px solid #2479b8!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.seo-guide-page .seo-guide-content-card:nth-child(2){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.seo-guide-page .seo-guide-content-card:nth-child(3){border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important}
.seo-guide-page .seo-guide-content-card:nth-child(4){border-top-color:#78b1dc!important;background:linear-gradient(155deg,#fff 0%,#f8fcff 54%,#dfeef9 100%)!important}
.seo-guide-page .seo-guide-content-card:nth-child(5){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.seo-guide-page .seo-guide-content-card::after{
  content:"✓";position:absolute;right:24px;top:24px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0a4a7d,#1674b4);color:#fff;font-weight:950;font-size:20px;
  border:1px solid #8bc1e4;box-shadow:0 9px 18px rgba(5,50,91,.22),inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .25s ease,box-shadow .25s ease
}
.seo-guide-page .seo-guide-content-card:nth-child(2)::after{content:"12";background:linear-gradient(145deg,#165e99,#3d91c8)}
.seo-guide-page .seo-guide-content-card:nth-child(3)::after{content:"i";background:linear-gradient(145deg,#0b416f,#0f629f)}
.seo-guide-page .seo-guide-content-card:nth-child(4)::after{content:"✓";background:linear-gradient(145deg,#174f82,#66a8d8)}
.seo-guide-page .seo-guide-content-card:nth-child(5)::after{content:"ID";font-size:14px;background:linear-gradient(145deg,#0a4a7d,#1674b4)}
.seo-guide-page .seo-guide-content-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 46px rgba(7,48,87,.18)!important;border-color:#74acd2!important}
.seo-guide-page .seo-guide-content-card:hover::after{transform:translateY(-3px) rotate(-4deg) scale(1.08);box-shadow:0 13px 24px rgba(5,50,91,.28),inset 0 1px 0 rgba(255,255,255,.24)}

/* Official-sources panel now uses the same approved blue blend, not a flat white card. */
.seo-guide-page .seo-guide-reference-section{
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  border-color:#4f93c2!important;box-shadow:0 18px 42px rgba(7,48,87,.11)!important
}
.seo-guide-page .seo-guide-reference-box{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:4px solid #2479b8!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important
}

/* Featured side offer: slightly stronger conversion hierarchy while keeping directory disclosure clear. */
.seo-guide-page .seo-guide-side-card.featured{
  background:linear-gradient(155deg,#f7fbff 0%,#e5f2fb 56%,#cfe6f5 100%)!important;
  border:1px solid #78acd0!important;border-top:5px solid #2479b8!important;
  box-shadow:0 16px 34px rgba(7,48,87,.14)!important
}
.seo-guide-page .seo-guide-featured-logo{background:#fff!important;border:1px solid #b8d3e5!important;box-shadow:0 7px 16px rgba(7,48,87,.08)!important}

/* Hero CTA: keep visitors on the directory and take them directly to the featured-course comparison offer. */
.seo-guide-page .commercial-hero-primary{min-width:220px}

@media(max-width:760px){
  .seo-guide-page .seo-guide-quick{grid-template-columns:1fr!important;padding:22px 20px!important}
  .seo-guide-page .seo-guide-quick-icon{justify-self:start;width:64px;height:64px}
  .seo-guide-page .seo-guide-content-card{padding:24px 22px 24px!important}
  .seo-guide-page .seo-guide-content-card::after{position:static;margin:0 0 16px;width:46px;height:46px}
}

/* =========================================================
   SEO Guides Batch A v7 — quick-answer / FAQ / official-sources alignment
   2026-10-10
   ========================================================= */

/* Quick answer should read like the headline area of the entire body panel,
   not as a separate boxed card. */
.seo-guide-page .seo-guide-quick{
  position:relative!important;
  display:block!important;
  margin:0 0 22px!important;
  padding:2px 112px 8px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.seo-guide-page .seo-guide-quick-copy>span{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#0d5f99!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.seo-guide-page .seo-guide-quick h2{
  margin:0 0 14px!important;
  color:#0d3b66!important;
  font-size:clamp(34px,3.7vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  max-width:840px!important;
}
.seo-guide-page .seo-guide-quick p{
  margin:0!important;
  color:#60788d!important;
  font-size:17px!important;
  line-height:1.72!important;
  max-width:900px!important;
}
.seo-guide-page .seo-guide-quick-icon{
  position:absolute!important;
  right:10px!important;
  top:6px!important;
  width:62px!important;
  height:62px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(145deg,#0a4a7d,#1674b4)!important;
  border:1px solid #8bc1e4!important;
  box-shadow:0 12px 24px rgba(5,50,91,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.seo-guide-page .seo-guide-quick-icon svg{width:34px!important;height:34px!important}

/* FAQ block: match the approved Compare Courses blue background more closely. */
.seo-guide-page .seo-guide-faq-section{
  background:linear-gradient(125deg,#0a3e70 0%,#176da9 38%,#7fb7dc 72%,#dcecf7 100%)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-wrap{
  max-width:1280px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:48px!important;
  align-items:start!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro{padding:12px 4px 0 0!important}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro .section-kicker{color:#cfeaff!important}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro h2{
  color:#fff!important;
  font-size:clamp(32px,3.4vw,47px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  margin:12px 0 18px!important;
  text-shadow:0 2px 14px rgba(0,25,50,.18)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro p{
  font-size:17px!important;
  line-height:1.72!important;
  color:#e1eff9!important;
  margin:0 0 22px!important;
  max-width:520px!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro .secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-intro .secondary:hover{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(255,255,255,.68)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-list{gap:12px!important}
.seo-guide-page .seo-guide-faq-section .compare-faq-item{
  background:linear-gradient(145deg,#fff,#edf6fc)!important;
  border:1px solid #9ec4df!important;
  border-left:5px solid #1d78b7!important;
  box-shadow:0 10px 24px rgba(0,28,55,.14)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item:hover{
  transform:translateX(9px)!important;
  background:#fff!important;
  border-color:#74acd2!important;
  border-left-color:#073f70!important;
  box-shadow:0 18px 34px rgba(0,25,50,.22)!important;
}
.seo-guide-page .seo-guide-faq-section .compare-faq-item[open]{
  background:#fff!important;
  border-left-color:#073f70!important;
  box-shadow:0 20px 38px rgba(0,25,50,.22)!important;
}

/* Official sources: remove the extra outer rectangular outline and keep only the styled inner card. */
.seo-guide-page .seo-guide-reference-section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding-top:38px!important;
  padding-bottom:8px!important;
}
.seo-guide-page .seo-guide-reference-box{
  position:relative!important;
  overflow:hidden!important;
  padding:30px 32px!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;
  border-top:4px solid #2479b8!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
}
.seo-guide-page .seo-guide-reference-box::before,
.seo-guide-page .seo-guide-reference-box::after{display:none!important}
.seo-guide-page .seo-guide-reference-box .section-kicker{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#0d5f99!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

@media(max-width:900px){
  .seo-guide-page .seo-guide-faq-section .compare-faq-wrap{grid-template-columns:1fr!important;gap:28px!important}
  .seo-guide-page .seo-guide-faq-section .compare-faq-intro{padding-right:0!important}
  .seo-guide-page .seo-guide-faq-section .compare-faq-intro p{max-width:none!important}
}
@media(max-width:760px){
  .seo-guide-page .seo-guide-quick{padding:0 0 6px!important}
  .seo-guide-page .seo-guide-quick h2{font-size:clamp(28px,7.6vw,40px)!important}
  .seo-guide-page .seo-guide-quick-icon{position:static!important;margin:16px 0 0!important;width:58px!important;height:58px!important}
  .seo-guide-page .seo-guide-faq-section{background:linear-gradient(155deg,#0a3e70 0%,#176da9 55%,#6ba6cf 100%)!important}
}
@media(hover:none){
  .seo-guide-page .seo-guide-faq-section .compare-faq-item:hover{transform:none!important}
}


/* =========================================================
   SEO Guides Batch A v9 — full-width editorial + conversion layout
   ========================================================= */

/* Body content now uses the full panel width; no narrow sidebar column. */
.seo-guide-page .seo-guide-content-grid.seo-guide-content-full{display:block!important}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;width:100%!important}
.seo-guide-page .seo-guide-content-card{width:100%!important}

/* Short editorial intro with more whitespace and stronger hierarchy. */
.seo-guide-page .seo-guide-quick{margin-bottom:20px!important;padding-right:96px!important}
.seo-guide-page .seo-guide-quick h2{max-width:800px!important}
.seo-guide-page .seo-guide-quick p{max-width:920px!important;font-size:16px!important}

/* Full-width featured conversion section borrowed from the proven Compare page. */
.seo-guide-page .seo-guide-featured-section{
  width:min(calc(100% - 34px),1540px);margin:18px auto 34px;padding:40px 34px 34px;border-radius:24px;
  background:linear-gradient(115deg,#07345d 0%,#0d588e 58%,#1c79b2 100%);
  border:1px solid #2e7fb6;box-shadow:0 24px 52px rgba(7,47,87,.22);overflow:hidden
}
.seo-guide-page .seo-guide-featured-heading{max-width:880px;margin:0 0 24px}
.seo-guide-page .seo-guide-featured-heading .section-kicker{color:#ffd36a!important}
.seo-guide-page .seo-guide-featured-heading h2{color:#fff;font-size:clamp(30px,3.4vw,46px);line-height:1.08;margin:8px 0 12px;letter-spacing:-.03em}
.seo-guide-page .seo-guide-featured-heading p{color:#dceefa;font-size:17px;line-height:1.68;margin:0}
.seo-guide-page .seo-guide-featured-product{margin-top:0!important}
.seo-guide-page .seo-guide-more-featured{margin-top:24px!important}
.seo-guide-page .seo-guide-more-featured .compare-more-heading h3,
.seo-guide-page .seo-guide-more-featured .compare-more-heading a{color:#fff!important}

/* Utility navigation moved below the editorial/FAQ/source content. */
.seo-guide-page .seo-guide-utility-section{padding-top:24px;padding-bottom:0}
.seo-guide-page .seo-guide-utility-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.seo-guide-page .seo-guide-utility-grid .seo-guide-side-card{min-height:100%;padding:26px 28px!important;border-radius:18px!important}
.seo-guide-page .seo-guide-related-card{background:linear-gradient(155deg,#fff 0%,#eef7fd 55%,#d5e9f7 100%)!important;border:1px solid #86b4d4!important;border-top:4px solid #2479b8!important}
.seo-guide-page .seo-guide-related-card a{display:block;padding:11px 0;border-bottom:1px solid #c8ddeb;font-weight:850;text-decoration:none}
.seo-guide-page .seo-guide-related-card a:last-child{border-bottom:0}
.seo-guide-page .seo-guide-neutral-card{background:linear-gradient(145deg,#0a426f 0%,#12699f 60%,#4d9aca 100%)!important;border:1px solid #2f83bd!important;color:#fff!important}
.seo-guide-page .seo-guide-neutral-card .section-kicker,.seo-guide-page .seo-guide-neutral-card h2{color:#fff!important}
.seo-guide-page .seo-guide-neutral-card p{color:#dceefa!important}
.seo-guide-page .seo-guide-neutral-card .btn{background:#fff!important;color:#0b416d!important;border-color:#c2dced!important}

/* Major official-source upgrade: obvious blue blend, icon tile and source cards. */
.seo-guide-page .seo-guide-reference-section{padding-top:36px!important}
.seo-guide-page .seo-guide-reference-box{
  position:relative!important;padding:34px 110px 34px 34px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 30%,#f8fcff 66%,#bad9ed 100%)!important;
  border:1px solid #4f93c2!important;border-top:5px solid #0d5f99!important;
  box-shadow:0 18px 38px rgba(7,48,87,.14)!important
}
.seo-guide-page .seo-guide-reference-box::after{
  content:"↗"!important;display:grid!important;place-items:center!important;position:absolute!important;right:30px!important;top:30px!important;
  width:60px!important;height:60px!important;border-radius:17px!important;background:linear-gradient(145deg,#073f70,#1674b4)!important;
  color:#fff!important;font-size:25px!important;font-weight:900!important;border:1px solid #8bc1e4!important;box-shadow:0 12px 24px rgba(5,50,91,.22)!important
}
.seo-guide-page .seo-guide-reference-box h2{font-size:clamp(26px,2.6vw,38px)!important;margin:5px 0 10px!important}
.seo-guide-page .seo-guide-reference-box p{font-size:16px!important;line-height:1.65!important;max-width:800px!important}
.seo-guide-page .seo-guide-reference-box ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}
.seo-guide-page .seo-guide-reference-box li{min-width:0}
.seo-guide-page .seo-guide-reference-box a{
  width:100%!important;min-height:54px!important;justify-content:flex-start!important;padding:13px 16px!important;
  background:linear-gradient(155deg,#fff 0%,#edf6fc 100%)!important;border:1px solid #7faed0!important;border-left:5px solid #176da9!important;
  border-radius:12px!important;box-shadow:0 9px 20px rgba(7,48,87,.10)!important;font-size:13px!important
}
.seo-guide-page .seo-guide-reference-box a::after{content:"↗";margin-left:auto;font-weight:900;color:#0b5f99}

@media(max-width:900px){
  .seo-guide-page .seo-guide-featured-section{padding:32px 22px}
  .seo-guide-page .seo-guide-utility-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .seo-guide-page .seo-guide-reference-box{padding:28px 22px!important}
  .seo-guide-page .seo-guide-reference-box::after{position:static!important;margin:0 0 18px!important;width:54px!important;height:54px!important}
  .seo-guide-page .seo-guide-reference-box ul{grid-template-columns:1fr!important}
  .seo-guide-page .seo-guide-featured-section{width:calc(100% - 18px);border-radius:18px;padding:28px 16px}
}

/* =========================================================
   SEO Guides Batch A v10 — featured reveal + utility cards
   2026-10-10
   ========================================================= */

/* The full-width Featured Course section participates in reveal rather than
   being hidden by the generic compare-page reveal selector. */
.compare-reveal-enabled .seo-guide-page .seo-guide-featured-section[data-compare-reveal="1"]{
  opacity:0!important;
  filter:blur(2px)!important;
  transform:translateY(46px) scale(.988)!important;
  transition:opacity .68s cubic-bezier(.19,.78,.22,1),transform .78s cubic-bezier(.19,.78,.22,1),filter .6s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
}
.compare-reveal-enabled .seo-guide-page .seo-guide-featured-section[data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

/* Utility area should align visually and dimensionally with the main body panel. */
.seo-guide-page .seo-guide-utility-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:24px auto 0!important;
  padding:24px!important;
  border:1px solid #4f93c2!important;
  border-top:5px solid #0d5f99!important;
  border-radius:22px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
}
.seo-guide-page .seo-guide-utility-grid{
  width:100%!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
.seo-guide-page .seo-guide-utility-grid .seo-guide-side-card{
  min-height:100%!important;
  padding:28px 30px!important;
  border-radius:18px!important;
  box-shadow:0 13px 28px rgba(7,48,87,.12)!important;
}
.seo-guide-page .seo-guide-related-card{
  background:linear-gradient(155deg,#fff 0%,#edf6fc 52%,#cfe5f4 100%)!important;
  border:1px solid #7faed0!important;
  border-top:4px solid #2479b8!important;
  color:#173f61!important;
}
.seo-guide-page .seo-guide-related-card .section-kicker{
  color:#0d5f99!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.seo-guide-page .seo-guide-related-card a{
  color:#0b588d!important;
  font-weight:850!important;
  border-bottom:1px solid #bdd5e6!important;
}
.seo-guide-page .seo-guide-related-card a:hover{color:#073f70!important;transform:translateX(3px)}

.seo-guide-page .seo-guide-neutral-card{
  background:linear-gradient(145deg,#0a426f 0%,#12699f 58%,#4d9aca 100%)!important;
  border:1px solid #2f83bd!important;
  border-top:4px solid #79bce5!important;
  color:#fff!important;
  box-shadow:0 15px 30px rgba(5,43,79,.20)!important;
}
.seo-guide-page .seo-guide-neutral-card .section-kicker{
  color:#d7efff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.seo-guide-page .seo-guide-neutral-card h2{
  color:#fff!important;
  margin:10px 0 8px!important;
  text-shadow:0 2px 12px rgba(0,24,48,.18)!important;
}
.seo-guide-page .seo-guide-neutral-card p{
  color:#e8f5fd!important;
  opacity:1!important;
  font-size:15px!important;
  line-height:1.62!important;
  margin:0 0 18px!important;
}
.seo-guide-page .seo-guide-neutral-card .btn.secondary{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#0b416d!important;
  border:1px solid #b9d9ec!important;
  border-radius:10px!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(0,31,59,.16)!important;
}
.seo-guide-page .seo-guide-neutral-card .btn.secondary:hover{
  transform:translateY(-2px)!important;
  background:#f4faff!important;
  box-shadow:0 12px 24px rgba(0,31,59,.22)!important;
}

@media(max-width:900px){
  .seo-guide-page .seo-guide-utility-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .seo-guide-page .seo-guide-utility-section{width:calc(100% - 18px)!important;padding:16px!important;border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .seo-guide-page .seo-guide-featured-section[data-compare-reveal="1"]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

/* =========================================================
   SEO Guides Batch A v11 — separated 4-check panel + neutral card contrast
   2026-10-10
   ========================================================= */

/* Keep the opening panel concise: main rule first, follow-up checks in their own section. */
.seo-guide-page .seo-guide-content-full .seo-guide-content-column{
  display:block!important;
}
.seo-guide-page .seo-guide-main .seo-guide-content-card{
  margin-top:18px!important;
}

/* New standalone 4-check panel, visually matched to the Compare Courses card sections. */
.seo-guide-page .seo-guide-consider-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:24px auto 34px!important;
}
.seo-guide-page .seo-guide-consider-shell{
  position:relative!important;
  width:100%!important;
  padding:34px 34px 36px!important;
  border:1px solid #4f93c2!important;
  border-top:5px solid #0d5f99!important;
  border-radius:22px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
  overflow:hidden!important;
}
.seo-guide-page .seo-guide-consider-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 72px!important;
  gap:30px!important;
  align-items:start!important;
  margin-bottom:28px!important;
}
.seo-guide-page .seo-guide-consider-heading .section-kicker{
  color:#0d5f99!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0 0 8px!important;
}
.seo-guide-page .seo-guide-consider-heading h2{
  margin:0 0 12px!important;
  color:#0d3b66!important;
  font-size:clamp(31px,3.4vw,46px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  max-width:850px!important;
}
.seo-guide-page .seo-guide-consider-heading p{
  margin:0!important;
  color:#587086!important;
  font-size:17px!important;
  line-height:1.7!important;
  max-width:900px!important;
}
.seo-guide-page .seo-guide-consider-icon{
  width:68px!important;height:68px!important;
  border-radius:19px!important;
  display:grid!important;place-items:center!important;
  color:#fff!important;
  background:linear-gradient(145deg,#073f70,#1674b4)!important;
  border:1px solid #8bc1e4!important;
  box-shadow:0 14px 28px rgba(5,50,91,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.seo-guide-page .seo-guide-consider-icon svg{
  width:38px!important;height:38px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.seo-guide-page .seo-guide-consider-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.seo-guide-page .seo-guide-consider-card{
  min-height:220px!important;
  margin:0!important;
  padding:28px 92px 26px 28px!important;
  border-radius:17px!important;
}
.seo-guide-page .seo-guide-consider-card h2{
  font-size:clamp(21px,2vw,28px)!important;
  line-height:1.15!important;
  margin:0 0 12px!important;
}
.seo-guide-page .seo-guide-consider-card .seo-guide-prose{
  font-size:15px!important;
  line-height:1.7!important;
}

/* Force the neutral-search card to use readable dark text on its light card treatment.
   This intentionally overrides older inherited blue-section rules. */
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card{
  background:linear-gradient(155deg,#ffffff 0%,#eef7fd 54%,#d4e9f7 100%)!important;
  border:1px solid #7faed0!important;
  border-top:4px solid #0c4f84!important;
  color:#173f61!important;
  box-shadow:0 13px 28px rgba(7,48,87,.12)!important;
}
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card .section-kicker{
  color:#0d5f99!important;
  background:#dceefa!important;
  border:1px solid #afd0e5!important;
}
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card h2{
  color:#0d3b66!important;
  text-shadow:none!important;
  opacity:1!important;
}
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card p{
  color:#587086!important;
  opacity:1!important;
}
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card .btn.secondary{
  background:linear-gradient(135deg,#1168c7,#0876d8)!important;
  color:#fff!important;
  border-color:#4da4df!important;
  box-shadow:0 9px 20px rgba(17,104,199,.20)!important;
}
.seo-guide-page .seo-guide-utility-section .seo-guide-neutral-card .btn.secondary:hover{
  background:linear-gradient(135deg,#0d5caf,#0a6bc2)!important;
  color:#fff!important;
}

/* Reveal support for the new section. */
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-heading[data-compare-reveal="1"],
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"]{
  opacity:0!important;
  filter:blur(2px)!important;
  transform:translateY(38px) scale(.99)!important;
  transition:opacity .62s cubic-bezier(.19,.78,.22,1),transform .72s cubic-bezier(.19,.78,.22,1),filter .55s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
}
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-heading[data-compare-reveal="1"].is-compare-visible,
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;filter:none!important;transform:none!important;
}

@media(max-width:900px){
  .seo-guide-page .seo-guide-consider-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .seo-guide-page .seo-guide-consider-section{width:calc(100% - 18px)!important;margin:18px auto 26px!important}
  .seo-guide-page .seo-guide-consider-shell{padding:26px 18px 24px!important;border-radius:18px!important}
  .seo-guide-page .seo-guide-consider-heading{grid-template-columns:1fr!important;gap:16px!important}
  .seo-guide-page .seo-guide-consider-icon{width:58px!important;height:58px!important}
  .seo-guide-page .seo-guide-consider-card{min-height:0!important;padding:24px 22px!important}
  .seo-guide-page .seo-guide-consider-card::after{position:static!important;margin:0 0 16px!important;width:46px!important;height:46px!important}
}
@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .seo-guide-page .seo-guide-consider-heading[data-compare-reveal="1"],
  .compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"]{
    opacity:1!important;filter:none!important;transform:none!important;transition:none!important;
  }
}

/* =========================================================
   SEO Guides Batch A v12 — final hierarchy + unified hover polish
   2026-10-10
   ========================================================= */

/* Turn the first full-width explanation into a strong visual break,
   similar to the approved dark FAQ/conversion sections. */
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child{
  position:relative!important;
  color:#fff!important;
  background:linear-gradient(118deg,#07365f 0%,#0b5488 54%,#2582bd 100%)!important;
  border:1px solid #2e82bc!important;
  border-top:5px solid #7fc8ef!important;
  box-shadow:0 20px 42px rgba(5,42,76,.22)!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child h2{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,25,50,.20)!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child .seo-guide-prose{
  color:#e5f3fc!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child .seo-guide-prose strong{
  color:#fff!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child a{
  color:#fff!important;
  text-decoration-color:rgba(255,255,255,.55)!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child .seo-guide-example{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(226,242,252,.95))!important;
  border:1px solid rgba(177,216,239,.95)!important;
  box-shadow:0 9px 22px rgba(0,27,52,.16)!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child .seo-guide-example strong{
  color:#0b5f99!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child .seo-guide-example span{
  color:#4d6d84!important;
}
.seo-guide-page .seo-guide-content-full .seo-guide-content-column > .seo-guide-content-card:first-child::after{
  background:linear-gradient(145deg,#ffffff,#d8edfa)!important;
  color:#0b5f99!important;
  border-color:#a8d2eb!important;
  box-shadow:0 10px 22px rgba(0,26,51,.25)!important;
}

/* Unify hover behavior across informational cards: card lift + icon lift/scale/shadow,
   matching Compare Courses, with no rotation/twist. */
.seo-guide-page :is(.seo-guide-step,.seo-guide-content-card,.seo-guide-consider-card,.seo-guide-side-card,.seo-guide-reference-box){
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.seo-guide-page :is(.seo-guide-step,.seo-guide-content-card,.seo-guide-consider-card,.seo-guide-side-card,.seo-guide-reference-box):hover{
  transform:translateY(-7px)!important;
  box-shadow:0 24px 46px rgba(7,48,87,.18)!important;
  border-color:#74acd2!important;
}
.seo-guide-page .seo-guide-step:hover .seo-guide-step-icon{
  transform:translateY(-4px) scale(1.10)!important;
  box-shadow:0 14px 26px rgba(5,50,91,.28)!important;
}
.seo-guide-page .seo-guide-content-card:hover::after,
.seo-guide-page .seo-guide-consider-card:hover::after{
  transform:translateY(-4px) scale(1.10)!important;
  box-shadow:0 14px 26px rgba(5,50,91,.28)!important;
}
.seo-guide-page .seo-guide-reference-box:hover .seo-guide-source-icon,
.seo-guide-page .seo-guide-consider-shell:hover .seo-guide-consider-icon,
.seo-guide-page .seo-guide-quick:hover .seo-guide-quick-icon{
  transform:translateY(-4px) scale(1.08)!important;
  box-shadow:0 14px 26px rgba(5,50,91,.28)!important;
}
.seo-guide-page :is(.seo-guide-step-icon,.seo-guide-content-card::after,.seo-guide-consider-card::after,.seo-guide-source-icon,.seo-guide-consider-icon,.seo-guide-quick-icon){
  transition:transform .25s ease,box-shadow .25s ease!important;
}

/* Utility cards also use the same lift treatment, but keep links/buttons stable. */
.seo-guide-page .seo-guide-utility-grid .seo-guide-side-card:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 24px 46px rgba(7,48,87,.18)!important;
}

/* Hero button hierarchy: commercial comparison first, featured-provider browse second. */
.seo-guide-page .seo-guide-hero .commercial-hero-primary{
  min-width:220px!important;
}
.seo-guide-page .seo-guide-hero .compare-hero-actions .secondary{
  min-width:205px!important;
}

@media(hover:none){
  .seo-guide-page :is(.seo-guide-step,.seo-guide-content-card,.seo-guide-consider-card,.seo-guide-side-card,.seo-guide-reference-box):hover,
  .seo-guide-page .seo-guide-utility-grid .seo-guide-side-card:hover{transform:none!important}
  .seo-guide-page .seo-guide-step:hover .seo-guide-step-icon,
  .seo-guide-page .seo-guide-content-card:hover::after,
  .seo-guide-page .seo-guide-consider-card:hover::after,
  .seo-guide-page .seo-guide-reference-box:hover .seo-guide-source-icon,
  .seo-guide-page .seo-guide-consider-shell:hover .seo-guide-consider-icon,
  .seo-guide-page .seo-guide-quick:hover .seo-guide-quick-icon{transform:none!important}
}

/* =========================================================
   SEO Guides Batch A v13 — responsive icon anchoring + 4-check hover
   2026-10-10
   ========================================================= */

/* The 4-check cards participate in scroll reveal, so their visible-state
   transform must explicitly allow the same card-lift hover as Compare Courses. */
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 24px 46px rgba(7,48,87,.18)!important;
  border-color:#74acd2!important;
}
.compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible:hover::after{
  transform:translateY(-4px) scale(1.10)!important;
  box-shadow:0 14px 26px rgba(5,50,91,.28)!important;
}

/* Small-screen hero metric: keep the Month Lookback badge above the hero art
   instead of letting it fall behind the illustration at 519px and below. */
@media(max-width:520px){
  .seo-guide-page .seo-guide-hero-visual{position:relative!important;margin-bottom:30px!important}
  .seo-guide-page .seo-guide-metric{
    position:absolute!important;
    right:12px!important;
    bottom:-16px!important;
    z-index:6!important;
    width:142px!important;
    min-width:142px!important;
    margin:0!important;
  }
}

/* Keep the large section icons anchored in the upper-right on tablet/mobile.
   Earlier rules moved them under the paragraph at <=760px. */
@media(max-width:760px){
  .seo-guide-page .seo-guide-quick{
    position:relative!important;
    padding:0 0 6px!important;
  }
  .seo-guide-page .seo-guide-quick-copy{padding-right:76px!important}
  .seo-guide-page .seo-guide-quick-icon{
    position:absolute!important;
    top:4px!important;
    right:2px!important;
    margin:0!important;
    width:56px!important;
    height:56px!important;
    justify-self:auto!important;
    z-index:3!important;
  }

  .seo-guide-page .seo-guide-consider-heading{
    position:relative!important;
    display:block!important;
    margin-bottom:26px!important;
  }
  .seo-guide-page .seo-guide-consider-heading>div:first-child{padding-right:78px!important}
  .seo-guide-page .seo-guide-consider-icon{
    position:absolute!important;
    top:0!important;
    right:0!important;
    margin:0!important;
    width:56px!important;
    height:56px!important;
    z-index:3!important;
  }

  .seo-guide-page .seo-guide-reference-box{position:relative!important;padding:28px 22px!important}
  .seo-guide-page .seo-guide-reference-box .section-kicker,
  .seo-guide-page .seo-guide-reference-box h2,
  .seo-guide-page .seo-guide-reference-box>p{max-width:calc(100% - 76px)!important}
  .seo-guide-page .seo-guide-reference-box::after{
    position:absolute!important;
    top:20px!important;
    right:20px!important;
    margin:0!important;
    width:54px!important;
    height:54px!important;
    z-index:3!important;
  }
}

@media(max-width:430px){
  .seo-guide-page .seo-guide-quick-copy{padding-right:64px!important}
  .seo-guide-page .seo-guide-quick-icon,
  .seo-guide-page .seo-guide-consider-icon{width:50px!important;height:50px!important}
  .seo-guide-page .seo-guide-consider-heading>div:first-child{padding-right:66px!important}
  .seo-guide-page .seo-guide-reference-box .section-kicker,
  .seo-guide-page .seo-guide-reference-box h2,
  .seo-guide-page .seo-guide-reference-box>p{max-width:calc(100% - 64px)!important}
  .seo-guide-page .seo-guide-reference-box::after{width:50px!important;height:50px!important;right:18px!important;top:18px!important}
}

@media(hover:none),(pointer:coarse){
  .compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible:hover{transform:none!important}
  .compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible:hover::after{transform:none!important}
}

/* =========================================================
   SEO Guides Batch A v14 — tablet icon anchoring + hero arrow clearance
   2026-10-10
   ========================================================= */

/* Keep informational-card icons fixed in the upper-right through tablet widths.
   Older <=760px rules moved these pseudo-icons into normal document flow. */
@media(max-width:760px){
  .seo-guide-page .seo-guide-content-card,
  .seo-guide-page .seo-guide-consider-card{
    position:relative!important;
    padding-right:90px!important;
  }
  .seo-guide-page .seo-guide-content-card::after,
  .seo-guide-page .seo-guide-consider-card::after{
    position:absolute!important;
    top:22px!important;
    right:22px!important;
    margin:0!important;
    width:50px!important;
    height:50px!important;
    z-index:4!important;
  }
}

@media(max-width:430px){
  .seo-guide-page .seo-guide-content-card,
  .seo-guide-page .seo-guide-consider-card{
    padding-right:74px!important;
  }
  .seo-guide-page .seo-guide-content-card::after,
  .seo-guide-page .seo-guide-consider-card::after{
    top:18px!important;
    right:18px!important;
    width:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
}

/* At phone widths move the Month Lookback badge below the illustration instead
   of covering the circular yellow look-back arrow. */
@media(max-width:600px){
  .seo-guide-page .seo-guide-hero-visual{
    position:relative!important;
    margin-bottom:74px!important;
    overflow:visible!important;
  }
  .seo-guide-page .seo-guide-metric{
    position:absolute!important;
    right:14px!important;
    bottom:-62px!important;
    z-index:7!important;
    width:142px!important;
    min-width:142px!important;
    margin:0!important;
  }
}

@media(max-width:390px){
  .seo-guide-page .seo-guide-hero-visual{margin-bottom:70px!important}
  .seo-guide-page .seo-guide-metric{
    right:12px!important;
    bottom:-58px!important;
    width:136px!important;
    min-width:136px!important;
    padding:13px 14px!important;
  }
}

/* =========================================================
   SEO Guides Batch A v21 — stronger, consistent scroll reveal
   2026-10-11
   ========================================================= */

/* Do not animate the whole featured section container. Animate its internal
   heading, main comparison card and provider cards individually instead. */
.compare-reveal-enabled .seo-guide-page .seo-guide-featured-section[data-compare-reveal="1"]{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

/* Stronger guide reveal motion so it is clearly visible on phones as well as desktop. */
.compare-reveal-enabled .seo-guide-page :is(
  .seo-guide-quick,
  .seo-guide-step,
  .seo-guide-content-card,
  .seo-guide-consider-heading,
  .seo-guide-consider-card,
  .seo-guide-featured-heading,
  .seo-guide-featured-product,
  .seo-guide-more-featured .compare-more-heading,
  .seo-guide-more-featured .compare-provider-mini,
  .compare-faq-intro,
  .compare-faq-item,
  .seo-guide-reference-box,
  .seo-guide-side-card,
  .seo-guide-final-cta .compare-final-box
)[data-compare-reveal="1"]{
  opacity:0!important;
  filter:blur(2.2px)!important;
  transform:translateY(48px) scale(.982)!important;
  transition:
    opacity .64s cubic-bezier(.19,.78,.22,1),
    transform .76s cubic-bezier(.19,.78,.22,1),
    filter .58s ease,
    box-shadow .25s ease,
    border-color .25s ease!important;
  transition-delay:var(--compare-delay,0ms)!important;
  will-change:opacity,transform,filter;
}

.compare-reveal-enabled .seo-guide-page :is(
  .seo-guide-quick,
  .seo-guide-step,
  .seo-guide-content-card,
  .seo-guide-consider-heading,
  .seo-guide-consider-card,
  .seo-guide-featured-heading,
  .seo-guide-featured-product,
  .seo-guide-more-featured .compare-more-heading,
  .seo-guide-more-featured .compare-provider-mini,
  .compare-faq-intro,
  .compare-faq-item,
  .seo-guide-reference-box,
  .seo-guide-side-card,
  .seo-guide-final-cta .compare-final-box
)[data-compare-reveal="1"].is-compare-visible{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

/* Give the three opening cards and four consideration cards a little more
   travel on small screens so the reveal is unmistakable. */
@media(max-width:760px){
  .compare-reveal-enabled .seo-guide-page :is(
    .seo-guide-step,
    .seo-guide-consider-card,
    .seo-guide-more-featured .compare-provider-mini,
    .seo-guide-side-card
  )[data-compare-reveal="1"]{
    transform:translateY(58px) scale(.975)!important;
  }
  .compare-reveal-enabled .seo-guide-page :is(
    .seo-guide-step,
    .seo-guide-consider-card,
    .seo-guide-more-featured .compare-provider-mini,
    .seo-guide-side-card
  )[data-compare-reveal="1"].is-compare-visible{
    transform:none!important;
  }
}

/* Restore hover lift after reveal. */
@media(hover:hover) and (pointer:fine){
  .compare-reveal-enabled .seo-guide-page .seo-guide-step[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .seo-guide-page .seo-guide-content-card[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .seo-guide-page .seo-guide-consider-card[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .seo-guide-page .seo-guide-more-featured .compare-provider-mini[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .seo-guide-page .seo-guide-side-card[data-compare-reveal="1"].is-compare-visible:hover,
  .compare-reveal-enabled .seo-guide-page .seo-guide-reference-box[data-compare-reveal="1"].is-compare-visible:hover{
    transform:translateY(-8px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .compare-reveal-enabled .seo-guide-page [data-compare-reveal="1"]{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   Track 1 — Texas Court Resource Center
   2026-10-20
   ========================================================= */
.court-resource-page{background:#f7fafe}
.court-main{overflow:hidden}
.court-breadcrumbs{display:flex;align-items:center;gap:8px;padding-top:18px;color:#6d8093;font-size:12px;font-weight:700}
.court-breadcrumbs a{color:#2b679f;text-decoration:none}.court-breadcrumbs a:hover{text-decoration:underline}
.court-hero{position:relative;padding:54px 0 48px;background:radial-gradient(circle at 88% 18%,rgba(33,137,229,.12),transparent 29%),linear-gradient(135deg,#fafdff 0%,#eef7ff 100%);border-bottom:1px solid #dceaf5}
.court-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0d3b66,#1e88e5,#74b8ed)}
.court-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.72fr);gap:34px;align-items:center}
.court-hero-copy{max-width:880px}
.court-hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-.047em;color:#0b3561;margin:10px 0 16px}
.court-hero-copy p{max-width:830px;color:#456078;font-size:18px;line-height:1.67;margin:0}
.court-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.court-hero-actions .btn{min-height:50px;padding:12px 20px;font-size:15px}
.court-primary{background:linear-gradient(135deg,#0d5fae,#1686dd);box-shadow:0 9px 22px rgba(17,104,199,.2)}
.court-hero-card,.court-quick-card{position:relative;background:#fff;border:1px solid #cfdfed;border-radius:20px;padding:25px;box-shadow:0 18px 44px rgba(13,59,102,.11);overflow:hidden}
.court-hero-card:before,.court-quick-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0d3b66,#1e88e5)}
.court-card-eyebrow{display:block;color:#1168c7;font-size:11px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;margin-bottom:14px}
.court-hero-steps{display:grid;gap:10px}.court-hero-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:#f6fafe;border:1px solid #e0ebf4;color:#496176;font-size:13px;line-height:1.45}.court-hero-steps strong{width:30px;height:30px;border-radius:9px;background:#0d67bd;color:#fff;display:grid;place-items:center;font-size:12px}
.court-quick-card p{color:#466077;line-height:1.7;font-size:15px;margin:0}.court-review-date{margin-top:18px;padding-top:14px;border-top:1px solid #e3edf5;color:#697d90;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.court-section{padding:54px 0}.court-section:nth-of-type(even){background:#fff}
.court-section-heading{max-width:900px;margin-bottom:25px}.court-section-heading h2{font-size:clamp(29px,3.4vw,43px);line-height:1.08;letter-spacing:-.035em;color:#0d3b66;margin:4px 0 10px}.court-section-heading p{color:#60758a;line-height:1.68;font-size:15px;margin:0}
.court-search-panel{padding:22px;background:#0b3d6b;border-radius:17px;box-shadow:0 14px 32px rgba(13,59,102,.14);margin-bottom:24px}.court-search-panel label{display:block;color:#b9d7ef;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.065em;margin-bottom:8px}.court-search-row{display:grid;grid-template-columns:1fr auto;gap:9px}.court-search-row input{height:51px;width:100%;border:1px solid #b9d4e9;border-radius:10px;padding:0 15px;font:inherit;color:#193c5b;outline:none}.court-search-row input:focus{box-shadow:0 0 0 4px rgba(94,183,243,.18);border-color:#74b8e9}.court-search-status{color:#d3e5f3;font-size:12px;margin-top:10px;font-weight:700}
.court-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.court-card{display:flex;flex-direction:column;min-height:265px;padding:18px;background:#fff;border:1px solid #d9e7f2;border-radius:16px;box-shadow:0 8px 23px rgba(13,59,102,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.court-card[hidden]{display:none!important}.court-card:hover{transform:translateY(-6px);border-color:#acd0ea;box-shadow:0 17px 35px rgba(13,59,102,.13)}.court-card-top{display:flex;justify-content:space-between;gap:8px;color:#6b8195;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.court-card h3{font-size:19px;line-height:1.25;margin:16px 0 9px}.court-card h3 a{color:#0d3b66;text-decoration:none}.court-card h3 a:hover{color:#1168c7}.court-card p{color:#60758a;font-size:13px;line-height:1.58;margin:0}.court-card-meta{display:grid;gap:3px;color:#8291a0;font-size:10px;margin-top:auto;padding-top:16px}.court-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;text-decoration:none;font-size:12px;font-weight:900;color:#1168c7}
.court-trust-box{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;padding:30px;background:#fff;border:1px solid #d7e5f0;border-radius:20px;box-shadow:0 12px 32px rgba(13,59,102,.08)}.court-trust-box h2,.court-provider-grid h2,.court-contact-box h2,.court-two-column h2,.court-next-box h2{color:#0d3b66;letter-spacing:-.03em}.court-trust-box h2{font-size:32px;margin:4px 0 10px}.court-trust-box p{color:#60758a;line-height:1.65;margin:0}.court-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.court-trust-grid article{padding:15px;border:1px solid #dce9f3;background:#f8fbfe;border-radius:13px;transition:transform .18s ease,box-shadow .18s ease}.court-trust-grid article:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(13,59,102,.09)}.court-trust-grid strong{display:block;color:#164d7e;font-size:13px;margin-bottom:5px}.court-trust-grid span{color:#6b7d8f;font-size:11px;line-height:1.45}
.court-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.court-process-card{position:relative;padding:22px 19px 20px;background:#fff;border:1px solid #d8e6f1;border-radius:16px;box-shadow:0 8px 22px rgba(13,59,102,.065);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.court-process-card:hover{transform:translateY(-6px);border-color:#acd0ea;box-shadow:0 17px 34px rgba(13,59,102,.12)}.court-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8f4fd;color:#0e68bd;font-size:12px;font-weight:950;margin-bottom:14px}.court-process-card h3{color:#173f63;font-size:18px;margin:0 0 9px}.court-process-card p,.court-process-card li{color:#60758a;font-size:13px;line-height:1.62}.court-process-card p{margin:0}.court-process-card ul{margin:0;padding-left:18px}.court-process-card li+li{margin-top:7px}
.court-two-column{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.court-info-panel,.court-deadline-panel{position:relative;padding:26px;background:#fff;border:1px solid #d8e6f1;border-radius:18px;box-shadow:0 10px 26px rgba(13,59,102,.07);transition:transform .18s ease,box-shadow .18s ease}.court-info-panel:hover,.court-deadline-panel:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(13,59,102,.12)}.court-info-panel h2,.court-deadline-panel h2{font-size:29px;margin:4px 0 10px}.court-info-panel>p,.court-deadline-panel p{color:#60758a;line-height:1.65}.court-check-list{padding:0;margin:18px 0 0;list-style:none}.court-check-list li{position:relative;padding:12px 12px 12px 42px;border:1px solid #e0eaf3;background:#f9fbfd;border-radius:11px;color:#526b81;font-size:13px;line-height:1.55}.court-check-list li+li{margin-top:8px}.court-check-list li:before{content:"✓";position:absolute;left:13px;top:13px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e6f3fd;color:#0d6cc2;font-weight:900;font-size:11px}.court-deadline-panel{border-left:5px solid #f2a223}.court-warning-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff1d9;color:#b96e00;font-weight:950;font-size:20px;margin-bottom:13px}.court-text-link{display:inline-flex;gap:6px;margin-top:8px;text-decoration:none;font-weight:900;font-size:13px}
.court-contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;padding:28px;background:linear-gradient(135deg,#0b365f,#0d4d82);border-radius:20px;box-shadow:0 15px 36px rgba(5,46,82,.18)}.court-contact-box h2{color:#fff;font-size:31px;margin:4px 0 14px}.court-contact-box p{color:#d4e6f3;margin:7px 0;line-height:1.6;font-size:13px}.court-contact-box .section-kicker{color:#a9dbff}.court-source-links{display:grid;gap:9px}.court-source-links a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;background:rgba(255,255,255,.98);border:1px solid rgba(201,222,238,.9);border-radius:11px;color:#164a78;text-decoration:none;font-size:12px;font-weight:850;transition:transform .16s ease,box-shadow .16s ease}.court-source-links a:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(0,0,0,.15)}
.court-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.court-provider-neutral,.court-provider-featured{position:relative;padding:28px;border-radius:19px;transition:transform .18s ease,box-shadow .18s ease}.court-provider-neutral{background:#fff;border:1px solid #d6e5f1;box-shadow:0 10px 28px rgba(13,59,102,.07)}.court-provider-featured{background:linear-gradient(145deg,#0b335b,#0c4f85);border:1px solid #0b4878;box-shadow:0 14px 32px rgba(5,48,87,.17);color:#fff}.court-provider-neutral:hover,.court-provider-featured:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(13,59,102,.15)}.court-provider-grid h2{font-size:30px;margin:5px 0 10px}.court-provider-featured h2{color:#fff}.court-provider-grid p,.court-provider-grid li{line-height:1.6;font-size:13px}.court-provider-neutral p{color:#60758a}.court-provider-featured ul{padding-left:20px;margin:12px 0 18px;color:#e2eff8}.court-provider-featured li+li{margin-top:5px}.court-featured-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff0bd;color:#7c5700;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.court-featured-btn{background:#fff;color:#0d4775;box-shadow:none}.court-featured-btn:hover{background:#eef7ff}.court-featured-disclosure{color:#bad2e4!important;font-size:10.5px!important;margin:15px 0 0!important;max-width:600px}
.court-faq-list{display:grid;gap:9px}.court-faq-list details{background:#fff;border:1px solid #d8e5f0;border-radius:13px;overflow:hidden;box-shadow:0 5px 16px rgba(13,59,102,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.court-faq-list details:hover{transform:translateY(-3px);border-color:#b5d3e9;box-shadow:0 12px 25px rgba(13,59,102,.09)}.court-faq-list summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 18px;cursor:pointer;color:#173f63;font-size:14px;font-weight:850;list-style:none}.court-faq-list summary::-webkit-details-marker{display:none}.court-faq-list summary span{font-size:21px;color:#1e88e5}.court-faq-list details[open] summary span{transform:rotate(45deg)}.court-faq-list details p{padding:0 18px 18px;color:#60758a;font-size:13px;line-height:1.65;margin:0}.court-update-note{margin-top:18px;padding:14px 16px;border:1px solid #d8e6f1;border-left:4px solid #1e88e5;border-radius:11px;background:#f8fbfe;color:#5d7185;font-size:12px;line-height:1.6}.court-update-note strong{color:#174c7a}
.court-next-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px;background:#fff;border:1px solid #d7e5f0;border-radius:19px;box-shadow:0 11px 28px rgba(13,59,102,.07)}.court-next-box h2{font-size:30px;margin:3px 0 8px}.court-next-box p{margin:0;color:#60758a}.court-next-box>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.court-reveal{opacity:0;transform:translateY(34px) scale(.988);filter:blur(1.2px);transition:opacity .52s ease var(--court-delay,0ms),transform .62s cubic-bezier(.2,.78,.24,1) var(--court-delay,0ms),filter .48s ease var(--court-delay,0ms),box-shadow .18s ease,border-color .18s ease}.court-reveal.is-visible{opacity:1;transform:none;filter:none}
@media(hover:hover) and (pointer:fine){.court-reveal.is-visible.court-card:hover,.court-reveal.is-visible.court-process-card:hover,.court-reveal.is-visible.court-info-panel:hover,.court-reveal.is-visible.court-deadline-panel:hover,.court-reveal.is-visible.court-provider-neutral:hover,.court-reveal.is-visible.court-provider-featured:hover{transform:translateY(-6px)}}
@media(max-width:1180px){.court-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.court-process-grid{grid-template-columns:1fr 1fr}.court-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}}
@media(max-width:900px){.court-hero{padding:42px 0}.court-hero-grid,.court-trust-box,.court-contact-box,.court-two-column{grid-template-columns:1fr}.court-hero-card,.court-quick-card{max-width:none}.court-card-grid{grid-template-columns:1fr 1fr}.court-provider-grid{grid-template-columns:1fr}.court-trust-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.court-breadcrumbs{padding-top:12px;overflow:auto;white-space:nowrap}.court-hero{padding:34px 0}.court-hero-copy h1{font-size:38px}.court-hero-copy p{font-size:16px}.court-hero-actions{display:grid;grid-template-columns:1fr}.court-hero-actions .btn{width:100%}.court-hero-card,.court-quick-card{padding:20px}.court-section{padding:38px 0}.court-section-heading h2{font-size:31px}.court-search-panel{padding:17px}.court-search-row{grid-template-columns:1fr}.court-card-grid,.court-process-grid,.court-trust-grid{grid-template-columns:1fr}.court-card{min-height:0}.court-info-panel,.court-deadline-panel,.court-provider-neutral,.court-provider-featured,.court-contact-box,.court-trust-box,.court-next-box{padding:21px}.court-contact-box h2,.court-provider-grid h2,.court-info-panel h2,.court-deadline-panel h2,.court-next-box h2{font-size:26px}.court-next-box{display:grid}.court-next-box>div:last-child{justify-content:stretch;display:grid}.court-next-box .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.court-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* Track 1 homepage Court Resource Center entry point */
.home-court-resource{padding:18px 0 32px}.home-court-resource-box{display:grid;grid-template-columns:1.08fr 1.2fr;gap:22px;padding:27px;background:linear-gradient(135deg,#fafdff,#eef7ff);border:1px solid #d2e4f1;border-radius:19px;box-shadow:0 12px 30px rgba(13,59,102,.075)}.home-court-resource-copy h2{color:#0d3b66;font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:4px 0 10px}.home-court-resource-copy p{color:#60758a;line-height:1.65;margin:0}.home-court-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.home-court-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-court-links a{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:13px 15px;background:#fff;border:1px solid #d8e6f1;border-radius:12px;text-decoration:none;box-shadow:0 5px 15px rgba(13,59,102,.045);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.home-court-links a:hover{transform:translateY(-4px);border-color:#acd0ea;box-shadow:0 12px 24px rgba(13,59,102,.1)}.home-court-links a:last-child{grid-column:1/-1}.home-court-links strong{color:#174a76;font-size:14px}.home-court-links span{color:#6b7f91;font-size:11px;margin-top:4px}
@media(max-width:900px){.home-court-resource-box{grid-template-columns:1fr}}@media(max-width:580px){.home-court-resource{padding-top:8px}.home-court-resource-box{padding:20px}.home-court-links{grid-template-columns:1fr}.home-court-links a:last-child{grid-column:auto}.home-court-actions{display:grid}.home-court-actions .btn{width:100%}}


/* =========================================================
   Track 1 Court Pilot v1.1 — bordered section shells
   2026-10-21
   First deliberate visual-cleanup step: only the requested
   court hub/process/FAQ sections receive an outer panel.
   ========================================================= */
.court-resource-page .court-section-shell{
  position:relative;
  padding:30px;
  background:#fff;
  border:1px solid #cddfec;
  border-radius:22px;
  box-shadow:0 12px 30px rgba(13,59,102,.075);
}
.court-resource-page .court-section-shell>.court-section-heading{
  margin-top:0;
}
.court-resource-page .court-section-shell>:last-child{
  margin-bottom:0;
}
@media(max-width:900px){
  .court-resource-page .court-section-shell{padding:25px;}
}
@media(max-width:680px){
  .court-resource-page .court-section-shell{
    padding:20px 16px;
    border-radius:17px;
  }
}

/* =========================================================
   Track 1 Court Pilot v1.2 — Court hub hero revision
   2026-10-21
   Chosen direction: blue duotone courthouse, authoritative
   statewide resource presentation for /courts/
   ========================================================= */
.court-hub-page .court-hub-hero{
  position:relative;
  padding:58px 0 24px;
  background:
    radial-gradient(circle at 78% 22%,rgba(87,169,236,.30),transparent 20%),
    linear-gradient(96deg,#042848 0%,#0a3f6d 46%,#0c6298 100%);
  border-bottom:0;
  overflow:hidden;
}
.court-hub-page .court-hub-hero:before{
  background:linear-gradient(90deg,#123f68,#1a78ba,#6fb1df);
}
.court-hub-page .court-hub-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,34,62,.96) 0%,rgba(6,53,92,.94) 34%,rgba(10,76,124,.72) 58%,rgba(12,98,152,.24) 100%);
  z-index:1;
}
.court-hub-page .court-hub-hero-inner{
  position:relative;
  z-index:3;
}
.court-hub-page .court-hub-hero-photo{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:min(52vw,860px);
  background:url('/assets/img/court-hub-hero-duotone.jpg') center right / cover no-repeat;
  z-index:0;
}
.court-hub-page .court-hub-hero-copy{
  position:relative;
  z-index:4;
  max-width:min(760px,58vw);
}
.court-hub-page .court-hub-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(244,205,109,.62);
  background:rgba(255,255,255,.08);
  color:#ffd36a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.court-hub-page .court-hub-hero-copy h1{
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(46px,5.2vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}
.court-hub-page .court-hub-hero-copy p{
  max-width:790px;
  color:#dfeefa;
  font-size:20px;
  line-height:1.6;
}
.court-hub-page .court-hub-hero .court-hero-actions{
  margin-top:28px;
  gap:14px;
}
.court-hub-page .court-hub-hero .court-hero-actions .btn{
  min-height:56px;
  padding:15px 22px;
  font-size:16px;
  font-weight:850;
  border-radius:14px;
}
.court-hub-page .court-hub-hero .court-primary{
  background:linear-gradient(135deg,#1c8df0,#1071d2);
  box-shadow:0 14px 32px rgba(0,0,0,.16),0 10px 24px rgba(14,115,210,.28);
}
.court-hub-page .court-hub-hero .secondary{
  background:#fff;
  border-color:rgba(255,255,255,.82);
  color:#123f65;
}
.court-hub-page .court-hub-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid rgba(207,228,244,.18);
}
.court-hub-page .court-hub-proof-item{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  align-items:center;
  padding:14px 20px 14px 0;
}
.court-hub-page .court-hub-proof-item + .court-hub-proof-item{
  border-left:1px solid rgba(207,228,244,.18);
  padding-left:20px;
}
.court-hub-page .court-hub-proof-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#ffffff;
  background:linear-gradient(145deg,rgba(62,128,195,.52),rgba(27,82,136,.44));
  border:1px solid rgba(190,220,241,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.court-hub-page .court-hub-proof-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.court-hub-page .court-hub-proof-text{
  display:grid;
  gap:2px;
}
.court-hub-page .court-hub-proof-text strong{
  color:#fff;
  font-size:15px;
  line-height:1.25;
}
.court-hub-page .court-hub-proof-text small{
  color:#c9deef;
  font-size:13px;
  line-height:1.45;
}
.court-hub-page .court-hub-hero-note{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(207,228,244,.18);
  color:#d7e7f4;
  font-size:14px;
}
.court-hub-page .court-hub-note-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(205,225,240,.35);
  color:#eff7ff;
  font-size:13px;
  font-weight:900;
}

@media(max-width:1180px){
  .court-hub-page .court-hub-hero-photo{width:min(48vw,700px)}
  .court-hub-page .court-hub-hero-copy{max-width:min(790px,64vw)}
  .court-hub-page .court-hub-proof-item{grid-template-columns:50px 1fr;gap:12px}
  .court-hub-page .court-hub-proof-icon{width:50px;height:50px}
}
@media(max-width:900px){
  .court-hub-page .court-hub-hero{padding:44px 0 20px}
  .court-hub-page .court-hub-hero-photo{width:100%;opacity:.42;background-position:center top}
  .court-hub-page .court-hub-hero:after{background:linear-gradient(180deg,rgba(4,34,62,.92) 0%,rgba(7,56,95,.90) 40%,rgba(9,78,127,.82) 100%)}
  .court-hub-page .court-hub-hero-copy{max-width:none}
  .court-hub-page .court-hub-hero-copy p{font-size:18px;max-width:none}
  .court-hub-page .court-hub-proof{grid-template-columns:1fr;gap:0}
  .court-hub-page .court-hub-proof-item,
  .court-hub-page .court-hub-proof-item + .court-hub-proof-item{padding:14px 0;border-left:0;border-top:1px solid rgba(207,228,244,.18)}
  .court-hub-page .court-hub-proof-item:first-child{border-top:0}
}
@media(max-width:680px){
  .court-hub-page .court-hub-hero{padding:36px 0 18px}
  .court-hub-page .court-hub-kicker{font-size:11px;padding:7px 13px}
  .court-hub-page .court-hub-hero-copy h1{font-size:42px;line-height:1.01}
  .court-hub-page .court-hub-hero-copy p{font-size:16px;line-height:1.62}
  .court-hub-page .court-hub-hero .court-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .court-hub-page .court-hub-hero .court-hero-actions .btn{width:100%;justify-content:center}
  .court-hub-page .court-hub-proof-icon{width:46px;height:46px}
  .court-hub-page .court-hub-proof-item{grid-template-columns:46px 1fr;gap:12px}
  .court-hub-page .court-hub-proof-text strong{font-size:14px}
  .court-hub-page .court-hub-proof-text small{font-size:12px}
  .court-hub-page .court-hub-hero-note{align-items:flex-start;font-size:12px;line-height:1.5}
}

/* =========================================================
   Track 1 Court Pilot v1.3 — seamless court hub hero
   2026-10-21
   Single full-width background composition: navy field +
   feathered courthouse image. Removes separate photo layer.
   ========================================================= */
.court-hub-page .court-hub-hero{
  background-image:url('/assets/img/court-hub-hero-seamless.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.court-hub-page .court-hub-hero-photo{display:none!important}
.court-hub-page .court-hub-hero:after{
  background:linear-gradient(90deg,rgba(3,29,54,.16) 0%,rgba(4,39,70,.08) 36%,rgba(0,0,0,0) 66%);
}
@media(max-width:1180px){
  .court-hub-page .court-hub-hero{background-position:56% center}
}
@media(max-width:900px){
  .court-hub-page .court-hub-hero{
    background-position:68% center;
  }
  .court-hub-page .court-hub-hero:after{
    background:linear-gradient(180deg,rgba(3,29,54,.42) 0%,rgba(4,47,80,.32) 48%,rgba(4,53,89,.26) 100%);
  }
}
@media(max-width:680px){
  .court-hub-page .court-hub-hero{
    background-position:73% center;
  }
}

/* =========================================================
   Track 1 Court Pilot v1.4 — Individual court hero system
   2026-10-21
   Same hero design system across pilot court pages with
   court-specific seamless background images.
   ========================================================= */
.court-detail-page .court-detail-hero{
  position:relative;
  overflow:hidden;
  padding:38px 0 24px;
  background-image:
    linear-gradient(90deg,rgba(4,35,63,.95) 0%,rgba(6,54,92,.93) 31%,rgba(8,73,119,.78) 54%,rgba(8,78,127,.32) 100%),
    var(--court-detail-hero-image);
  background-size:cover;
  background-position:center;
  border-bottom:0;
}
.court-detail-page .court-detail-hero:before{
  background:linear-gradient(90deg,#123f68,#1a78ba,#6fb1df);
}
.court-detail-page .court-detail-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 77% 18%,rgba(115,181,238,.17),transparent 17%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
  pointer-events:none;
}
.court-detail-page .court-detail-hero-inner,
.court-detail-page .court-detail-answerbar{
  position:relative;
  z-index:2;
}
.court-detail-page .court-detail-hero-copy{
  max-width:min(760px,58vw);
  padding-right:14px;
}
.court-detail-page .court-detail-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 15px;
  border-radius:999px;
  border:1px solid rgba(244,205,109,.58);
  background:rgba(255,255,255,.08);
  color:#ffd36a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.court-detail-page .court-detail-hero-copy h1{
  margin:16px 0 14px;
  color:#fff;
  font-size:clamp(38px,4.5vw,62px);
  line-height:1;
  letter-spacing:-.045em;
  text-shadow:0 2px 14px rgba(0,0,0,.16);
}
.court-detail-page .court-detail-hero-copy p{
  max-width:790px;
  color:#e0eef9;
  font-size:18px;
  line-height:1.66;
}
.court-detail-page .court-detail-hero .court-hero-actions{
  margin-top:24px;
  gap:14px;
}
.court-detail-page .court-detail-hero .court-hero-actions .btn{
  min-height:54px;
  padding:14px 20px;
  font-size:15px;
  font-weight:850;
  border-radius:14px;
}
.court-detail-page .court-detail-hero .court-primary{
  background:linear-gradient(135deg,#1c8df0,#1071d2);
  box-shadow:0 14px 32px rgba(0,0,0,.14),0 10px 24px rgba(14,115,210,.28);
}
.court-detail-page .court-detail-hero .secondary{
  background:#fff;
  border-color:rgba(255,255,255,.82);
  color:#123f65;
}
.court-detail-page .court-detail-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(207,228,244,.18);
}
.court-detail-page .court-detail-proof-item{
  display:grid;
  gap:4px;
  padding:10px 20px 10px 0;
}
.court-detail-page .court-detail-proof-item + .court-detail-proof-item{
  padding-left:20px;
  border-left:1px solid rgba(207,228,244,.18);
}
.court-detail-page .court-detail-proof-item strong{
  color:#fff;
  font-size:15px;
  line-height:1.25;
}
.court-detail-page .court-detail-proof-item small{
  color:#c8deef;
  font-size:13px;
  line-height:1.5;
}
.court-detail-page .court-detail-answerbar{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:18px;
  align-items:start;
  margin-top:20px;
  padding:18px 22px;
  border-radius:16px;
  border:1px solid rgba(183,214,237,.28);
  background:linear-gradient(145deg,rgba(8,54,91,.80),rgba(11,72,117,.74));
  box-shadow:0 18px 42px rgba(4,28,50,.17);
}
.court-detail-page .court-detail-answer-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(198,220,239,.25);
  color:#ffd36a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.court-detail-page .court-detail-answerbar p{
  margin:0;
  color:#edf7ff;
  font-size:15px;
  line-height:1.7;
}

@media(max-width:1180px){
  .court-detail-page .court-detail-hero-copy{max-width:min(790px,64vw)}
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero{padding:34px 0 22px;background-position:center right}
  .court-detail-page .court-detail-hero-copy{max-width:none;padding-right:0}
  .court-detail-page .court-detail-hero-copy p{font-size:17px}
  .court-detail-page .court-detail-proof{grid-template-columns:1fr}
  .court-detail-page .court-detail-proof-item,
  .court-detail-page .court-detail-proof-item + .court-detail-proof-item{padding:12px 0;border-left:0;border-top:1px solid rgba(207,228,244,.18)}
  .court-detail-page .court-detail-proof-item:first-child{border-top:0}
  .court-detail-page .court-detail-answerbar{grid-template-columns:1fr;gap:12px}
}
@media(max-width:680px){
  .court-detail-page .court-detail-hero{padding:28px 0 18px;background-position:68% center}
  .court-detail-page .court-detail-kicker{font-size:11px;padding:7px 13px}
  .court-detail-page .court-detail-hero-copy h1{font-size:40px;line-height:1.02}
  .court-detail-page .court-detail-hero-copy p{font-size:16px;line-height:1.65}
  .court-detail-page .court-detail-hero .court-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .court-detail-page .court-detail-hero .court-hero-actions .btn{width:100%;justify-content:center}
  .court-detail-page .court-detail-proof-item strong{font-size:14px}
  .court-detail-page .court-detail-proof-item small{font-size:12px}
  .court-detail-page .court-detail-answerbar{padding:16px 18px}
  .court-detail-page .court-detail-answerbar p{font-size:14px;line-height:1.65}
}

/* =========================================================
   Track 1 Court Pilot v1.5 — Court-specific process section
   2026-10-21
   Deliberate second visual layer: stronger section hierarchy,
   four-step progression and refined interactive cards.
   ========================================================= */
.court-detail-page #court-steps{
  background:linear-gradient(180deg,#f6fafe 0%,#f9fbfd 100%);
}
.court-detail-page #court-steps .court-section-shell{
  overflow:hidden;
  padding:0 30px 30px;
  border:1px solid #bcd6e8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 42px rgba(13,59,102,.09);
}
.court-detail-page #court-steps .court-section-heading{
  position:relative;
  max-width:none;
  margin:0 -30px 30px;
  padding:27px 30px 25px 34px;
  background:
    linear-gradient(90deg,rgba(17,108,184,.11),rgba(45,142,211,.055) 52%,rgba(255,255,255,.92) 100%),
    #f2f8fc;
  border-bottom:1px solid #cfe0ec;
}
.court-detail-page #court-steps .court-section-heading:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#0c4f86 0%,#1d8ce0 100%);
}
.court-detail-page #court-steps .court-section-heading .section-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
  padding:6px 10px;
  border-radius:999px;
  background:#e0eff9;
  border:1px solid #bcd8e9;
  color:#0b5d99;
  font-size:10px;
  letter-spacing:.1em;
}
.court-detail-page #court-steps .court-section-heading .section-kicker:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#1784d4;
  box-shadow:0 0 0 4px rgba(23,132,212,.11);
}
.court-detail-page #court-steps .court-section-heading h2{
  max-width:980px;
  margin:3px 0 10px;
  color:#0a355e;
  font-size:clamp(31px,3.3vw,44px);
}
.court-detail-page #court-steps .court-section-heading p{
  max-width:960px;
  color:#566f84;
  font-size:15px;
  line-height:1.67;
}
.court-detail-page #court-steps .court-process-grid{
  position:relative;
  gap:16px;
}
.court-detail-page #court-steps .court-process-grid:before{
  content:"";
  position:absolute;
  top:39px;
  left:7%;
  right:7%;
  height:2px;
  background:linear-gradient(90deg,#b7d5e9,#62aada 50%,#b7d5e9);
  z-index:0;
}
.court-detail-page #court-steps .court-process-card{
  z-index:1;
  min-height:100%;
  padding:22px 20px 21px;
  border:1px solid #cfe0ec;
  border-top:4px solid #1b78bd;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 9px 22px rgba(13,59,102,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.court-detail-page #court-steps .court-process-card:nth-child(2){border-top-color:#287fbd}
.court-detail-page #court-steps .court-process-card:nth-child(3){border-top-color:#1687c5}
.court-detail-page #court-steps .court-process-card:nth-child(4){border-top-color:#0c6fa7}
.court-detail-page #court-steps .court-process-card:hover{
  transform:translateY(-7px);
  border-color:#8ebfdd;
  background:#fff;
  box-shadow:0 18px 34px rgba(12,78,126,.15);
}
.court-detail-page #court-steps .court-step-number{
  position:relative;
  z-index:2;
  width:46px;
  height:46px;
  margin:0 0 17px;
  border-radius:14px;
  background:linear-gradient(145deg,#0c548e,#1685d4);
  border:1px solid rgba(255,255,255,.36);
  color:#fff;
  font-size:13px;
  letter-spacing:.04em;
  box-shadow:0 7px 16px rgba(13,91,150,.20),0 0 0 6px #fff;
  transition:transform .18s ease,box-shadow .18s ease;
}
.court-detail-page #court-steps .court-process-card:hover .court-step-number{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 20px rgba(13,91,150,.27),0 0 0 6px #fff;
}
.court-detail-page #court-steps .court-process-card h3{
  color:#103f68;
  font-size:19px;
  line-height:1.25;
  margin:0 0 10px;
}
.court-detail-page #court-steps .court-process-card p,
.court-detail-page #court-steps .court-process-card li{
  color:#587187;
  font-size:13px;
  line-height:1.67;
}
.court-detail-page #court-steps .court-process-card ul{
  padding-left:18px;
}
.court-detail-page #court-steps .court-process-card li::marker{
  color:#1683cc;
}
.court-detail-page #court-steps .court-process-card li+li{
  margin-top:8px;
}

@media(max-width:1180px){
  .court-detail-page #court-steps .court-process-grid:before{display:none}
}
@media(max-width:900px){
  .court-detail-page #court-steps .court-section-shell{padding:0 25px 25px}
  .court-detail-page #court-steps .court-section-heading{margin:0 -25px 25px;padding:24px 25px 23px 29px}
}
@media(max-width:680px){
  .court-detail-page #court-steps .court-section-shell{padding:0 16px 18px;border-radius:17px}
  .court-detail-page #court-steps .court-section-heading{margin:0 -16px 20px;padding:21px 18px 20px 22px}
  .court-detail-page #court-steps .court-section-heading h2{font-size:30px}
  .court-detail-page #court-steps .court-process-grid{gap:12px}
  .court-detail-page #court-steps .court-process-card{padding:20px 17px}
  .court-detail-page #court-steps .court-step-number{width:42px;height:42px;margin-bottom:14px;box-shadow:0 6px 14px rgba(13,91,150,.18),0 0 0 5px #fff}
  .court-detail-page #court-steps .court-process-card:hover .court-step-number{box-shadow:0 8px 18px rgba(13,91,150,.24),0 0 0 5px #fff}
}

/* =========================================================
   Track 1 Court Pilot v1.7 — Individual hero focal-point fix
   2026-10-21
   Keeps the court/civic building visible through all widths.
   ========================================================= */
.court-detail-page .court-detail-hero{
  background-size:100% 100%, auto 100%;
  background-position:center, right center;
  background-repeat:no-repeat;
  background-color:#07395f;
}

/* Mid-width desktop / tablet: preserve the right-side civic focal point
   instead of re-centering/cropping the 3:1 hero artwork. */
@media(max-width:1815px){
  .court-detail-page .court-detail-hero{
    background-position:center, right center;
  }
}

@media(max-width:1180px){
  .court-detail-page .court-detail-hero{
    background-image:
      linear-gradient(90deg,rgba(4,35,63,.96) 0%,rgba(5,48,83,.92) 42%,rgba(7,66,108,.72) 72%,rgba(7,71,116,.52) 100%),
      var(--court-detail-hero-image);
    background-size:100% 100%, auto 100%;
    background-position:center, right center;
  }
}

/* At the 900px navigation breakpoint keep the same focal point.
   The previous rule caused the apparent image jump. */
@media(max-width:900px){
  .court-detail-page .court-detail-hero{
    background-image:
      linear-gradient(90deg,rgba(3,32,59,.93) 0%,rgba(4,42,75,.87) 55%,rgba(5,53,91,.74) 100%),
      var(--court-detail-hero-image);
    background-size:100% 100%, auto 100%;
    background-position:center, right center;
  }
}

/* Mobile: keep the courthouse/civic building anchored to the right and
   darken the full hero enough for readable text over the closer crop. */
@media(max-width:680px){
  .court-detail-page .court-detail-hero{
    background-image:
      linear-gradient(180deg,rgba(3,31,57,.80) 0%,rgba(3,38,68,.76) 45%,rgba(3,42,74,.80) 100%),
      var(--court-detail-hero-image);
    background-size:100% 100%, auto 100%;
    background-position:center, right center;
  }
}

/* =========================================================
   Track 1 Court Pilot v1.8 — dedicated mobile hero artwork
   2026-10-21
   Uses portrait-recomposed versions below 650px so the
   courthouse/civic building remains in frame at 470/360px.
   ========================================================= */
@media(max-width:650px){
  .court-detail-page .court-detail-hero{
    background-image:
      linear-gradient(180deg,rgba(3,30,55,.58) 0%,rgba(3,35,63,.57) 48%,rgba(3,42,73,.67) 100%),
      var(--court-detail-hero-mobile-image);
    background-size:100% 100%, cover;
    background-position:center, center top;
    background-repeat:no-repeat;
  }
}
@media(max-width:470px){
  .court-detail-page .court-detail-hero{
    background-position:center, 52% top;
  }
}
@media(max-width:380px){
  .court-detail-page .court-detail-hero{
    background-position:center, 54% top;
  }
}

/* =========================================================
   Track 1 Court Pilot v1.9 — final narrow-mobile hero layout
   2026-10-21
   Prevents horizontal courthouse cropping below 650px,
   brings navy back behind controls, and uses compact left-
   aligned hero buttons so the civic image remains visible.
   ========================================================= */
@media(max-width:650px){
  .court-detail-page .court-detail-hero{
    background-image:
      linear-gradient(180deg,rgba(3,30,55,.48) 0%,rgba(3,35,63,.54) 42%,rgba(3,42,73,.78) 72%,rgba(3,42,73,.96) 100%),
      var(--court-detail-hero-mobile-image);
    /* Fit the entire mobile artwork to the available width so
       the courthouse is never cropped off the left/right edge. */
    background-size:100% 100%,100% auto;
    background-position:center,center top;
    background-repeat:no-repeat;
    background-color:#07395f;
  }

  /* Fade the lower half back toward the site's deep navy so the
     controls and proof row sit on a calm field instead of across
     the architectural focal point. */
  .court-detail-page .court-detail-hero:after{
    background:
      linear-gradient(180deg,
        rgba(3,35,63,0) 0%,
        rgba(3,35,63,.05) 34%,
        rgba(3,39,69,.42) 50%,
        rgba(3,42,73,.78) 64%,
        rgba(3,42,73,.96) 82%,
        #07395f 100%);
  }

  .court-detail-page .court-detail-hero .court-hero-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    max-width:290px;
  }
  .court-detail-page .court-detail-hero .court-hero-actions .btn{
    width:auto;
    min-width:230px;
    max-width:100%;
    justify-content:center;
    padding-left:20px;
    padding-right:20px;
  }
}

@media(max-width:475px){
  .court-detail-page .court-detail-hero{
    /* Keep the full courthouse width visible while placing the
       architecture slightly higher in the long mobile hero. */
    background-size:100% 100%,100% auto;
    background-position:center,center -8px;
  }
  .court-detail-page .court-detail-hero:after{
    background:
      linear-gradient(180deg,
        rgba(3,35,63,0) 0%,
        rgba(3,35,63,.06) 30%,
        rgba(3,39,69,.48) 46%,
        rgba(3,42,73,.84) 60%,
        rgba(3,42,73,.97) 76%,
        #07395f 100%);
  }
  .court-detail-page .court-detail-hero .court-hero-actions{
    max-width:255px;
  }
  .court-detail-page .court-detail-hero .court-hero-actions .btn{
    min-width:220px;
  }
}

@media(max-width:380px){
  .court-detail-page .court-detail-hero{
    background-size:100% 100%,100% auto;
    background-position:center,center -4px;
  }
  .court-detail-page .court-detail-hero .court-hero-actions{
    max-width:245px;
  }
  .court-detail-page .court-detail-hero .court-hero-actions .btn{
    min-width:210px;
  }
}

/* =========================================================
   Track 1 Court Pilot v2.0 — Court hub narrow-mobile hero
   2026-10-21
   Mobile-specific composition keeps courthouse visible and
   prevents CTA buttons from covering the focal image.
   ========================================================= */
@media(max-width:679px){
  .court-hub-page .court-hub-hero{
    background-color:#053053;
    background-image:url('/assets/img/court-hub-hero-mobile.jpg');
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
  }
  .court-hub-page .court-hub-hero:after{
    background:linear-gradient(180deg,
      rgba(3,29,54,.48) 0%,
      rgba(3,35,61,.38) 34%,
      rgba(4,43,73,.58) 62%,
      rgba(4,47,80,.88) 100%);
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    width:auto;
    min-width:0;
    justify-content:center;
    padding-left:18px;
    padding-right:18px;
  }
}
@media(max-width:480px){
  .court-hub-page .court-hub-hero{
    background-size:100% auto;
    background-position:center top;
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    gap:9px;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    font-size:14px;
    min-height:48px;
    padding:12px 15px;
  }
}
@media(max-width:380px){
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    justify-items:start;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    width:auto;
    max-width:100%;
  }
}

/* =========================================================
   Track 1 Court Pilot v2.1 — Hub mobile hero seam/button fix
   2026-10-21
   Explicitly prevents old 680px full-width CTA rules from
   winning and uses a vertically feathered mobile artwork.
   ========================================================= */
@media(max-width:679px){
  .court-hub-page .court-hub-hero{
    background-color:#053053 !important;
    background-image:url('/assets/img/court-hub-hero-mobile-v2.jpg') !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
  .court-hub-page .court-hub-hero:after{
    background:linear-gradient(180deg,
      rgba(3,29,54,.34) 0%,
      rgba(3,35,61,.24) 30%,
      rgba(4,43,73,.42) 58%,
      rgba(4,47,80,.72) 82%,
      rgba(5,48,83,.94) 100%) !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-content:center !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
}
@media(max-width:430px){
  .court-hub-page .court-hub-hero .court-hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    width:auto !important;
  }
}

/* =========================================================
   Track 1 Court Pilot v2.2 — Hub mobile CTA + true image fade
   2026-10-21
   Final narrow-screen hub correction: intrinsic CTA widths and
   a masked courthouse layer that dissolves into solid navy.
   ========================================================= */
@media(max-width:679px){
  .court-hub-page .court-hub-hero{
    position:relative !important;
    background:#053053 !important;
    background-image:none !important;
    isolation:isolate;
  }
  .court-hub-page .court-hub-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:url('/assets/img/court-hub-hero-mobile-v2.jpg') center top / 100% auto no-repeat !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 78%,transparent 100%) !important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 78%,transparent 100%) !important;
    opacity:.96 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  .court-hub-page .court-hub-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,
      rgba(3,29,54,.24) 0%,
      rgba(3,35,61,.18) 32%,
      rgba(4,43,73,.28) 56%,
      rgba(4,47,80,.50) 78%,
      rgba(5,48,83,.80) 100%) !important;
    z-index:1 !important;
    pointer-events:none !important;
  }
  .court-hub-page .court-hub-hero-inner,
  .court-hub-page .court-hub-hero .wrap{
    position:relative !important;
    z-index:3 !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:flex !important;
    flex-flow:row wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    width:auto !important;
    max-width:100% !important;
    gap:10px !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    display:inline-flex !important;
    flex:0 0 auto !important;
    inline-size:max-content !important;
    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-content:center !important;
  }
}
@media(max-width:430px){
  .court-hub-page .court-hub-hero::before{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 70%,transparent 94%) !important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 70%,transparent 94%) !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .btn{
    flex:0 0 auto !important;
    inline-size:max-content !important;
    width:max-content !important;
  }
}

/* =========================================================
   Track 1 Court Pilot v2.3 — Hub mobile definitive CTA + blend
   2026-10-21
   Asset-level feathering plus direct CTA sizing guard.
   ========================================================= */
@media(max-width:679px){
  .court-hub-page .court-hub-hero{
    background:#053053 !important;
    isolation:isolate;
  }
  .court-hub-page .court-hub-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:url('/assets/img/court-hub-hero-mobile-v3.jpg') center top / 100% auto no-repeat !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    opacity:1 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  .court-hub-page .court-hub-hero::after{
    background:linear-gradient(180deg,
      rgba(3,29,54,.10) 0%,
      rgba(3,35,61,.12) 35%,
      rgba(4,43,73,.24) 62%,
      rgba(5,48,83,.52) 82%,
      rgba(5,48,83,.84) 100%) !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:flex !important;
    flex-flow:row wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .court-hub-cta{
    width:auto !important;
    inline-size:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
  }
}
@media(max-width:430px){
  .court-hub-page .court-hub-hero .court-hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .court-hub-cta{
    width:auto !important;
    inline-size:auto !important;
  }
}

/* =========================================================
   Track 1 Court Pilot v2.4 — 679px fractional breakpoint fix
   2026-10-21
   Chrome DevTools can report 679px while layout viewport is
   fractionally above 679. Catch that gap without touching 680px.
   ========================================================= */
@media(max-width:679.98px){
  .court-hub-page .court-hub-hero .court-hero-actions{
    display:flex !important;
    flex-flow:row wrap !important;
    grid-template-columns:none !important;
    justify-content:flex-start !important;
    align-items:center !important;
    width:auto !important;
    max-width:100% !important;
    gap:10px !important;
  }
  .court-hub-page .court-hub-hero .court-hero-actions .court-hub-cta{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:max-content !important;
    inline-size:max-content !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-content:center !important;
  }
}
@media(max-width:430px){
  .court-hub-page .court-hub-hero .court-hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

/* =========================================================
   Track 1 v2.5 — task-oriented resource header
   Court-first navigation + clearly disclosed featured course strip.
   ========================================================= */
.resource-utility-bar{
  background:#082f54;
  color:#eaf5fd;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.resource-utility-inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-size:12px;
  line-height:1.35;
}
.resource-utility-copy{font-weight:650;letter-spacing:.005em}
.resource-utility-copy strong{color:#fff;font-weight:900}
.resource-utility-inner>a{
  color:#fff;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
  padding-left:17px;
  border-left:1px solid rgba(255,255,255,.22);
}
.resource-utility-inner>a:hover{text-decoration:underline}

.court-resource-nav{gap:18px!important}
.court-resource-nav .brand img{width:260px!important;max-width:24vw!important}
.resource-primary-nav{gap:18px!important}
.resource-primary-nav a{
  font-size:12.25px!important;
  font-weight:850!important;
  color:#173a5c!important;
}
.resource-primary-nav a:hover{color:#0d72c7!important}
.resource-start-cta{
  min-height:44px!important;
  padding:0 17px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  background:linear-gradient(135deg,#0e6bc9,#0c82de)!important;
  box-shadow:0 9px 22px rgba(13,105,199,.21)!important;
}
.resource-start-cta:hover{background:linear-gradient(135deg,#0b5daF,#0b73c5)!important}

@media (min-width:1181px) and (max-width:1360px){
  .court-resource-nav{gap:13px!important}
  .court-resource-nav .brand img{width:225px!important;max-width:21vw!important}
  .resource-primary-nav{gap:12px!important}
  .resource-primary-nav a{font-size:11.25px!important}
  .resource-start-cta{padding:0 13px!important;font-size:11.5px!important}
}

@media (min-width:941px) and (max-width:1180px){
  .court-resource-nav .brand img{width:215px!important;max-width:24vw!important}
  .resource-primary-nav{gap:9px!important}
  .resource-primary-nav a{font-size:10.5px!important}
  .resource-start-cta{display:inline-flex!important;padding:0 11px!important;font-size:10.75px!important}
}

@media (max-width:940px){
  .resource-utility-inner{justify-content:space-between;min-height:32px;font-size:11px}
  .resource-primary-nav,.resource-start-cta{display:none!important}
  .resource-mobile-panel{width:min(290px,calc(100vw - 30px))!important}
  .resource-mobile-panel a{font-size:12.5px!important;padding:11px 12px!important}
}

@media (max-width:560px){
  .resource-utility-inner{justify-content:center;text-align:center;min-height:31px;padding:5px 0}
  .resource-utility-copy strong{display:none}
  .resource-utility-inner>a{display:none}
}

@media (max-width:400px){
  .resource-utility-inner{font-size:10.5px}
  .resource-utility-copy span:nth-of-type(2){display:none}
}

/* =========================================================
   Track 1 v2.6 — header usability refinement
   Connected featured-course offer, earlier nav collapse,
   persistent mobile utility strip, provider link to homepage top.
   ========================================================= */
.resource-utility-bar{
  padding:5px 0;
  background:linear-gradient(90deg,#062b4d 0%,#0a3f6d 50%,#062b4d 100%);
}
.resource-utility-inner{
  min-height:38px!important;
  justify-content:center!important;
}
.resource-utility-offer{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:30px;
  max-width:100%;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-left:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px;
  overflow:hidden;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 16px rgba(0,0,0,.12);
  white-space:nowrap;
}
.resource-utility-offer:hover{
  background:rgba(255,255,255,.09);
  text-decoration:none!important;
}
.resource-utility-label,
.resource-utility-benefits,
.resource-utility-action{
  display:inline-flex;
  align-items:center;
  min-height:30px;
}
.resource-utility-label{
  padding:0 11px;
  color:#ffd36a;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  background:rgba(255,255,255,.045);
}
.resource-utility-benefits{
  padding:0 13px;
  gap:7px;
  color:#eff8ff;
  font-size:11.25px;
  font-weight:750;
}
.resource-utility-action{
  padding:0 13px;
  color:#062b4d;
  background:#fff;
  font-size:11.25px;
  font-weight:950;
  border-left:1px solid rgba(255,255,255,.18);
  transition:background .16s ease,color .16s ease;
}
.resource-utility-offer:hover .resource-utility-action{
  background:#eaf5ff;
  color:#0c67b8;
}

/* Collapse the crowded desktop nav before it can overflow. */
@media (max-width:1040px){
  .resource-primary-nav,.resource-start-cta{display:none!important}
  .mobile-nav{display:block!important}
  .resource-mobile-panel{width:min(300px,calc(100vw - 30px))!important}
}

/* Override the older v2.5 utility-bar split behavior. */
@media (max-width:940px){
  .resource-utility-inner{
    justify-content:center!important;
    min-height:36px!important;
    font-size:inherit!important;
  }
}

@media (max-width:700px){
  .resource-utility-bar{padding:4px 0}
  .resource-utility-offer{
    max-width:calc(100vw - 24px);
  }
  .resource-utility-label{
    display:none;
  }
  .resource-utility-benefits{
    padding:0 10px;
    font-size:10.5px;
  }
  .resource-utility-action{
    padding:0 10px;
    font-size:10.5px;
  }
}

@media (max-width:560px){
  .resource-utility-inner{
    min-height:34px!important;
    padding:0!important;
    text-align:left!important;
  }
  .resource-utility-offer{
    display:flex!important;
    width:calc(100vw - 20px);
    max-width:520px;
    justify-content:space-between;
  }
  .resource-utility-benefits{
    display:flex!important;
    flex:1 1 auto;
    min-width:0;
    justify-content:center;
    font-size:10px;
    padding:0 8px;
  }
  .resource-utility-action{
    display:inline-flex!important;
    flex:0 0 auto;
    font-size:10px;
    padding:0 9px;
  }
}

@media (max-width:430px){
  .resource-utility-benefits{
    font-size:9.5px;
    line-height:1.05;
    text-align:center;
  }
  .resource-utility-benefits span:nth-of-type(2){display:none}
  .resource-utility-action{
    font-size:9.5px;
    padding:0 8px;
  }
}

@media (max-width:360px){
  .resource-utility-benefits{
    font-size:9px;
  }
  .resource-utility-action{
    font-size:9px;
  }
}

/* =========================================================
   Track 1 v2.7 — header responsive cleanup
   2026-10-22
   Fixes 1040/1039 nav overlap, menu alignment, misleading
   Guides & FAQ label, and small-screen utility offer overflow.
   ========================================================= */

/* Make the desktop-to-menu handoff absolute at 1040px. */
@media (max-width:1040px){
  .site-header .resource-primary-nav,
  .site-header .resource-start-cta{
    display:none!important;
  }
  .site-header .court-resource-nav .mobile-nav{
    display:block!important;
    margin-left:auto!important;
    position:relative!important;
    z-index:70!important;
    flex:0 0 auto!important;
  }
  .site-header .court-resource-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
  }
  .site-header .court-resource-nav .brand{
    margin-right:0!important;
    flex:0 1 auto!important;
  }
  .site-header .court-resource-nav .mobile-nav-panel{
    right:0!important;
    left:auto!important;
  }
}

/* Keep the Menu control anchored to the right at tablet widths. */
@media (max-width:940px){
  .site-header .court-resource-nav .mobile-nav{
    margin-left:auto!important;
  }
  .site-header .court-resource-nav .brand img{
    max-width:min(58vw,250px)!important;
  }
}

/* Small-screen connected offer: benefits on top, CTA below. */
@media (max-width:600px){
  .resource-utility-bar{
    padding:5px 0!important;
  }
  .resource-utility-inner{
    min-height:0!important;
    padding:0!important;
  }
  .resource-utility-offer{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:calc(100% - 12px)!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .resource-utility-label{
    display:none!important;
  }
  .resource-utility-benefits{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px 7px!important;
    min-height:30px!important;
    width:100%!important;
    padding:6px 10px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .resource-utility-action{
    display:flex!important;
    width:100%!important;
    min-height:30px!important;
    justify-content:center!important;
    padding:6px 10px!important;
    border-left:0!important;
    border-top:1px solid rgba(6,43,77,.12)!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:400px){
  .resource-utility-offer{
    width:calc(100% - 8px)!important;
  }
  .resource-utility-benefits{
    font-size:10px!important;
    padding:6px 7px!important;
  }
  .resource-utility-action{
    font-size:10px!important;
  }
}

/* =========================================================
   Track 1 v2.8 — header menu + utility offer polish
   2026-10-22
   Finished Menu control/panel from <=1040px and compact,
   clearly-clickable featured-course offer on small screens.
   ========================================================= */

/* Preserve the normal centered .wrap gutters in menu mode. */
@media (max-width:1040px){
  .site-header .court-resource-nav{
    width:min(100% - 32px,1480px)!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    justify-content:flex-start!important;
  }
  .site-header .court-resource-nav .mobile-nav{
    margin-left:auto!important;
    position:relative!important;
    z-index:90!important;
  }
  .site-header .court-resource-nav .mobile-nav>summary{
    list-style:none!important;
    cursor:pointer!important;
    user-select:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:0 14px!important;
    border:1px solid #9fc2df!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#0a2f52!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 6px 16px rgba(10,47,82,.10)!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }
  .site-header .court-resource-nav .mobile-nav>summary::-webkit-details-marker{display:none!important}
  .site-header .court-resource-nav .mobile-nav>summary:hover{
    background:#f7fbff!important;
    border-color:#74acd6!important;
    box-shadow:0 8px 20px rgba(10,47,82,.14)!important;
  }
  .site-header .court-resource-nav .mobile-nav[open]>summary{
    background:#eef7ff!important;
    border-color:#4e98cf!important;
  }
  .site-header .court-resource-nav .mobile-nav>summary .menu-bars{
    font-size:17px!important;
    line-height:1!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    width:min(310px,calc(100vw - 40px))!important;
    padding:9px!important;
    background:#fff!important;
    border:1px solid #c8dbea!important;
    border-radius:14px!important;
    box-shadow:0 20px 44px rgba(4,37,66,.20)!important;
    overflow:hidden!important;
    z-index:100!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:9px!important;
    color:#123b5f!important;
    text-decoration:none!important;
    font-size:12.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
    border-bottom:1px solid #edf3f7!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel a:last-child{border-bottom:0!important}
  .site-header .court-resource-nav .resource-mobile-panel a:hover{
    background:#eef7ff!important;
    color:#096dbd!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel .mobile-nav-primary{
    margin-top:7px!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#0f74cf,#0a65b9)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(13,105,199,.18)!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel .mobile-nav-primary:hover{
    background:linear-gradient(135deg,#0b66ba,#085ba6)!important;
    color:#fff!important;
  }
}

@media (max-width:940px){
  .site-header .court-resource-nav{
    width:min(100% - 28px,1480px)!important;
  }
}

@media (max-width:480px){
  .site-header .court-resource-nav{
    width:min(100% - 20px,1480px)!important;
  }
  .site-header .court-resource-nav .resource-mobile-panel{
    width:min(280px,calc(100vw - 28px))!important;
  }
}

/* Small-screen offer: centered card, not edge-to-edge. */
@media (max-width:600px){
  .resource-utility-bar{
    padding:7px 0!important;
  }
  .resource-utility-offer{
    width:min(500px,calc(100vw - 34px))!important;
    max-width:500px!important;
    margin:0 auto!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.07)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
    transform:translateY(0);
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
  }
  .resource-utility-offer:hover{
    transform:translateY(-1px)!important;
    background:rgba(255,255,255,.10)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .resource-utility-benefits{
    position:relative!important;
    min-height:34px!important;
    padding:8px 10px 8px 27px!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }
  .resource-utility-benefits:before{
    content:"★";
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    color:#ffd36a;
    font-size:11px;
    line-height:1;
  }
  .resource-utility-action{
    min-height:34px!important;
    padding:8px 12px!important;
    background:#fff!important;
    color:#072f54!important;
    font-size:10.75px!important;
    font-weight:950!important;
    letter-spacing:.005em!important;
    border-top:1px solid rgba(6,43,77,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
  }
  .resource-utility-action:after{
    content:"  ›";
    font-size:14px;
    line-height:1;
    margin-left:3px;
  }
  .resource-utility-offer:hover .resource-utility-action{
    background:#eaf5ff!important;
    color:#086ab9!important;
  }
}

@media (max-width:400px){
  .resource-utility-offer{
    width:calc(100vw - 28px)!important;
  }
  .resource-utility-benefits{
    padding-left:25px!important;
    padding-right:7px!important;
    font-size:9.75px!important;
  }
  .resource-utility-benefits:before{left:9px!important;font-size:10px!important}
  .resource-utility-action{font-size:10px!important}
}

/* =========================================================
   Track 1 v2.9 — mobile featured-course offer refinement
   2026-10-22
   Compact centered offer card, no stray star, stronger CTA.
   ========================================================= */
@media (max-width:600px){
  .resource-utility-bar{
    padding:7px 0!important;
  }
  .resource-utility-inner{
    display:flex!important;
    justify-content:center!important;
    padding-inline:12px!important;
  }
  .resource-utility-offer{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:auto!important;
    max-width:min(455px,100%)!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.055))!important;
    box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
    white-space:normal!important;
    cursor:pointer!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  }
  .resource-utility-offer:hover,
  .resource-utility-offer:focus-visible{
    transform:translateY(-1px)!important;
    border-color:rgba(255,211,106,.62)!important;
    box-shadow:0 11px 26px rgba(0,0,0,.22),0 0 0 2px rgba(255,211,106,.08)!important;
    outline:none!important;
  }
  .resource-utility-label{
    display:none!important;
  }
  .resource-utility-benefits{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    width:auto!important;
    min-height:28px!important;
    padding:5px 10px 7px!important;
    gap:4px 7px!important;
    color:#f4f9fd!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .resource-utility-benefits:before{
    content:none!important;
    display:none!important;
  }
  .resource-utility-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-height:36px!important;
    margin:0!important;
    padding:8px 16px!important;
    border:1px solid #d4e2ed!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f4f9fd 100%)!important;
    color:#07365e!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.005em!important;
    box-shadow:0 5px 12px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;
    transition:transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease!important;
  }
  .resource-utility-action:after{
    content:""!important;
  }
  .resource-utility-offer:hover .resource-utility-action,
  .resource-utility-offer:focus-visible .resource-utility-action{
    transform:translateY(-1px)!important;
    background:#eaf5ff!important;
    color:#086ab9!important;
    box-shadow:0 7px 16px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .resource-utility-offer:active .resource-utility-action{
    transform:translateY(0)!important;
    box-shadow:0 3px 8px rgba(0,0,0,.14)!important;
  }
}

@media (max-width:430px){
  .resource-utility-inner{padding-inline:8px!important}
  .resource-utility-offer{
    width:100%!important;
    max-width:100%!important;
    padding:6px!important;
  }
  .resource-utility-benefits{
    padding:5px 6px 6px!important;
    font-size:9.8px!important;
    gap:3px 5px!important;
  }
  .resource-utility-action{
    min-height:34px!important;
    padding:7px 12px!important;
    font-size:10.25px!important;
  }
}


/* =========================================================
   Track 1 v3.0 — final mobile featured-course CTA hierarchy
   2026-10-22
   Desktop/tablet stay horizontal. Under 600px, separate the
   benefits card from a distinct raised blue CTA button.
   ========================================================= */
.resource-utility-info{
  display:contents;
}
.resource-utility-benefits .resource-benefit-item{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}
.resource-utility-benefits .resource-benefit-item + .resource-benefit-item::before{
  content:"•";
  display:inline-block;
  margin:0 7px 0 0;
  color:#d8e9f6;
  font-weight:900;
}

@media (max-width:599.98px){
  .resource-utility-bar{
    padding:8px 0 9px!important;
  }
  .resource-utility-inner{
    display:flex!important;
    justify-content:center!important;
    padding-inline:10px!important;
  }
  .resource-utility-offer{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:7px!important;
    width:auto!important;
    max-width:min(455px,100%)!important;
    padding:0!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:normal!important;
    transform:none!important;
  }
  .resource-utility-offer:hover,
  .resource-utility-offer:focus-visible{
    transform:none!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    outline:none!important;
  }
  .resource-utility-info{
    display:grid!important;
    justify-items:center!important;
    gap:5px!important;
    width:auto!important;
    max-width:100%!important;
    padding:7px 13px 8px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .resource-utility-label{
    display:inline-flex!important;
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
    color:#ffd36a!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
  }
  .resource-utility-benefits{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:2px 0!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    color:#f5faff!important;
    font-size:10.25px!important;
    line-height:1.25!important;
    font-weight:850!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .resource-utility-benefits:before{display:none!important;content:none!important}
  .resource-utility-benefits .resource-benefit-item{
    display:inline-flex!important;
    white-space:nowrap!important;
  }
  .resource-utility-benefits .resource-benefit-item + .resource-benefit-item::before{
    content:"•"!important;
    display:inline-block!important;
    margin:0 7px!important;
    color:#d9ebf8!important;
  }
  .resource-utility-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-width:190px!important;
    max-width:100%!important;
    min-height:38px!important;
    margin:0!important;
    padding:9px 18px!important;
    border:1px solid #49a7ec!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#2296ed 0%,#1178cf 100%)!important;
    color:#fff!important;
    font-size:11.25px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.005em!important;
    box-shadow:0 7px 16px rgba(2,36,66,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.10)!important;
    transition:transform .14s ease,box-shadow .14s ease,background .14s ease!important;
  }
  .resource-utility-action:after{content:""!important}
  .resource-utility-offer:hover .resource-utility-action,
  .resource-utility-offer:focus-visible .resource-utility-action{
    transform:translateY(-2px)!important;
    background:linear-gradient(180deg,#2ba1f6 0%,#137fd8 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 20px rgba(2,36,66,.32),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  .resource-utility-offer:active .resource-utility-action{
    transform:translateY(0)!important;
    box-shadow:0 4px 10px rgba(2,36,66,.24),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}

@media (max-width:430px){
  .resource-utility-inner{padding-inline:8px!important}
  .resource-utility-info{
    max-width:calc(100vw - 34px)!important;
    padding:7px 9px 8px!important;
  }
  .resource-utility-label{font-size:9px!important}
  .resource-utility-benefits{font-size:9.6px!important}
  .resource-utility-benefits .resource-benefit-item + .resource-benefit-item::before{
    margin:0 5px!important;
  }
  .resource-utility-action{
    min-width:176px!important;
    min-height:36px!important;
    padding:8px 15px!important;
    font-size:10.75px!important;
  }
}

@media (max-width:365px){
  .resource-utility-info{
    max-width:calc(100vw - 26px)!important;
    padding-inline:7px!important;
  }
  .resource-utility-benefits{font-size:9.1px!important}
  .resource-utility-benefits .resource-benefit-item + .resource-benefit-item::before{
    margin:0 4px!important;
  }
  .resource-utility-action{
    min-width:168px!important;
    font-size:10.25px!important;
  }
}

/* =========================================================
   Track 1 v3.1 — utility CTA handoff at nav-collapse breakpoint
   2026-10-22
   When desktop nav/start CTA collapses (<=1039.98px), the
   utility offer becomes a two-level benefits card + blue CTA.
   ========================================================= */
@media (min-width:600px) and (max-width:1039.98px){
  .resource-utility-bar{
    padding:7px 0 8px!important;
  }
  .resource-utility-inner{
    display:flex!important;
    justify-content:center!important;
    padding-inline:14px!important;
  }
  .resource-utility-offer{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:7px!important;
    width:auto!important;
    max-width:min(560px,100%)!important;
    padding:0!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:normal!important;
    transform:none!important;
  }
  .resource-utility-offer:hover,
  .resource-utility-offer:focus-visible{
    transform:none!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    outline:none!important;
  }
  .resource-utility-info{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:auto!important;
    max-width:100%!important;
    padding:8px 14px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .resource-utility-label{
    display:inline-flex!important;
    padding:0!important;
    background:transparent!important;
    color:#ffd36a!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .resource-utility-benefits{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    padding:0!important;
    min-height:0!important;
    color:#f5faff!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .resource-utility-benefits:before{display:none!important;content:none!important}
  .resource-utility-benefits .resource-benefit-item{
    display:inline-flex!important;
    white-space:nowrap!important;
  }
  .resource-utility-benefits .resource-benefit-item + .resource-benefit-item::before{
    content:"•"!important;
    display:inline-block!important;
    margin:0 7px!important;
    color:#d9ebf8!important;
  }
  .resource-utility-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-width:190px!important;
    min-height:38px!important;
    padding:9px 18px!important;
    border:1px solid #49a7ec!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#2296ed 0%,#1178cf 100%)!important;
    color:#fff!important;
    font-size:11.25px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 7px 16px rgba(2,36,66,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.10)!important;
    transition:transform .14s ease,box-shadow .14s ease,background .14s ease!important;
  }
  .resource-utility-offer:hover .resource-utility-action,
  .resource-utility-offer:focus-visible .resource-utility-action{
    transform:translateY(-2px)!important;
    background:linear-gradient(180deg,#2ba1f6 0%,#137fd8 100%)!important;
    box-shadow:0 10px 20px rgba(2,36,66,.32),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  .resource-utility-offer:active .resource-utility-action{
    transform:translateY(0)!important;
  }
}

/* =========================================================
   Track 1 v3.2 — utility card geometry refinement
   2026-10-22
   600px–1039.98px now matches approved mobile hierarchy:
   label row + benefits row in rounded-rectangle card.
   ========================================================= */
@media (min-width:600px) and (max-width:1039.98px){
  .resource-utility-info{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    max-width:min(520px,100%)!important;
    padding:8px 16px 9px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .resource-utility-label{
    display:inline-flex!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1.05!important;
  }
  .resource-utility-benefits{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:2px 0!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .resource-utility-benefits .resource-benefit-item{
    display:inline-flex!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   Track 1 v3.3 — Ticket Help Center
   Task-oriented support pathway for court, ticket, eligibility,
   certificate, record and provider questions.
   ========================================================= */
.ticket-help-body{background:#f3f8fc}
.ticket-help-page{padding-bottom:54px}
.help-hero{background:linear-gradient(135deg,#07375f 0%,#0b5b91 100%);padding:52px 0 56px;position:relative;overflow:hidden}
.help-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(91,183,242,.18),transparent 26%),linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.04) 58% 100%);pointer-events:none}
.help-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:34px;align-items:center;position:relative;z-index:1}
.help-hero-copy{color:#fff}
.help-hero-copy .section-kicker,.help-approved-panel .section-kicker,.help-section-heading .section-kicker{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.help-hero-copy .section-kicker{border:1px solid rgba(255,211,106,.58);background:rgba(255,255,255,.07);color:#ffd36a}
.help-hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin:16px 0 18px;color:#fff}
.help-hero-copy>p{font-size:19px;line-height:1.7;color:#dcecf8;max-width:760px;margin:0}
.help-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.help-hero-actions .btn{min-height:52px;border-radius:13px;padding:14px 20px;font-weight:850}
.help-privacy-note{display:flex;gap:11px;align-items:flex-start;margin-top:24px;padding-top:18px;border-top:1px solid rgba(210,233,248,.2);color:#d1e6f5;font-size:13px;line-height:1.55}
.help-privacy-note>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(35,170,102,.18);border:1px solid rgba(91,213,148,.35);color:#98f0bd;font-weight:900;flex:0 0 auto}
.help-privacy-note p{margin:2px 0 0}
.help-start-card{background:rgba(255,255,255,.97);border:1px solid rgba(187,216,237,.8);border-radius:20px;padding:27px;box-shadow:0 24px 54px rgba(2,29,52,.22)}
.help-card-kicker{color:#0c6fbb;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.help-start-card h2{font-size:28px;line-height:1.12;margin:8px 0 19px;color:#082f53;letter-spacing:-.03em}
.help-start-card ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.help-start-card li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;border-top:1px solid #dceaf4}
.help-start-card li:first-child{border-top:0;padding-top:0}
.help-start-card li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e7f4ff;color:#0873c8;font-weight:900;border:1px solid #b9ddf7}
.help-start-card strong{display:block;color:#0a365d;font-size:14px;line-height:1.35}
.help-start-card small{display:block;color:#5f7487;margin-top:4px;line-height:1.45}
.help-start-link{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:13px 15px;border-radius:12px;background:#0877d1;color:#fff;text-decoration:none;font-weight:850;box-shadow:0 10px 24px rgba(8,119,209,.22)}
.help-start-link:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(8,119,209,.26)}
.help-pathway-section,.help-approved-section,.help-answers-section{margin-top:28px}
.help-pathway-section{background:#fff;border:1px solid #d8e7f2;border-radius:22px;padding:34px;box-shadow:0 14px 36px rgba(16,61,98,.08)}
.help-section-heading{max-width:780px;margin-bottom:25px}
.help-section-heading .section-kicker,.help-approved-panel .section-kicker{background:#e9f5ff;color:#0870bb;border:1px solid #c4e2f6}
.help-section-heading h2,.help-approved-panel h2{color:#07365f;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.04em;margin:10px 0}
.help-section-heading p,.help-approved-panel p{color:#5d7386;font-size:16px;line-height:1.65;margin:0}
.help-pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.help-path-card{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px;border:1px solid #d5e6f3;border-radius:16px;background:#fbfdff;box-shadow:0 7px 20px rgba(17,66,105,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.help-path-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(17,66,105,.12);border-color:#9bccef}
.help-card-primary{background:linear-gradient(145deg,#f2faff,#fff);border-color:#91c7ee}
.help-path-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eaf6ff,#d9efff);border:1px solid #b7ddf7;color:#0871c3;font-size:22px;font-weight:900}
.help-path-label{display:block;color:#0871c3;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.help-path-card h3{color:#0a365d;font-size:20px;line-height:1.18;letter-spacing:-.02em;margin:0 0 8px}
.help-path-card p{color:#62798c;font-size:14px;line-height:1.55;margin:0 0 14px}
.help-path-card a{display:inline-flex;align-items:center;gap:7px;color:#076eb9;font-weight:850;text-decoration:none}
.help-path-card a:hover{text-decoration:underline}
.help-approved-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,#e8f5ff 0%,#f8fcff 55%,#eef9f3 100%);border:1px solid #bddff3;box-shadow:0 12px 28px rgba(16,61,98,.07)}
.help-approved-panel>div:first-child{max-width:690px}
.help-approved-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.help-approved-actions .btn{white-space:nowrap}
.help-answers-section{background:#fff;border:1px solid #d8e7f2;border-radius:22px;padding:32px;box-shadow:0 14px 36px rgba(16,61,98,.07)}
.help-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.help-answer-grid details{border:1px solid #d8e7f2;border-radius:14px;background:#fbfdff;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.help-answer-grid details:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,63,99,.08)}
.help-answer-grid summary{cursor:pointer;list-style:none;padding:17px 18px;color:#0a365d;font-weight:850;position:relative;padding-right:42px}
.help-answer-grid summary::-webkit-details-marker{display:none}
.help-answer-grid summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#e7f4ff;color:#0871c3;font-weight:900}
.help-answer-grid details[open] summary:after{content:"–"}
.help-answer-grid details p{margin:0;padding:0 18px 18px;color:#62798c;line-height:1.6;font-size:14px}

@media(max-width:900px){
  .help-hero{padding:38px 0 42px}
  .help-hero-grid{grid-template-columns:1fr;gap:22px}
  .help-hero-copy>p{font-size:17px}
  .help-start-card{max-width:none}
  .help-pathway-grid{grid-template-columns:1fr}
  .help-approved-panel{align-items:flex-start;flex-direction:column}
  .help-approved-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .help-hero{padding:30px 0 34px}
  .help-hero h1{font-size:42px}
  .help-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .help-hero-actions .btn{width:100%;justify-content:center}
  .help-pathway-section,.help-answers-section{padding:22px 18px;border-radius:18px}
  .help-path-card{grid-template-columns:46px 1fr;padding:18px 16px;gap:13px}
  .help-path-icon{width:43px;height:43px;border-radius:13px;font-size:19px}
  .help-path-card h3{font-size:18px}
  .help-approved-panel{padding:22px 19px}
  .help-approved-actions{display:grid;grid-template-columns:1fr;width:100%}
  .help-approved-actions .btn{width:100%;justify-content:center}
  .help-answer-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .help-hero h1{font-size:38px}
  .help-start-card{padding:22px 18px;border-radius:17px}
  .help-start-card h2{font-size:24px}
  .help-pathway-section,.help-answers-section{padding:19px 14px}
  .help-path-card{grid-template-columns:1fr;padding:17px}
  .help-path-icon{margin-bottom:2px}
}

/* v3.4 Help Center visual refinement */
.ticket-help-page .help-pathway-section,
.ticket-help-page .help-approved-section,
.ticket-help-page .help-answers-section{position:relative}
.ticket-help-page .help-pathway-section{overflow:hidden;background:linear-gradient(145deg,#e7f4ff 0%,#f8fcff 52%,#dfeff9 100%);border:1px solid #7fbfe9;box-shadow:0 18px 42px rgba(12,70,112,.10)}
.ticket-help-page .help-pathway-section:before,
.ticket-help-page .help-approved-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0a74bf 0%,#4eb6e7 52%,#0a74bf 100%)}
.ticket-help-page .help-section-heading{padding:4px 2px 2px}
.ticket-help-page .help-pathway-grid{gap:16px}
.ticket-help-page .help-path-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);border:1px solid #9dcced;border-top:3px solid #1488d3;box-shadow:0 10px 24px rgba(12,70,112,.08);padding-top:24px}
.ticket-help-page .help-path-card:nth-child(even){background:linear-gradient(180deg,#f7fcff 0%,#eaf6fd 100%)}
.ticket-help-page .help-path-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(12,70,112,.14);border-color:#4aa8df}
.ticket-help-page .help-path-icon{box-shadow:0 7px 16px rgba(6,104,172,.16)}
.ticket-help-page .help-step-num{position:absolute;top:12px;right:14px;display:grid;place-items:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;background:linear-gradient(135deg,#075f9e,#1496d9);color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em;box-shadow:0 6px 14px rgba(8,98,158,.18)}
.ticket-help-page .help-card-primary{background:linear-gradient(145deg,#eff9ff 0%,#ffffff 55%,#e3f4ff 100%);border-color:#5aafe2}

.ticket-help-page .help-approved-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#dff1ff 0%,#f7fbff 55%,#e8f7ef 100%);border:1px solid #86c4e8;box-shadow:0 16px 34px rgba(13,72,112,.10);padding-top:32px}
.ticket-help-page .help-approved-panel h2{font-weight:900}
.ticket-help-page .help-approved-actions .btn{box-shadow:0 8px 18px rgba(7,102,171,.12)}
.ticket-help-page .help-approved-actions .btn:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(7,102,171,.18)}

.ticket-help-page .help-answers-section{overflow:hidden;padding:0;background:linear-gradient(150deg,#0a4679 0%,#1677b5 56%,#83b9da 100%);border:1px solid #2b83bd;box-shadow:0 18px 40px rgba(7,53,89,.16)}
.ticket-help-page .help-faq-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.42fr);gap:28px;padding:32px}
.ticket-help-page .help-faq-intro{color:#fff;padding:8px 6px}
.ticket-help-page .help-faq-intro .section-kicker{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#d9efff;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.ticket-help-page .help-faq-intro h2{color:#fff;font-size:clamp(30px,4vw,43px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 14px}
.ticket-help-page .help-faq-intro p{color:#d9ecf8;font-size:15px;line-height:1.7;margin:0 0 20px}
.ticket-help-page .help-faq-link{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.30);border-radius:11px;color:#fff;text-decoration:none;font-weight:850;background:rgba(255,255,255,.08);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.ticket-help-page .help-faq-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.ticket-help-page .help-answer-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ticket-help-page .help-answer-grid details{background:#fff;border:1px solid #c9dfef;border-radius:12px;box-shadow:0 9px 22px rgba(5,50,84,.12)}
.ticket-help-page .help-answer-grid details:hover{transform:translateY(-2px);border-color:#8ec6e7;box-shadow:0 14px 28px rgba(5,50,84,.17)}
.ticket-help-page .help-answer-grid summary{padding:16px 18px;color:#0b3c66;font-weight:900}
.ticket-help-page .help-answer-grid summary:after{background:#dff2ff;border:1px solid #afd8f2;color:#0a74bf}
.ticket-help-page .help-answer-grid details p{background:#f7fbfe;border-top:1px solid #e0edf6;padding:15px 18px 18px}

@media (max-width:900px){
  .ticket-help-page .help-faq-layout{grid-template-columns:1fr;gap:18px;padding:26px 22px}
  .ticket-help-page .help-faq-intro{padding:2px}
}
@media (max-width:640px){
  .ticket-help-page .help-pathway-section{padding:22px 18px}
  .ticket-help-page .help-step-num{top:10px;right:11px}
  .ticket-help-page .help-faq-layout{padding:22px 16px}
}

/* =========================================================
   Ticket Help Center v3.5 — exact ticket-dismissal visual parity
   2026-10-22
   Copies the established ticket-dismissal panel/card/icon specs.
   ========================================================= */
.ticket-help-page .help-pathway-section{
  background:linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%)!important;
  border-color:#5b9bc5!important;
  box-shadow:0 18px 42px rgba(12,70,112,.10)!important;
}
.ticket-help-page .help-pathway-section:before{display:none!important}

/* Light-section kickers on the reference page are text labels, not pills. */
.ticket-help-page .help-section-heading .section-kicker{
  display:inline-block!important;
  margin-bottom:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0e74b7!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}

/* Exact ticket process-card visual treatment. */
.ticket-help-page .help-path-card,
.ticket-help-page .help-path-card:nth-child(even),
.ticket-help-page .help-card-primary{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#ffffff 0%,#f0f8fd 58%,#dcecf7 100%)!important;
  border:1px solid #78b5dc!important;
  border-top:5px solid #0d6eae!important;
  border-radius:18px!important;
  box-shadow:0 14px 30px rgba(8,59,102,.12)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.ticket-help-page .help-path-card:hover{
  transform:translateY(-8px)!important;
  border-color:#2d91ce!important;
  box-shadow:0 23px 42px rgba(8,59,102,.22)!important;
}
.ticket-help-page .help-step-num{
  display:inline-grid!important;
  place-items:center!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#083d69 0%,#0c72b6 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  box-shadow:0 8px 18px rgba(5,54,95,.18)!important;
}
.ticket-help-page .help-path-icon{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#0c4f85 0%,#1592d2 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(7,67,110,.22)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.ticket-help-page .help-path-icon svg{
  width:29px!important;
  height:29px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ticket-help-page .help-path-card:hover .help-path-icon{
  transform:translateY(-5px) scale(1.05)!important;
  box-shadow:0 18px 30px rgba(8,48,84,.18)!important;
}

/* Exact dark final-CTA language from the ticket-dismissal page; green tint removed. */
.ticket-help-page .help-approved-panel{
  position:relative!important;
  overflow:hidden!important;
  padding:38px 42px!important;
  border-radius:22px!important;
  border:1px solid #2f83bd!important;
  background:linear-gradient(115deg,#072f57 0%,#0d4e84 56%,#257bb6 100%)!important;
  color:#fff!important;
  box-shadow:0 24px 52px rgba(7,47,87,.26)!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
.ticket-help-page .help-approved-panel:before{display:none!important}
.ticket-help-page .help-approved-panel:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 32px 64px rgba(7,47,87,.32)!important;
}
.ticket-help-page .help-approved-panel .section-kicker{
  display:inline-block!important;
  margin:0 0 7px!important;
  padding:5px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.11)!important;
  color:#d8edff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.ticket-help-page .help-approved-panel h2{color:#fff!important;text-shadow:0 2px 15px rgba(0,25,50,.18)!important}
.ticket-help-page .help-approved-panel p{color:#d9e7f1!important}
.ticket-help-page .help-approved-actions .secondary{background:#fff!important;color:#0b3f69!important}

/* FAQ kicker parity: plain light-blue uppercase label, not a pill. */
.ticket-help-page .help-faq-intro .section-kicker{
  display:inline-block!important;
  margin-bottom:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#cfeaff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}

@media(max-width:780px){
  .ticket-help-page .help-approved-panel{display:block!important;padding:30px 24px!important;border-radius:18px!important}
  .ticket-help-page .help-approved-actions{margin-top:24px!important}
}
@media(max-width:700px){
  .ticket-help-page .help-path-card{padding:20px 17px!important}
}


/* =========================================================
   Ticket Help Center v3.6 — FAQ clearance + exact CTA buttons
   2026-10-22
   ========================================================= */
/* Keep the expansion control in its own permanent column so question text
   never runs underneath it on narrow screens. */
.ticket-help-page .help-answer-grid summary{
  display:block!important;
  position:relative!important;
  padding:17px 64px 17px 18px!important;
  overflow-wrap:anywhere!important;
}
.ticket-help-page .help-answer-grid summary:after{
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}

/* Exact primary/secondary CTA hierarchy copied from the approved
   Court approval confirmed? treatment on the ticket-dismissal page. */
.ticket-help-page .help-approved-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.ticket-help-page .help-approved-actions .help-approved-primary{
  min-height:54px!important;
  min-width:224px!important;
  padding:15px 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#1a8bd3 0%,#38a8ed 100%)!important;
  border:1px solid #77c9f5!important;
  border-radius:12px!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:0 13px 28px rgba(0,27,52,.28),0 0 0 2px rgba(255,255,255,.08)!important;
}
.ticket-help-page .help-approved-actions .help-approved-primary:hover{
  transform:translateY(-3px) scale(1.025)!important;
  background:linear-gradient(135deg,#2099e3 0%,#55b8f2 100%)!important;
  box-shadow:0 18px 34px rgba(0,27,52,.34),0 0 0 3px rgba(255,255,255,.12)!important;
}
.ticket-help-page .help-approved-actions .help-approved-secondary{
  min-height:54px!important;
  min-width:190px!important;
  padding:15px 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #c8ddeb!important;
  border-radius:12px!important;
  color:#0b3f69!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:none!important;
}
.ticket-help-page .help-approved-actions .help-approved-secondary:hover{
  transform:translateY(-3px)!important;
  border-color:#9fc5df!important;
  box-shadow:0 10px 22px rgba(0,27,52,.14)!important;
}

@media(max-width:780px){
  .ticket-help-page .help-approved-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    justify-content:stretch!important;
  }
  .ticket-help-page .help-approved-actions .help-approved-primary,
  .ticket-help-page .help-approved-actions .help-approved-secondary{
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:520px){
  .ticket-help-page .help-answer-grid summary{
    padding:17px 58px 17px 16px!important;
    line-height:1.35!important;
  }
  .ticket-help-page .help-answer-grid summary:after{
    right:14px!important;
    width:30px!important;
    height:30px!important;
  }
}


/* =========================================================
   Track 1 Court Pilot v3.7 — Court hub hero message hierarchy
   2026-10-22
   ========================================================= */
.court-hub-page .court-hub-tertiary{
  margin-top:14px;
  color:rgba(225,240,252,.9);
  font-size:14px;
  line-height:1.45;
}
.court-hub-page .court-hub-tertiary a{
  color:#fff;
  font-weight:850;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.42);
  transition:border-color .16s ease,color .16s ease;
}
.court-hub-page .court-hub-tertiary a:hover,
.court-hub-page .court-hub-tertiary a:focus-visible{
  color:#ffd36a;
  border-bottom-color:#ffd36a;
}
@media(max-width:430px){
  .court-hub-page .court-hub-tertiary{
    margin-top:13px;
    max-width:290px;
  }
}

/* =========================================================
   Track 1 Court Pilot v3.8 — Interactive Court Finder
   2026-10-22
   Guided search + pilot verified-guide results
   ========================================================= */
.court-finder-section{background:#f6faff!important}
.court-finder-shell{overflow:hidden;background:linear-gradient(135deg,#b7d8ed 0%,#eff8fd 48%,#d1e7f5 100%)!important;border-color:#7fbce5!important;box-shadow:0 18px 40px rgba(13,59,102,.11)!important}
.court-finder-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0a4f86 0%,#1592d2 48%,#0a4f86 100%)}
.court-finder-heading{max-width:980px}.court-finder-heading .section-kicker{color:#0b67b3}.court-finder-heading p{max-width:900px}
.court-finder-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2px 0 20px}
.court-finder-choice{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;min-height:126px;padding:17px 16px;text-align:left;background:linear-gradient(180deg,#fff 0%,#f0f8fd 55%,#dcecf7 100%);border:1px solid #8bc2e7;border-top:4px solid #0c6fbf;border-radius:15px;color:#123e66;box-shadow:0 8px 20px rgba(13,59,102,.08);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.court-finder-choice:hover{transform:translateY(-6px);border-color:#4ea8df;box-shadow:0 20px 38px rgba(13,59,102,.17)}
.court-finder-choice.is-active{background:linear-gradient(145deg,#0b4c82 0%,#0e6eb2 58%,#2a94cf 100%);border-color:#77c9f5;color:#fff;box-shadow:0 18px 34px rgba(5,58,102,.22)}
.court-finder-choice-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0c4f85,#1592d2);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:23px;font-weight:900;box-shadow:0 10px 19px rgba(6,63,105,.2);transition:transform .2s ease,box-shadow .2s ease}
.court-finder-choice:hover .court-finder-choice-icon{transform:translateY(-3px) scale(1.06);box-shadow:0 14px 24px rgba(6,63,105,.28)}
.court-finder-choice.is-active .court-finder-choice-icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}
.court-finder-choice strong{display:block;font-size:15px;line-height:1.25;margin:2px 0 7px}.court-finder-choice small{display:block;color:#657f95;font-size:11px;line-height:1.48;font-weight:650}.court-finder-choice.is-active small{color:#dceefa}
.court-finder-workspace{position:relative;margin:0 0 14px;padding:22px;background:linear-gradient(135deg,#0a3c69 0%,#0d5b94 55%,#2586bd 100%);border:1px solid #0d609d;border-radius:18px;box-shadow:0 16px 34px rgba(4,48,87,.19);overflow:hidden}
.court-finder-workspace:before{content:"";position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(89,190,244,.22),rgba(89,190,244,0) 68%);pointer-events:none}
.court-finder-panel{position:relative;z-index:1}.court-finder-panel[hidden]{display:none!important}.court-finder-panel-copy{max-width:840px;margin-bottom:16px}.court-finder-step{display:inline-block;margin-bottom:7px;color:#ffd464;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.court-finder-panel-copy h3{margin:0 0 7px;color:#fff;font-size:clamp(23px,2.6vw,32px);line-height:1.08;letter-spacing:-.025em}.court-finder-panel-copy p{margin:0;color:#d8eaf6;font-size:13px;line-height:1.62}
.court-search-panel-light{margin:0;padding:16px;background:rgba(255,255,255,.97);border:1px solid rgba(202,224,240,.95);border-radius:14px;box-shadow:0 10px 24px rgba(0,34,64,.16)}.court-search-panel-light label{color:#18588d;margin-bottom:7px}.court-search-panel-light .court-search-row input,.court-search-panel-light select{height:50px;border:1px solid #b9d4e9;border-radius:10px;padding:0 14px;background:#fff;color:#173f63;font:inherit;outline:none}.court-search-panel-light .court-search-row input:focus,.court-search-panel-light select:focus{box-shadow:0 0 0 4px rgba(48,153,225,.15);border-color:#48a7df}.court-location-row{grid-template-columns:minmax(0,1fr) 190px auto}.court-search-panel-light .btn.secondary{background:#edf7fe;color:#0d5c99;border:1px solid #acd3ed;box-shadow:none}.court-search-panel-light .btn.secondary:hover{background:#e2f2fd;transform:translateY(-2px)}
.court-issuer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.court-issuer-grid button{min-height:115px;padding:15px 14px;text-align:left;background:linear-gradient(180deg,#fff,#e9f5fc);border:1px solid #a7d1eb;border-radius:13px;box-shadow:0 7px 17px rgba(3,43,75,.13);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.court-issuer-grid button:hover{transform:translateY(-5px);border-color:#54abe0;box-shadow:0 16px 28px rgba(3,43,75,.2)}.court-issuer-grid strong{display:block;color:#164a78;font-size:13px;line-height:1.3;margin-bottom:6px}.court-issuer-grid small{display:block;color:#627b91;font-size:10px;line-height:1.48;font-weight:650}
.court-issuer-guidance{display:none;margin-top:14px;padding:16px 17px;background:rgba(4,40,72,.5);border:1px solid rgba(163,211,241,.32);border-radius:13px;color:#fff;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.court-issuer-guidance.is-visible{display:grid}.court-issuer-guidance strong{display:block;font-size:15px;margin-bottom:5px}.court-issuer-guidance p{margin:0;color:#d5e8f5;font-size:12px;line-height:1.55}.court-issuer-guidance-actions{display:flex;gap:8px;flex-wrap:wrap}.court-issuer-guidance .btn{min-height:46px;padding:11px 16px}
.court-citation-clues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.court-citation-clues article{position:relative;padding:16px 15px 15px 58px;background:linear-gradient(180deg,#fff,#e8f4fb);border:1px solid #9fcae7;border-radius:13px;box-shadow:0 8px 18px rgba(3,43,75,.12)}.court-citation-clues article>span{position:absolute;left:14px;top:15px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0c4f85,#1592d2);color:#fff;font-size:10px;font-weight:950;box-shadow:0 7px 15px rgba(4,55,94,.2)}.court-citation-clues strong{display:block;color:#174a76;font-size:13px;margin-bottom:4px}.court-citation-clues small{display:block;color:#657e93;font-size:10px;line-height:1.46}.court-citation-search{margin-top:0}
.court-finder-privacy{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:13px 15px;background:#f8fcff;border:1px solid #c6e0f0;border-left:4px solid #1e88e5;border-radius:11px;color:#526e84}.court-finder-privacy>span{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#e2f4ff;color:#0d73c8;font-weight:950}.court-finder-privacy p{margin:1px 0 0;font-size:12px;line-height:1.55}.court-finder-privacy strong{color:#164e7c}
.court-quick-help{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:18px;align-items:center;margin:0 0 24px;padding:17px 18px;background:#fff;border:1px solid #c4deef;border-radius:15px;box-shadow:0 8px 21px rgba(13,59,102,.07)}.court-quick-help>div:first-child{display:grid;gap:5px}.court-quick-help>div:first-child strong{color:#0d3b66;font-size:16px}.court-quick-help-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.court-quick-help-actions button{padding:9px 12px;border-radius:999px;border:1px solid #a9cfe9;background:#f4faff;color:#155b91;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.court-quick-help-actions button:hover{transform:translateY(-2px);background:#e9f6ff;box-shadow:0 8px 16px rgba(13,59,102,.1)}
.court-results-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 14px;padding-top:3px}.court-results-head h3{margin:4px 0 0;color:#0d3b66;font-size:24px;letter-spacing:-.025em}.court-results-head .court-search-status{margin:0;padding:8px 12px;border-radius:999px;background:#0b4c82;color:#fff;white-space:nowrap}.court-finder-results{grid-template-columns:repeat(5,minmax(0,1fr))}.court-finder-results .court-card{position:relative;overflow:hidden;border-top:4px solid #0d72c3;background:linear-gradient(180deg,#fff 0%,#f3f9fd 62%,#e5f2fa 100%)}.court-guide-status{display:inline-flex;align-items:center;gap:5px;width:max-content;margin:13px 0 0;padding:5px 8px;border-radius:999px;background:#e7f7ef;border:1px solid #b9e7ce;color:#157243;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.court-guide-status>span{font-size:10px}.court-finder-results .court-card h3{margin-top:12px}.court-card-actions{display:grid;gap:7px;margin-top:13px}.court-card-actions .court-card-link{margin:0;justify-content:space-between;padding:9px 10px;border-radius:9px}.court-card-guide-link{background:#0f75c7;color:#fff!important;box-shadow:0 7px 14px rgba(15,117,199,.18)}.court-card-guide-link:hover{background:#0b68b2}.court-card-official-link{background:#fff;border:1px solid #c9deed;color:#155d96!important}.court-card-official-link:hover{background:#edf8ff}
.court-no-results{display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:start;margin-top:16px;padding:20px;background:linear-gradient(135deg,#fff7e8,#fffdf8);border:1px solid #f1cf8c;border-left:5px solid #e59a1a;border-radius:14px}.court-no-results-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff0cf;color:#aa6500;font-size:24px;font-weight:950}.court-no-results h3{margin:1px 0 6px;color:#6d470a;font-size:20px}.court-no-results p{margin:0;color:#735f3f;font-size:12px;line-height:1.6}.court-no-results-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.court-no-results .btn{min-height:45px;padding:10px 15px}
@media(max-width:1180px){.court-finder-choices{grid-template-columns:1fr 1fr}.court-issuer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.court-finder-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.court-finder-workspace{padding:19px}.court-location-row{grid-template-columns:1fr 180px}.court-location-row .btn{grid-column:1/-1;width:max-content}.court-citation-clues{grid-template-columns:1fr}.court-quick-help{grid-template-columns:1fr}.court-quick-help-actions{justify-content:flex-start}.court-results-head{align-items:flex-start;flex-direction:column}.court-finder-results{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.court-finder-shell{padding:20px 14px!important}.court-finder-choices{grid-template-columns:1fr;gap:9px}.court-finder-choice{min-height:0;grid-template-columns:44px 1fr;padding:14px;border-radius:13px}.court-finder-choice-icon{width:42px;height:42px;border-radius:12px}.court-finder-workspace{padding:16px;border-radius:15px}.court-finder-panel-copy h3{font-size:24px}.court-search-panel-light{padding:13px}.court-search-row,.court-location-row{grid-template-columns:1fr}.court-search-row .btn,.court-location-row .btn{width:100%}.court-search-panel-light select{width:100%}.court-issuer-grid{grid-template-columns:1fr}.court-issuer-grid button{min-height:0}.court-issuer-guidance{grid-template-columns:1fr}.court-issuer-guidance-actions{display:grid}.court-issuer-guidance-actions .btn{width:100%}.court-citation-clues article{padding-right:13px}.court-quick-help-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.court-quick-help-actions button{border-radius:10px}.court-results-head .court-search-status{white-space:normal}.court-finder-results{grid-template-columns:1fr}.court-no-results{grid-template-columns:1fr}.court-no-results-actions{display:grid}.court-no-results-actions .btn{width:100%}}
@media(max-width:430px){.court-finder-heading h2{font-size:31px}.court-finder-choice small{font-size:10px}.court-quick-help-actions{grid-template-columns:1fr}.court-results-head h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.court-finder-choice,.court-finder-choice-icon,.court-issuer-grid button,.court-quick-help-actions button{transition:none!important}}

/* v3.9 Court Finder usability refinement */
.court-search-row{grid-template-columns:minmax(0,1fr) auto auto}
.court-location-row{grid-template-columns:minmax(0,1fr) 190px auto auto}
.court-finder-search-btn{min-height:50px;padding:0 20px;white-space:nowrap;border-radius:10px;box-shadow:0 7px 15px rgba(8,93,157,.2)}
.court-finder-search-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(8,93,157,.27)}
.court-search-feedback-bump{animation:courtSearchFeedbackBump .5s ease both}
@keyframes courtSearchFeedbackBump{0%{transform:translateY(0)}38%{transform:translateY(-4px) scale(1.008)}100%{transform:translateY(0)}}

.court-issuer-grid button.is-selected{border:2px solid #f3c94f;background:linear-gradient(180deg,#fdfefe,#dff1fb);box-shadow:0 0 0 4px rgba(243,201,79,.16),0 16px 28px rgba(3,43,75,.22);transform:translateY(-4px)}
.court-issuer-guidance{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.court-issuer-guidance.is-visible{border:2px solid #f3c94f;background:linear-gradient(135deg,rgba(5,47,84,.95),rgba(8,79,132,.92));box-shadow:0 0 0 4px rgba(243,201,79,.14),0 18px 34px rgba(1,31,56,.24)}
.court-issuer-guidance.is-updated{animation:courtGuidanceBump .58s cubic-bezier(.2,.8,.2,1) both}
@keyframes courtGuidanceBump{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-6px) scale(1.012)}72%{transform:translateY(1px) scale(.998)}100%{transform:translateY(0) scale(1)}}

@media(max-width:680px){
  .court-search-row,.court-location-row{grid-template-columns:1fr}
  .court-finder-search-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .court-search-feedback-bump,.court-issuer-guidance.is-updated{animation:none!important}
  .court-issuer-guidance,.court-finder-search-btn{transition:none!important}
}

/* v4.0 — OCA directory record layer */
.court-directory-results{margin-top:22px;padding-top:20px;border-top:1px solid rgba(14,91,144,.18)}
.court-directory-results[hidden]{display:none!important}
.court-directory-results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.court-directory-results-head h3{margin:5px 0 0;color:#073963;font-size:clamp(1.28rem,2vw,1.72rem)}
.court-directory-source-link{font-weight:850;color:#056db4;text-decoration:none;white-space:nowrap}
.court-directory-source-link:hover{text-decoration:underline}
.court-directory-card{border-color:#8dbbd8;background:linear-gradient(180deg,#fff 0%,#eef7fc 100%)}
.court-directory-status{background:#eaf4fb;color:#0b5f96;border:1px solid #9fc9e2}
.court-directory-contact{display:grid;gap:7px;margin:12px 0 2px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #c7dfef;color:#34566e;font-size:.86rem}
.court-directory-contact span{display:grid;gap:2px}
.court-directory-contact strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#0b5f96}
.court-directory-note{margin:14px 0 0;padding:12px 14px;border-radius:12px;border:1px solid #a7cde4;background:#f5fbff;color:#36586f;font-size:.88rem;line-height:1.55}
@media (max-width:700px){.court-directory-results-head{align-items:flex-start;flex-direction:column}.court-directory-source-link{white-space:normal}}

/* v4.1 statewide court-directory expansion */
.court-directory-precinct{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:-.1rem 0 .7rem;
  padding:.28rem .55rem;
  border:1px solid rgba(16,120,190,.28);
  border-radius:999px;
  background:rgba(226,243,253,.82);
  color:#0b5c96;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
}

/* =========================================================
   Track 1 Step #6 — Verified court guide enhancements
   2026-10-22
   Before-enroll safeguard, official actions, next-step tools.
   ========================================================= */
.court-detail-page .court-before-section{
  background:linear-gradient(180deg,#f7fbfe 0%,#eef7fc 100%);
  padding-top:42px;
  padding-bottom:46px;
}
.court-detail-page .court-before-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:17px;
}
.court-detail-page .court-before-card,
.court-detail-page .court-payment-warning{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:20px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.court-detail-page .court-before-card{
  background:linear-gradient(132deg,#9fcbe7 0%,#dbeef8 38%,#fbfdff 72%,#c3deee 100%);
  border:1px solid #5598c3;
  box-shadow:0 14px 31px rgba(13,74,118,.11);
}
.court-detail-page .court-before-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,#0b4f87,#1689d0);
}
.court-detail-page .court-payment-warning{
  background:linear-gradient(145deg,#fff8e8 0%,#fffdf7 58%,#ffedc5 100%);
  border:1px solid #e9b95b;
  box-shadow:0 14px 31px rgba(124,82,10,.10);
}
.court-detail-page .court-before-card:hover,
.court-detail-page .court-payment-warning:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 42px rgba(13,74,118,.17);
}
.court-detail-page .court-before-card h2,
.court-detail-page .court-payment-warning h2{
  margin:5px 0 10px;
  color:#0a3c68;
  font-size:clamp(27px,2.6vw,35px);
  letter-spacing:-.03em;
}
.court-detail-page .court-before-card p,
.court-detail-page .court-payment-warning p{
  margin:0;
  color:#506b82;
  font-size:14px;
  line-height:1.72;
}
.court-detail-page .court-before-card .section-kicker{color:#075d9d}
.court-detail-page .court-payment-warning .section-kicker{color:#99610a}
.court-detail-page .court-before-card .court-text-link{color:#075f9f;margin-top:16px}

.court-detail-page .court-actions-section{
  background:linear-gradient(180deg,#eef7fc 0%,#f8fbfe 100%);
}
.court-detail-page .court-actions-shell{
  overflow:hidden;
  padding:0 30px 30px;
  border:1px solid #b8d6e8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 43px rgba(10,64,105,.09);
}
.court-detail-page .court-actions-shell>.court-section-heading{
  max-width:none;
  margin:0 -30px 27px;
  padding:27px 30px 25px 34px;
  background:linear-gradient(100deg,#0b426f 0%,#0d5d96 58%,#167db9 100%);
  border-bottom:1px solid #0b4f80;
}
.court-detail-page .court-actions-shell>.court-section-heading .section-kicker{color:#bfe4fb}
.court-detail-page .court-actions-shell>.court-section-heading h2{color:#fff;margin-top:5px}
.court-detail-page .court-actions-shell>.court-section-heading p{color:#d9ecf8;max-width:930px}
.court-detail-page .court-action-columns{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:18px;
}
.court-detail-page .court-official-actions,
.court-detail-page .court-next-tools{
  padding:22px;
  border:1px solid #d4e5f0;
  border-radius:17px;
  background:linear-gradient(180deg,#fbfdff,#f4f9fc);
}
.court-detail-page .court-official-actions h3,
.court-detail-page .court-next-tools h3{
  margin:0 0 14px;
  color:#0d416e;
  font-size:19px;
}
.court-detail-page .court-action-list{display:grid;gap:10px}
.court-detail-page .court-action-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border:1px solid #b9d6e8;
  border-left:4px solid #147dc2;
  border-radius:13px;
  background:#fff;
  color:#144a78;
  text-decoration:none;
  box-shadow:0 7px 17px rgba(13,74,118,.06);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.court-detail-page .court-action-card:hover{
  transform:translateY(-4px);
  border-color:#6ba9d0;
  box-shadow:0 15px 28px rgba(13,74,118,.14);
}
.court-detail-page .court-action-card strong{display:block;font-size:13px;margin-bottom:4px}
.court-detail-page .court-action-card small{display:block;color:#667e91;font-size:11.5px;line-height:1.48;font-weight:600}
.court-detail-page .court-action-card>span:last-child{font-size:18px;font-weight:900;color:#1478b9}
.court-detail-page .court-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.court-detail-page .court-tool-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-height:112px;
  padding:15px;
  border:1px solid #cbdfea;
  border-radius:14px;
  background:linear-gradient(155deg,#fff 0%,#eff8fd 62%,#dcecf7 100%);
  text-decoration:none;
  box-shadow:0 8px 18px rgba(8,59,102,.07);
  transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;
}
.court-detail-page .court-tool-card:hover{
  transform:translateY(-5px);
  border-color:#3f96ca;
  box-shadow:0 18px 31px rgba(8,59,102,.17);
}
.court-detail-page .court-tool-icon{
  flex:0 0 42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#0c4f85 0%,#1592d2 100%);
  color:#fff;
  font-size:11px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(7,67,110,.18);
  transition:transform .17s ease,box-shadow .17s ease;
}
.court-detail-page .court-tool-card:hover .court-tool-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 11px 22px rgba(7,67,110,.25)}
.court-detail-page .court-tool-card strong{display:block;color:#12466f;font-size:13px;margin:2px 0 5px}
.court-detail-page .court-tool-card small{display:block;color:#657d90;font-size:11.5px;line-height:1.5;font-weight:600}
.court-detail-page .court-privacy-note{
  margin-top:16px;
  padding:13px 16px;
  border:1px solid #cce1ee;
  border-radius:12px;
  background:#eef7fc;
  color:#557086;
  font-size:12px;
  line-height:1.55;
}
.court-detail-page .court-privacy-note strong{color:#0d4d7f}

@media(max-width:900px){
  .court-detail-page .court-before-grid,
  .court-detail-page .court-action-columns{grid-template-columns:1fr}
  .court-detail-page .court-actions-shell{padding:0 24px 24px}
  .court-detail-page .court-actions-shell>.court-section-heading{margin:0 -24px 24px;padding:24px 25px 22px 29px}
}
@media(max-width:680px){
  .court-detail-page .court-before-section{padding-top:32px;padding-bottom:34px}
  .court-detail-page .court-before-card,
  .court-detail-page .court-payment-warning{padding:21px 19px}
  .court-detail-page .court-before-card h2,
  .court-detail-page .court-payment-warning h2{font-size:27px}
  .court-detail-page .court-actions-shell{padding:0 16px 18px;border-radius:17px}
  .court-detail-page .court-actions-shell>.court-section-heading{margin:0 -16px 20px;padding:21px 18px 20px 22px}
  .court-detail-page .court-actions-shell>.court-section-heading h2{font-size:30px}
  .court-detail-page .court-official-actions,
  .court-detail-page .court-next-tools{padding:17px}
  .court-detail-page .court-tool-grid{grid-template-columns:1fr}
  .court-detail-page .court-tool-card{min-height:0}
}

/* v4.5 — court detail featured-provider differentiation */
.court-featured-providers-section{padding-top:10px}
.court-featured-providers-shell{background:linear-gradient(128deg,#0b4778 0%,#156da8 48%,#9fcde8 100%);border:1px solid #2d79aa;border-radius:26px;padding:30px;box-shadow:0 22px 48px rgba(8,59,102,.18)}
.court-featured-providers-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.court-featured-providers-heading .section-kicker{color:#d8edff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 11px;display:inline-block}
.court-featured-providers-heading h2{color:#fff;margin:9px 0 8px}
.court-featured-providers-heading p{color:#e9f5fc;max-width:820px;margin:0}
.court-featured-view-all{color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:3px}
.court-featured-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.court-featured-provider-card{background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);border:1px solid #78b5dc;border-top:5px solid #0d6eae;border-radius:18px;padding:20px;box-shadow:0 14px 30px rgba(8,59,102,.16);display:flex;flex-direction:column;min-width:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.court-featured-provider-card:hover{transform:translateY(-8px);border-color:#2d91ce;box-shadow:0 23px 42px rgba(8,59,102,.25)}
.court-featured-provider-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-bottom:13px}
.court-featured-provider-top img{display:block;max-width:150px;max-height:48px;width:auto;height:auto;object-fit:contain}
.court-featured-provider-cp{font-size:1.18rem;font-weight:900;color:#0a4c7f}
.court-featured-provider-status{font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#083d69 0%,#0c72b6 100%);padding:7px 9px;border-radius:999px;white-space:nowrap}
.court-featured-provider-label{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#0d6eae}
.court-featured-provider-card h3{font-size:1.08rem;line-height:1.25;margin:7px 0 9px;color:#083d69}
.court-featured-provider-card p{margin:0 0 17px;color:#32536b;font-size:.9rem}
.court-featured-current{color:#17683b;font-weight:800}
.court-featured-provider-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:9px}
.court-featured-card-primary,.court-featured-card-secondary{width:100%;justify-content:center;text-align:center}
.court-featured-card-primary{background:linear-gradient(135deg,#0c5f9b 0%,#1289c9 100%);border:1px solid #4fa7d3;color:#fff;box-shadow:0 9px 20px rgba(8,77,126,.20)}
.court-featured-card-secondary{background:#fff;border:1px solid #74add0;color:#0a568e}
.court-featured-provider-disclosure{margin:18px 2px 0;color:#e9f5fc;font-size:.88rem;line-height:1.55}
.court-find-another-row{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.30);display:flex;align-items:center;justify-content:space-between;gap:22px}
.court-find-another-row .section-kicker{color:#d8edff}
.court-find-another-row h3{color:#fff;margin:5px 0 5px;font-size:1.35rem}
.court-find-another-row p{color:#e9f5fc;margin:0;max-width:720px}
.court-find-another-row .court-primary{flex:0 0 auto;background:#fff;color:#0b5b91;border-color:#fff;box-shadow:0 9px 20px rgba(0,0,0,.14)}
@media(max-width:900px){.court-featured-provider-grid{grid-template-columns:1fr}.court-featured-providers-heading{align-items:flex-start;flex-direction:column}.court-find-another-row{align-items:flex-start;flex-direction:column}.court-find-another-row .court-primary{width:100%}}
@media(max-width:599px){.court-featured-providers-shell{padding:20px 16px;border-radius:20px}.court-featured-provider-card{padding:17px}.court-featured-provider-top{align-items:flex-start;flex-direction:column}.court-featured-provider-status{white-space:normal}.court-featured-view-all{white-space:normal}}

/* =========================================================
   v4.6 — Court featured-provider exact parity + responsive polish
   2026-10-22
   Exact Featured Provider badge + License Details treatment copied
   from the established More Featured Providers comparison-page styles.
   ========================================================= */

/* Exact established gold Featured Provider pill values. */
.court-featured-provider-status{
  background:linear-gradient(135deg,#ffd66b 0%,#f2b93f 100%)!important;
  color:#173b5c!important;
  border:1px solid #dfa52c!important;
  box-shadow:0 5px 12px rgba(196,139,26,.16),inset 0 1px 0 rgba(255,255,255,.55)!important;
  padding:6px 9px!important;
  font-size:9.5px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* Exact established License Details secondary-button values. */
.court-featured-card-secondary,
.court-find-another-row .court-primary{
  background:linear-gradient(180deg,#f5f7f9 0%,#e4e8ec 100%)!important;
  color:#173b5c!important;
  border:1px solid #9caeba!important;
  box-shadow:0 5px 12px rgba(30,56,77,.11),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.court-featured-card-secondary:hover,
.court-featured-card-secondary:focus-visible,
.court-find-another-row .court-primary:hover,
.court-find-another-row .court-primary:focus-visible{
  background:linear-gradient(180deg,#fff 0%,#e9edf1 100%)!important;
  border-color:#738b9d!important;
  color:#0c3555!important;
  transform:translateY(-2px)!important;
  box-shadow:0 9px 18px rgba(30,56,77,.16),inset 0 1px 0 #fff!important;
}

/* Use the established vertical hierarchy: badge -> logo -> label -> name. */
.court-featured-provider-top{
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.court-featured-provider-status{
  order:-1!important;
  align-self:flex-start!important;
  margin:0!important;
}
.court-featured-provider-top img{
  order:0!important;
  width:auto!important;
  max-width:220px!important;
  max-height:84px!important;
  object-fit:contain!important;
  margin:0!important;
}

/* Mid-size desktop/small laptop: center the entire hierarchy before cards feel cramped. */
@media (min-width:901px) and (max-width:1260px){
  .court-featured-provider-card{
    text-align:center!important;
  }
  .court-featured-provider-top{
    min-height:128px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .court-featured-provider-status{
    align-self:center!important;
  }
  .court-featured-provider-top img{
    max-width:210px!important;
    max-height:82px!important;
    margin:0 auto!important;
  }
  .court-featured-provider-label{
    display:block!important;
    text-align:center!important;
  }
  .court-featured-provider-card h3{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .court-featured-provider-card p{
    text-align:center!important;
  }
}

/* Once the cards stack, keep logo, badge, name and license information centered. */
@media (max-width:900px){
  .court-featured-provider-card{
    text-align:center!important;
  }
  .court-featured-provider-top{
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:108px!important;
  }
  .court-featured-provider-status{
    align-self:center!important;
  }
  .court-featured-provider-top img{
    max-width:180px!important;
    max-height:70px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .court-featured-provider-label{
    display:block!important;
    text-align:center!important;
  }
  .court-featured-provider-card h3{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .court-featured-provider-card p{
    text-align:center!important;
  }
}

/* Phone widths: badge remains above the logo and the complete hierarchy stays centered. */
@media (max-width:599px){
  .court-featured-provider-top{
    align-items:center!important;
    flex-direction:column!important;
    min-height:108px!important;
    gap:9px!important;
  }
  .court-featured-provider-status{
    align-self:center!important;
    white-space:nowrap!important;
  }
  .court-featured-provider-top img{
    max-width:180px!important;
    max-height:70px!important;
    margin:0 auto!important;
  }
}

/* ============================================================
   Track 1 Step 7A — County Resource Center
   ============================================================ */
.county-resource-body {
  background: #eef7fb;
}
.county-resource-page {
  color: #0b3155;
}
.county-hub-hero,
.county-detail-hero {
  padding: 34px 0 30px;
  background:
    radial-gradient(circle at 88% 10%, rgba(115,190,231,.34), transparent 31%),
    linear-gradient(122deg,#073d6a 0%,#0f679f 54%,#58a6d1 100%);
  color: #fff;
  border-bottom: 1px solid #0c72b6;
}
.county-hub-hero-inner,
.county-detail-hero-inner {
  position: relative;
}
.county-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.1);
  color: #dff3ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.county-hub-hero h1,
.county-detail-hero h1 {
  max-width: 850px;
  margin: 15px 0 12px;
  color: #fff;
  font-size: clamp(34px,5vw,56px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.county-hub-hero p,
.county-detail-hero p {
  max-width: 900px;
  margin: 0;
  color: #eff9ff;
  font-size: 18px;
  line-height: 1.65;
}
.county-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.county-hub-hero .secondary,
.county-detail-hero .secondary {
  background: #fff;
  color: #0a4b7d;
  border-color: rgba(255,255,255,.85);
}
.county-privacy-note {
  margin-top: 16px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.2);
  font-size: 14px !important;
  color: #d9f0ff !important;
}
.county-section {
  padding: 28px 0;
}
.county-section-heading {
  margin-bottom: 18px;
}
.county-section-heading h2 {
  margin: 8px 0 7px;
  color: #0b3b66;
  font-size: clamp(28px,4vw,38px);
}
.county-section-heading p {
  max-width: 900px;
  margin: 0;
  color: #425f78;
  line-height: 1.6;
}
.county-explainer-grid,
.county-quick-guide-grid,
.county-next-step-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.county-explainer-grid article,
.county-quick-guide-grid article,
.county-next-step-grid article {
  position: relative;
  border: 1px solid #79b6dd;
  border-top: 5px solid #0d6eae;
  border-radius: 18px;
  background: linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);
  box-shadow: 0 14px 30px rgba(8,59,102,.12);
  padding: 22px;
  transition: transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.county-explainer-grid article:hover,
.county-quick-guide-grid article:hover,
.county-next-step-grid article:hover {
  transform: translateY(-6px);
  border-color: #2d91ce;
  box-shadow: 0 23px 42px rgba(8,59,102,.22);
}
.county-explainer-grid h2,
.county-quick-guide-grid h3,
.county-next-step-grid h2 {
  margin: 12px 0 8px;
  color: #073d69;
}
.county-explainer-grid p,
.county-quick-guide-grid p,
.county-next-step-grid p {
  margin: 0;
  color: #47647d;
  line-height: 1.55;
}
.county-step-number,
.county-court-type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(145deg,#0c4f85 0%,#1592d2 100%);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(7,67,110,.22);
}
.county-court-type-icon { width: 52px; }
.county-directory-section {
  padding-top: 34px;
  background: linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%);
  border-top: 1px solid #8ec0df;
  border-bottom: 1px solid #8ec0df;
}
.county-card-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
}
.county-card {
  display: flex;
  min-height: 230px;
  flex-direction: column;
  border: 1px solid #72acd1;
  border-top: 5px solid #0c6fab;
  border-radius: 18px;
  background: linear-gradient(155deg,#fff 0%,#f4faff 64%,#deedf7 100%);
  padding: 18px;
  box-shadow: 0 12px 26px rgba(7,60,102,.11);
  transition: transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.county-card:hover {
  transform: translateY(-6px);
  border-color: #2b90cb;
  box-shadow: 0 22px 38px rgba(7,60,102,.2);
}
.county-card-topline {
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #527089;
  font-size: 12px;
  font-weight: 800;
}
.county-verified-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 5px 9px;
  background: #e5f7ec;
  border: 1px solid #7dcc9a;
  color: #08672e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
}
.county-card h3 {
  margin: 15px 0 12px;
  font-size: 22px;
}
.county-card h3 a { color: #073d69; text-decoration: none; }
.county-count-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  margin-bottom: 16px;
}
.county-count-grid span {
  display: flex;
  min-height: 54px;
  flex-direction: column;
  justify-content: center;
  border-radius: 11px;
  background: #edf6fc;
  border: 1px solid #c0dded;
  color: #48667f;
  text-align: center;
  font-size: 11px;
  line-height: 1.25;
}
.county-count-grid strong {
  display: block;
  color: #07578d;
  font-size: 18px;
}
.county-card-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  color: #086eae;
  font-weight: 900;
  text-decoration: none;
}
.county-card-link:hover { text-decoration: underline; }
.county-source-note {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid #b9d6e8;
  border-radius: 13px;
  background: rgba(255,255,255,.65);
  color: #46647c;
  line-height: 1.55;
}
.county-statewide-cta,
.county-browse-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  border-radius: 22px;
  background: linear-gradient(115deg,#072f57 0%,#0d4e84 56%,#257bb6 100%);
  box-shadow: 0 24px 52px rgba(7,47,87,.26);
  color: #fff;
  transition: transform .16s ease,box-shadow .16s ease;
}
.county-statewide-cta:hover,
.county-browse-more:hover {
  transform: translateY(-5px);
  box-shadow: 0 32px 64px rgba(7,47,87,.32);
}
.county-statewide-cta h2,
.county-browse-more h2 { color:#fff; margin:7px 0; }
.county-statewide-cta p,
.county-browse-more p { color:#dceefd; margin:0; line-height:1.55; }
.county-browse-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.county-browse-more .secondary { background:#fff; color:#0a4c7e; border-color:#fff; }

/* County detail */
.county-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  color: #cfeaff;
  font-size: 13px;
  font-weight: 700;
}
.county-breadcrumb a { color:#fff; text-decoration:none; }
.county-breadcrumb a:hover { text-decoration:underline; }
.county-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.county-stat-row span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.11);
  color:#eaf7ff;
}
.county-stat-row strong { color:#fff; font-size:19px; }
.county-quick-guide {
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(128deg,#a3cde8 0%,#dcecf7 36%,#fbfdff 69%,#bddbed 100%);
  border: 1px solid #4f91bd;
}
.county-quick-guide > div:first-child { margin-bottom:16px; }
.county-quick-guide h2 { margin:7px 0 0; color:#073d69; }
.county-verified-section {
  background: #fff;
}
.county-verified-grid {
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:16px;
}
.county-verified-card {
  display:flex;
  min-height:220px;
  flex-direction:column;
  padding:20px;
  border-radius:18px;
  border:1px solid #72b4dc;
  border-top:5px solid #0b75b7;
  background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);
  box-shadow:0 14px 30px rgba(8,59,102,.12);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.county-verified-card:hover {
  transform:translateY(-6px);
  border-color:#2d91ce;
  box-shadow:0 23px 42px rgba(8,59,102,.22);
}
.county-verified-card h3 { margin:14px 0 7px; color:#073d69; }
.county-verified-card p { margin:0 0 8px; color:#526e85; }
.county-reviewed { color:#698399; font-size:13px; font-weight:700; margin-bottom:14px; }
.county-records-section {
  background: linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%);
  border-top:1px solid #8fc1df;
  border-bottom:1px solid #8fc1df;
}
.county-records-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.county-oca-link {
  flex:0 0 auto;
  color:#075d98;
  font-weight:900;
  text-decoration:none;
}
.county-oca-link:hover { text-decoration:underline; }
.county-record-group + .county-record-group { margin-top:28px; }
.county-record-group-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid #91bdd8;
}
.county-record-group-heading h3 { margin:0; color:#073d69; font-size:24px; }
.county-record-group-heading span { color:#55738a; font-weight:800; }
.county-record-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.county-record-card {
  border:1px solid #8cbcd8;
  border-radius:16px;
  background:#fff;
  padding:17px;
  box-shadow:0 9px 22px rgba(7,59,99,.08);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
  overflow-wrap:anywhere;
}
.county-record-card:hover {
  transform:translateY(-4px);
  border-color:#3793c8;
  box-shadow:0 16px 30px rgba(7,59,99,.16);
}
.county-record-type {
  display:inline-block;
  color:#0b6ca8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.county-record-card h4 { margin:8px 0 8px; color:#073d69; font-size:18px; }
.county-record-card p { margin:5px 0; color:#516e84; line-height:1.45; font-size:14px; }
.county-record-location,
.county-record-precinct { color:#0b679f !important; font-weight:800; }
.county-record-contact { display:grid; gap:4px; margin-top:10px; color:#5a768c; font-size:13px; }
.county-empty-state {
  padding:16px;
  border-radius:13px;
  background:#fff;
  border:1px dashed #8cbad4;
  color:#58758a;
}
.county-next-step-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.county-next-step-grid article { min-height:240px; }
.county-next-step-grid .btn { width:fit-content; margin-top:18px; }

/* Court hub entry point for county browsing */
.court-county-preview-section { padding: 4px 0 30px; }
.court-county-preview {
  padding:26px;
  border-radius:22px;
  border:1px solid #4f91bd;
  background:linear-gradient(128deg,#a3cde8 0%,#dcecf7 36%,#fbfdff 69%,#bddbed 100%);
}
.court-county-preview-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.court-county-preview-head h2 { margin:7px 0 5px; color:#073d69; }
.court-county-preview-head p { margin:0; color:#506d84; max-width:760px; line-height:1.55; }
.court-county-preview-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.court-county-preview-grid a {
  display:flex;
  min-height:78px;
  align-items:center;
  justify-content:center;
  padding:12px;
  border-radius:14px;
  border:1px solid #81b7d8;
  background:#fff;
  color:#073d69;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(7,60,102,.08);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.court-county-preview-grid a:hover {
  transform:translateY(-4px);
  border-color:#2d91ce;
  box-shadow:0 14px 26px rgba(7,60,102,.16);
}

@media (max-width: 1100px) {
  .county-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .court-county-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .county-explainer-grid,
  .county-quick-guide-grid,
  .county-verified-grid,
  .county-record-grid,
  .county-next-step-grid { grid-template-columns:1fr; }
  .county-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .county-records-heading,
  .county-statewide-cta,
  .county-browse-more,
  .court-county-preview-head { align-items:flex-start; flex-direction:column; }
  .county-browse-actions { justify-content:flex-start; }
  .county-next-step-grid article { min-height:0; }
}
@media (max-width: 599px) {
  .county-hub-hero,
  .county-detail-hero { padding:26px 0 24px; }
  .county-hub-hero h1,
  .county-detail-hero h1 { font-size:34px; }
  .county-hub-hero p,
  .county-detail-hero p { font-size:16px; }
  .county-card-grid,
  .court-county-preview-grid { grid-template-columns:1fr; }
  .county-card { min-height:0; }
  .county-card-topline { align-items:flex-start; flex-direction:column; }
  .county-count-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .county-hero-actions,
  .county-browse-actions { display:grid; width:100%; grid-template-columns:1fr; }
  .county-hero-actions .btn,
  .county-browse-actions .btn,
  .county-statewide-cta .btn { width:100%; text-align:center; justify-content:center; }
  .county-statewide-cta,
  .county-browse-more,
  .county-quick-guide,
  .court-county-preview { padding:20px; border-radius:18px; }
  .county-stat-row { display:grid; grid-template-columns:1fr; }
  .county-stat-row span { justify-content:center; }
}

/* =========================================================
   County Resource Center — exact visual language parity with
   /guides/tdlr-licensed-provider-vs-approved-course/
   2026-10-22 v4.8
   ========================================================= */
.county-resource-body,
.county-resource-page{background:#f7fbfe;color:#173e5c}

/* Exact reference hero blue blend + gold kicker treatment. */
.county-hub-hero,
.county-detail-hero{
  background:linear-gradient(118deg,#062f57 0%,#0b4f82 50%,#2782ba 100%)!important;
  padding:54px 0 50px!important;
  position:relative;
  overflow:hidden;
}
.county-hub-hero:before,
.county-detail-hero:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 30%),linear-gradient(90deg,transparent 0 63%,rgba(255,255,255,.035) 63% 64%,transparent 64%);
  pointer-events:none
}
.county-hub-hero-inner,
.county-detail-hero-inner{position:relative;z-index:1}
.county-eyebrow{
  color:#ffd36a!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important;
  display:inline-block!important;padding:7px 12px!important;border-radius:999px!important
}
.county-hub-hero h1,
.county-detail-hero h1{
  color:#fff!important;font-size:clamp(38px,4.2vw,66px)!important;line-height:1.03!important;
  letter-spacing:-.035em!important;margin:14px 0 18px!important;max-width:900px
}
.county-hub-hero p,
.county-detail-hero p{font-size:19px!important;line-height:1.7!important;color:#e3f0f9!important;max-width:830px;margin:0 0 25px!important}
.county-detail-hero .county-breadcrumb{color:#dcecf7}
.county-detail-hero .county-breadcrumb a{color:#fff}
.county-privacy-note{color:#dcecf7!important;border-top:1px solid rgba(255,255,255,.24)!important}

/* Exact approved outer-panel blend used on the reference guide. */
.county-explainer-section,
.county-directory-section,
.county-quick-guide-section,
.county-records-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:26px auto 0!important;
  padding:28px 0!important;
  border:1px solid #4f93c2!important;
  border-radius:22px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
  overflow:hidden
}
.county-explainer-section>.wrap,
.county-directory-section>.wrap,
.county-quick-guide-section>.wrap,
.county-records-section>.wrap{width:min(calc(100% - 42px),1480px)}

.county-section-heading .section-kicker,
.county-quick-guide .section-kicker,
.county-next-step-grid .section-kicker,
.county-statewide-cta .section-kicker,
.county-browse-more .section-kicker{
  display:inline-flex;padding:6px 10px;border-radius:999px;background:#d8ecfa;color:#0b5f9a;border:1px solid #afd0e5;
  font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}

/* Exact numbered-card fills, borders, shadows and hover motion. */
.county-explainer-grid article,
.county-quick-guide-grid article,
.county-next-step-grid article{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:4px solid #2479b8!important;border-radius:17px!important;
  box-shadow:0 12px 26px rgba(7,48,87,.11)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.county-explainer-grid article:nth-child(2),
.county-quick-guide-grid article:nth-child(2),
.county-next-step-grid article:nth-child(2){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.county-explainer-grid article:nth-child(3),
.county-quick-guide-grid article:nth-child(3),
.county-next-step-grid article:nth-child(3){border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important}
@media(hover:hover) and (pointer:fine){
  .county-explainer-grid article:hover,
  .county-quick-guide-grid article:hover,
  .county-next-step-grid article:hover{
    transform:translateY(-8px) scale(1.012)!important;box-shadow:0 22px 42px rgba(7,48,87,.17)!important;border-color:#74acd2!important
  }
}
.county-step-number,
.county-court-type-icon{
  background:linear-gradient(145deg,#0a4a7d,#1674b4)!important;color:#fff!important;border:1px solid #8bc1e4!important;
  box-shadow:0 9px 18px rgba(5,50,91,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .25s ease,box-shadow .25s ease!important
}
@media(hover:hover) and (pointer:fine){
  .county-explainer-grid article:hover :is(.county-step-number,.county-court-type-icon),
  .county-quick-guide-grid article:hover :is(.county-step-number,.county-court-type-icon){
    transform:translateY(-2px) scale(1.08)!important;box-shadow:0 12px 22px rgba(5,50,91,.28)!important
  }
}

/* County / verified / OCA cards use the exact reference content-card language. */
.county-card,
.county-verified-card,
.county-record-card{
  background:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%)!important;
  border:1px solid #7faed0!important;border-top:4px solid #2479b8!important;border-radius:19px!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.county-card:nth-child(3n+2),
.county-record-card:nth-child(3n+2){border-top-color:#4f9bd0!important;background:linear-gradient(155deg,#fff 0%,#eef7fd 52%,#d2e7f5 100%)!important}
.county-card:nth-child(3n),
.county-record-card:nth-child(3n){border-top-color:#0c4f84!important;background:linear-gradient(155deg,#fff 0%,#f3f9fd 52%,#dbeaf6 100%)!important}
@media(hover:hover) and (pointer:fine){
  .county-card:hover,
  .county-verified-card:hover,
  .county-record-card:hover{
    transform:translateY(-8px)!important;box-shadow:0 24px 46px rgba(7,48,87,.18)!important;border-color:#74acd2!important
  }
}
.county-verified-badge{
  background:#ddf7e7!important;border:1px solid #8ed0a6!important;color:#168449!important;
  box-shadow:0 4px 10px rgba(5,83,48,.08)
}
.county-source-note,
.county-empty-state{
  background:linear-gradient(145deg,#ffffff 0%,#f1f8fc 100%)!important;border:1px solid #a9cbe0!important;
  box-shadow:0 8px 19px rgba(8,47,87,.065)!important;border-radius:12px!important
}

/* Individual verified-guide section keeps a clean editorial white field. */
.county-verified-section{background:#f7fbfe!important;padding-top:44px!important;padding-bottom:18px!important}

/* Exact dark final-CTA treatment from the reference page. */
.county-statewide-cta,
.county-browse-more{
  border:1px solid #2f83bd!important;background:linear-gradient(115deg,#062f57 0%,#0d4f86 52%,#2781bd 100%)!important;
  color:#fff!important;box-shadow:0 24px 52px rgba(7,47,87,.27)!important;border-radius:22px!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
@media(hover:hover) and (pointer:fine){
  .county-statewide-cta:hover,
  .county-browse-more:hover{transform:translateY(-5px)!important;box-shadow:0 32px 64px rgba(7,47,87,.32)!important}
}
.county-statewide-cta .section-kicker,
.county-browse-more .section-kicker{color:#ffd36a!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important}

/* Exact stronger reveal motion from the reference guide. */
.county-reveal-enabled .county-resource-page [data-county-reveal="1"]{
  opacity:0!important;filter:blur(2.2px)!important;transform:translateY(48px) scale(.982)!important;
  transition:opacity .64s cubic-bezier(.19,.78,.22,1),transform .76s cubic-bezier(.19,.78,.22,1),filter .58s ease,box-shadow .25s ease,border-color .25s ease!important;
  transition-delay:var(--county-delay,0ms)!important;will-change:opacity,transform,filter
}
.county-reveal-enabled .county-resource-page [data-county-reveal="1"].is-county-visible{opacity:1!important;filter:none!important;transform:none!important}
@media(max-width:760px){
  .county-reveal-enabled .county-resource-page :is(.county-card,.county-verified-card,.county-record-card,.county-explainer-grid>article,.county-quick-guide-grid>article,.county-next-step-grid>article)[data-county-reveal="1"]{
    transform:translateY(58px) scale(.975)!important
  }
  .county-reveal-enabled .county-resource-page :is(.county-card,.county-verified-card,.county-record-card,.county-explainer-grid>article,.county-quick-guide-grid>article,.county-next-step-grid>article)[data-county-reveal="1"].is-county-visible{transform:none!important}
}
@media(hover:hover) and (pointer:fine){
  .county-reveal-enabled .county-resource-page :is(.county-card,.county-verified-card,.county-record-card,.county-explainer-grid>article,.county-quick-guide-grid>article,.county-next-step-grid>article)[data-county-reveal="1"].is-county-visible:hover{transform:translateY(-8px)!important}
  .county-reveal-enabled .county-resource-page :is(.county-explainer-grid>article,.county-quick-guide-grid>article,.county-next-step-grid>article)[data-county-reveal="1"].is-county-visible:hover{transform:translateY(-8px) scale(1.012)!important}
}
@media(prefers-reduced-motion:reduce){
  .county-reveal-enabled .county-resource-page [data-county-reveal="1"]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important;will-change:auto!important}
}

@media(max-width:780px){
  .county-hub-hero,
  .county-detail-hero{padding:42px 0 38px!important}
  .county-hub-hero h1,
  .county-detail-hero h1{font-size:38px!important}
  .county-hub-hero p,
  .county-detail-hero p{font-size:16px!important}
  .county-explainer-section,
  .county-directory-section,
  .county-quick-guide-section,
  .county-records-section{width:calc(100% - 18px)!important;margin-top:12px!important;border-radius:18px!important;padding:22px 0!important}
  .county-explainer-section>.wrap,
  .county-directory-section>.wrap,
  .county-quick-guide-section>.wrap,
  .county-records-section>.wrap{width:calc(100% - 28px)!important}
}

/* ============================================================
   Track 1 v4.9 — County polish / exact parity refinements
   ============================================================ */
/* Remove decorative hero seam/stripe and the privacy divider line. */
.county-hub-hero:before,
.county-detail-hero:before{
  background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 30%)!important;
}
.county-privacy-note{
  border-top:0!important;
  padding-top:0!important;
}

/* Match the full-width county content panels and add the established top blue stripe. */
.county-quick-guide-section,
.county-records-section,
.county-verified-section,
.county-next-step-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:26px auto 0!important;
  border:1px solid #4f93c2!important;
  border-top:6px solid #0d6eae!important;
  border-radius:22px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
  overflow:hidden;
}
.county-quick-guide-section,
.county-records-section,
.county-verified-section,
.county-next-step-section{padding:28px 0!important}
.county-quick-guide-section>.wrap,
.county-records-section>.wrap,
.county-verified-section>.wrap,
.county-next-step-section>.wrap{width:min(calc(100% - 42px),1480px)!important}

/* The section itself is the outer panel; remove the redundant inner orientation shell. */
.county-quick-guide{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Verified guides now sit inside the same intentional outer-panel language. */
.county-verified-section{padding-top:28px!important;padding-bottom:28px!important}
.county-verified-section .county-section-heading{margin-bottom:18px}

/* Keep the next-step cards visually grouped and evenly balanced. */
.county-next-step-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.county-next-step-grid article{min-height:0!important}

/* Court-record hover should feel immediate after reveal. */
.county-record-card,
.county-card,
.county-verified-card,
.county-explainer-grid article,
.county-quick-guide-grid article,
.county-next-step-grid article{
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
.county-reveal-enabled .county-resource-page [data-county-reveal="1"].is-county-ready{
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,opacity .14s ease,filter .14s ease!important;
}

/* Full-width statewide CTA aligns with the county panels above. */
.county-statewide-cta-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:26px auto 0!important;
  padding:0!important;
}
.county-statewide-cta-section>.wrap{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Ensure the final Court Resource Center action has strong contrast on the blue panel. */
.county-browse-more .county-browse-actions .court-primary{
  background:linear-gradient(180deg,#f7f9fb 0%,#e4e9ee 100%)!important;
  color:#173b5c!important;
  border:1px solid #9caeba!important;
  box-shadow:0 7px 15px rgba(4,38,70,.18)!important;
}
.county-browse-more .county-browse-actions .court-primary:hover{
  background:linear-gradient(180deg,#ffffff 0%,#edf1f4 100%)!important;
  color:#0b3155!important;
  border-color:#7e98aa!important;
  transform:translateY(-2px)!important;
}

@media(max-width:1020px){
  .county-next-step-grid{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  .county-quick-guide-section,
  .county-records-section,
  .county-verified-section,
  .county-next-step-section,
  .county-statewide-cta-section{
    width:calc(100% - 18px)!important;
    margin-top:12px!important;
    border-radius:18px!important;
  }
  .county-quick-guide-section>.wrap,
  .county-records-section>.wrap,
  .county-verified-section>.wrap,
  .county-next-step-section>.wrap{width:calc(100% - 28px)!important}
}


/* ============================================================
   Track 1 v4.9.1 — Minor county cleanup
   ============================================================ */
/* Keep orientation icons lifting/enlarging without rotation. */
@media(hover:hover) and (pointer:fine){
  .county-explainer-grid article:hover :is(.county-step-number,.county-court-type-icon),
  .county-quick-guide-grid article:hover :is(.county-step-number,.county-court-type-icon){
    transform:translateY(-2px) scale(1.08)!important;
  }
}

/* Match the final Browse another county panel width to the other county body panels. */
.county-browse-more-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:26px auto 0!important;
  padding:0!important;
}
.county-browse-more-section>.wrap{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
@media(max-width:780px){
  .county-browse-more-section{
    width:calc(100% - 18px)!important;
    margin-top:12px!important;
    border-radius:18px!important;
  }
}

/* ============================================================
   Track 1 v4.9.2 — County hub statewide CTA width + contrast
   ============================================================ */
/* Make the county-hub statewide CTA panel match the full width of the county body panel above. */
.county-statewide-cta-section>.wrap,
.county-statewide-cta-section .county-statewide-cta{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* High-contrast Find My Court button on the dark statewide CTA panel. */
.county-statewide-cta .btn,
.county-statewide-cta .court-primary{
  background:linear-gradient(180deg,#f7f9fb 0%,#e4e9ee 100%)!important;
  color:#173b5c!important;
  border:1px solid #9caeba!important;
  box-shadow:0 7px 15px rgba(4,38,70,.18)!important;
}
@media(hover:hover) and (pointer:fine){
  .county-statewide-cta .btn:hover,
  .county-statewide-cta .court-primary:hover{
    background:linear-gradient(180deg,#ffffff 0%,#edf1f4 100%)!important;
    color:#0b3155!important;
    border-color:#7e98aa!important;
    transform:translateY(-2px)!important;
  }
}


/* v5.0 — statewide 254-county directory */
.county-all-section{padding-top:34px;padding-bottom:34px;background:linear-gradient(180deg,#eef8fe 0%,#d9edf9 100%)}
.county-all-panel{position:relative;padding:28px;border:1px solid #5b9bc5;border-top:5px solid #0d6eae;border-radius:22px;background:linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%);box-shadow:0 18px 38px rgba(8,59,102,.14)}
.county-all-heading{margin-bottom:20px}
.county-search-box{padding:18px 20px;margin-bottom:16px;border:1px solid #78b5dc;border-top:5px solid #0d6eae;border-radius:18px;background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);box-shadow:0 14px 30px rgba(8,59,102,.12)}
.county-search-box label{display:block;margin-bottom:8px;font-size:1rem;font-weight:800;color:#083d69}
.county-search-control{display:flex;gap:10px;align-items:center}
.county-search-control input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #6faed7;border-radius:12px;background:#fff;color:#083d69;font:inherit;box-shadow:inset 0 1px 2px rgba(8,59,102,.06)}
.county-search-control input:focus{outline:3px solid rgba(13,110,174,.18);border-color:#0d6eae}
.county-search-clear{min-height:48px;padding:0 17px;border:1px solid #9caeba;border-radius:12px;background:linear-gradient(180deg,#f5f7f9 0%,#e4e8ec 100%);color:#173b5c;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(13,48,76,.12)}
.county-search-box>p{margin:9px 0 0;color:#45657d;font-size:.9rem}
.county-alpha-nav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.county-alpha-nav a{display:inline-grid;place-items:center;min-width:35px;height:35px;padding:0 8px;border:1px solid #78b5dc;border-radius:10px;background:#fff;color:#0b5f98;font-weight:800;text-decoration:none;box-shadow:0 4px 10px rgba(8,59,102,.08);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.county-alpha-nav a:hover{transform:translateY(-3px);border-color:#2d91ce;box-shadow:0 10px 18px rgba(8,59,102,.16)}
.county-alpha-group{scroll-margin-top:118px;margin-top:22px}
.county-alpha-group[hidden]{display:none!important}
.county-alpha-group>h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#083d69;font-size:1.25rem}
.county-alpha-group>h3::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,#0d6eae 0%,rgba(13,110,174,.12) 100%)}
.county-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.county-compact-card{position:relative;display:flex;flex-direction:column;min-height:154px;padding:15px;border:1px solid #78b5dc;border-top:4px solid #0d6eae;border-radius:15px;background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);box-shadow:0 8px 18px rgba(8,59,102,.09);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.county-compact-card[hidden]{display:none!important}
.county-compact-card:hover{transform:translateY(-6px) scale(1.008);border-color:#2d91ce;box-shadow:0 18px 30px rgba(8,59,102,.18)}
.county-compact-card h4{margin:0 0 4px;font-size:1rem;line-height:1.25}
.county-compact-card h4 a{color:#083d69;text-decoration:none}
.county-compact-card p{margin:0;color:#567186;font-size:.83rem}
.county-compact-meta{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 12px}
.county-compact-meta span{padding:4px 7px;border:1px solid #b8d7e9;border-radius:8px;background:rgba(255,255,255,.68);color:#45657d;font-size:.72rem;font-weight:700}
.county-compact-meta .county-compact-verified{border-color:#84cba0;background:#eaf8ef;color:#116d39}
.county-compact-link{margin-top:auto;color:#066eae;font-size:.84rem;font-weight:800;text-decoration:none}
.county-compact-link:hover{text-decoration:underline}
.county-no-results{padding:24px;border:1px solid #d8a83f;border-radius:16px;background:#fffaf0;color:#654b17;text-align:center}
.county-no-results strong{display:block;margin-bottom:5px;font-size:1.08rem}
.county-no-results p{margin:0 auto 14px;max-width:650px}
@media(max-width:1040px){.county-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.county-all-panel{padding:20px 16px}.county-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.county-search-control{align-items:stretch}.county-search-clear{min-width:74px}}
@media(max-width:520px){.county-compact-grid{grid-template-columns:1fr}.county-compact-card{min-height:0}.county-alpha-nav{gap:6px}.county-alpha-nav a{min-width:32px;height:32px}.county-search-control{flex-direction:column}.county-search-clear{width:100%}}
@media(prefers-reduced-motion:reduce){.county-alpha-nav a,.county-compact-card{transition:none!important}}

/* ============================================================
   Track 1 v5.0.1 — Statewide county hub width/background/reveal parity
   ============================================================ */
/* Make the All 254 Counties section use the exact same outer-panel footprint
   and background language as the priority county section above. */
.county-all-section{
  width:min(calc(100% - 34px),1540px)!important;
  margin:26px auto 0!important;
  padding:28px 0!important;
  border:1px solid #4f93c2!important;
  border-radius:22px!important;
  background:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.12)!important;
  overflow:hidden!important;
}
.county-all-section>.county-all-panel{
  width:min(calc(100% - 42px),1480px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Extend the approved reveal/hover system to the statewide county directory. */
.county-reveal-enabled .county-resource-page .county-compact-card[data-county-reveal="1"].is-county-ready{
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,opacity .14s ease,filter .14s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .county-reveal-enabled .county-resource-page .county-compact-card[data-county-reveal="1"].is-county-visible:hover{
    transform:translateY(-6px) scale(1.008)!important;
    border-color:#2d91ce!important;
    box-shadow:0 18px 30px rgba(8,59,102,.18)!important;
  }
}
@media(max-width:760px){
  .county-all-section{
    width:calc(100% - 18px)!important;
    margin-top:12px!important;
    padding:22px 0!important;
    border-radius:18px!important;
  }
  .county-all-section>.county-all-panel{
    width:calc(100% - 28px)!important;
    padding:0!important;
  }
  .county-reveal-enabled .county-resource-page .county-compact-card[data-county-reveal="1"]{
    transform:translateY(58px) scale(.975)!important;
  }
  .county-reveal-enabled .county-resource-page .county-compact-card[data-county-reveal="1"].is-county-visible{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .county-reveal-enabled .county-resource-page .county-compact-card[data-county-reveal="1"]{
    opacity:1!important;filter:none!important;transform:none!important;transition:none!important;
  }
}

/* ============================================================
   V5.1 — Clickable statewide court directory records
   ============================================================ */
.county-record-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.county-record-card-link h4,
.county-record-card-link p,
.county-record-card-link span{ text-decoration:none; }
.county-record-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  color:#086cab;
  font-weight:900;
  font-size:13px;
  letter-spacing:.01em;
}
.county-record-card-link:hover .county-record-action{ color:#064d7c; }

.court-directory-record-body{background:#f7fbfe;color:#073e5c}
.court-directory-record-page{background:#f7fbfe}
.court-record-summary-section,
.court-record-contact-section,
.court-record-warning-section{padding:30px 0}
.court-record-summary-panel,
.court-record-contact-panel,
.court-record-warning-panel{
  width:min(calc(100% - 42px),1480px);
  margin:0 auto;
  border:1px solid #4f91bd;
  border-top:5px solid #0b72b5;
  border-radius:22px;
  background:linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%);
  box-shadow:0 18px 38px rgba(8,59,102,.13);
  padding:28px;
}
.court-record-summary-heading h2{margin:8px 0 8px;color:#073d69;font-size:32px}
.court-record-summary-heading p{margin:0;color:#55738a;line-height:1.6;max-width:880px}
.court-record-detail-grid,
.court-record-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.court-record-detail-grid article,
.court-record-contact-grid article{
  border:1px solid #78b5dc;
  border-top:4px solid #0d6eae;
  border-radius:18px;
  background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);
  box-shadow:0 14px 30px rgba(8,59,102,.12);
  padding:20px;
  min-width:0;
}
.court-record-detail-label{
  display:block;
  margin-bottom:8px;
  color:#0b70ad;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.court-record-detail-grid strong,
.court-record-contact-grid strong,
.court-record-contact-grid a{color:#073d69;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.court-record-contact-grid a{font-weight:900;text-decoration:underline;text-underline-offset:3px}
.court-record-sparse-card{grid-column:1/-1}
.court-record-sparse-card p{margin:8px 0 0;color:#55738a;line-height:1.55}
.court-record-warning-panel{
  background:linear-gradient(115deg,#072f57 0%,#0d4e84 56%,#257bb6 100%);
  border-color:#2c80b7;
  color:#fff;
  box-shadow:0 24px 52px rgba(7,47,87,.26);
}
.court-record-warning-panel .section-kicker{color:#173b5c;background:linear-gradient(135deg,#ffd66b 0%,#f2b93f 100%);border:1px solid #dfa52c}
.court-record-warning-panel h2{margin:10px 0;color:#fff;font-size:30px}
.court-record-warning-panel p{margin:0;color:#f4f9fd;line-height:1.65;max-width:1050px}
.court-record-stat-row span:first-child{min-width:180px}

@media (hover:hover) and (pointer:fine){
  .court-record-detail-grid article:hover,
  .court-record-contact-grid article:hover{
    transform:translateY(-8px) scale(1.012);
    border-color:#2d91ce;
    box-shadow:0 23px 42px rgba(8,59,102,.22);
  }
  .court-record-detail-grid article,
  .court-record-contact-grid article{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
}
@media (max-width:900px){
  .court-record-detail-grid,
  .court-record-contact-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .court-record-summary-section,
  .court-record-contact-section,
  .court-record-warning-section{padding:18px 0}
  .court-record-summary-panel,
  .court-record-contact-panel,
  .court-record-warning-panel{width:calc(100% - 18px);padding:20px 16px;border-radius:18px}
  .court-record-detail-grid,
  .court-record-contact-grid{grid-template-columns:1fr}
  .court-record-summary-heading h2,
  .court-record-warning-panel h2{font-size:26px}
}

/* === v5.2 For Texas Courts / Court Outreach Resource === */
.court-partner-page{background:#f7fbfe;color:#173e5c}
.court-partner-hero .county-detail-hero-inner{max-width:1180px}
.court-partner-purpose-section,.court-partner-links-section,.court-partner-trust-section,.court-partner-suggested-section{padding-top:34px;padding-bottom:34px}
.court-partner-panel,
.court-partner-page .county-quick-guide-panel{position:relative;max-width:1180px;margin:0 auto;padding:26px;border:1px solid #4e92c0;border-top:5px solid #0d6eae;border-radius:20px;background:linear-gradient(128deg,#b7d8ed 0%,#eff8fd 43%,#d1e7f5 100%);box-shadow:0 18px 42px rgba(7,61,104,.13)}
.court-partner-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.court-partner-link-grid>article,.court-partner-copy-grid>article{position:relative;overflow:hidden;border:1px solid #78b5dc;border-top:5px solid #0d6eae;border-radius:18px;background:linear-gradient(155deg,#fff 0%,#f0f8fd 58%,#dcecf7 100%);box-shadow:0 14px 30px rgba(8,59,102,.12);padding:22px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.court-partner-link-grid>article:hover,.court-partner-copy-grid>article:hover{transform:translateY(-8px) scale(1.012);border-color:#2d91ce;box-shadow:0 23px 42px rgba(8,59,102,.22)}
.court-partner-link-grid h3,.court-partner-copy-grid strong{color:#083d69}
.court-partner-link-grid h3{font-size:1.24rem;margin:6px 0 8px}.court-partner-link-grid p{margin:0 0 14px;line-height:1.58;color:#486b84}
.court-partner-link-label{display:inline-flex;font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0b679f}
.court-partner-url{margin:12px 0 16px;padding:10px 12px;border-radius:10px;background:#e7f3fa;border:1px solid #b5d9ee;color:#315d78;font-size:.84rem;font-weight:700;overflow-wrap:anywhere}
.court-partner-source-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.court-partner-copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}
.court-partner-copy-grid>article{display:flex;flex-direction:column;gap:9px;min-height:150px}.court-partner-copy-grid>article>span{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#ffd66b,#f2b93f);border:1px solid #dfa52c;color:#173b5c;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 6px 14px rgba(122,83,8,.13),inset 0 1px 0 rgba(255,255,255,.55)}
.court-partner-copy-grid strong{font-size:1.03rem;line-height:1.42}.court-partner-copy-grid small{color:#5f7890;margin-top:auto}.court-partner-final-section .county-browse-more{max-width:1180px}.court-partner-final-section .county-browse-actions{flex-wrap:wrap}
.court-partner-page .county-quick-guide-grid>article h3,.court-partner-page .county-explainer-grid>article h3{margin:12px 0 7px;color:#083d69;font-size:1.1rem}.court-partner-page .county-quick-guide-grid>article p,.court-partner-page .county-explainer-grid>article p{color:#4b6c84;line-height:1.55;margin-bottom:0}
@media (max-width:850px){.court-partner-link-grid,.court-partner-copy-grid{grid-template-columns:1fr}.court-partner-panel,.court-partner-page .county-quick-guide-panel{padding:20px}}
@media (max-width:599px){.court-partner-purpose-section,.court-partner-links-section,.court-partner-trust-section,.court-partner-suggested-section{padding-top:22px;padding-bottom:22px}.court-partner-panel,.court-partner-page .county-quick-guide-panel{padding:16px;border-radius:18px}.court-partner-link-grid>article,.court-partner-copy-grid>article{padding:18px}}

/* =========================================================
   Track 1 Court Pilot v5.3.2 — Verified-guide hero parity
   2026-10-24
   - Gives the 10 photo-source guides the same blue duotone,
     Texas watermark and left blend used by the original pilot.
   - Keeps the approved original 5 hero compositions unchanged.
   - Makes hero buttons compact beginning at 680px.
   - Template fallback prevents missing mobile hero files.
   ========================================================= */

/* Photo-source heroes: use the raw court/city photo as a separate right-side
   image layer so it can be tinted and softly dissolved into the deep navy. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source{
  isolation:isolate;
  background:#07395f;
  border-top:4px solid #2f91cf;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  left:41%;
  height:auto;
  background-image:var(--court-detail-hero-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:grayscale(1) sepia(.18) hue-rotate(166deg) saturate(1.55) brightness(.72) contrast(1.10);
  opacity:.96;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 34%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 34%,#000 100%);
  pointer-events:none;
}

/* Blue glaze + Texas silhouette. This sits above the photo but below copy. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background-image:
    url('/assets/brand/tdsd-mark-approved.png'),
    linear-gradient(90deg,
      rgba(3,35,63,1) 0%,
      rgba(4,49,84,.99) 29%,
      rgba(6,68,111,.92) 47%,
      rgba(9,85,137,.70) 64%,
      rgba(13,95,151,.42) 100%);
  background-repeat:no-repeat,no-repeat;
  background-size:270px auto,100% 100%;
  background-position:63% 24%,center;
  background-blend-mode:screen,normal;
  opacity:1;
  pointer-events:none;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner,
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-answerbar{
  position:relative;
  z-index:2;
}

/* At smaller desktop/tablet widths, preserve more of the photo while keeping
   enough left-side navy for the title and court instructions. */
@media(max-width:1180px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:34%;
    background-position:center;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-size:225px auto,100% 100%;
    background-position:66% 20%,center;
  }
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:23%;
    opacity:.88;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:
      url('/assets/brand/tdsd-mark-approved.png'),
      linear-gradient(90deg,rgba(3,34,61,.98) 0%,rgba(4,50,85,.94) 50%,rgba(7,75,121,.72) 100%);
    background-size:200px auto,100% 100%;
    background-position:73% 18%,center;
  }
}

/* Start the compact stacked-button treatment at 680px instead of allowing the
   older full-width mobile rule to occupy the 679–650px range. */
@media(max-width:680px){
  .court-detail-page .court-detail-hero .court-hero-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    max-width:290px;
  }
  .court-detail-page .court-detail-hero .court-hero-actions .btn{
    width:auto;
    min-width:230px;
    max-width:100%;
    justify-content:center;
    padding-left:20px;
    padding-right:20px;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:0;
    opacity:.76;
    background-position:center top;
    filter:grayscale(1) sepia(.16) hue-rotate(166deg) saturate(1.50) brightness(.66) contrast(1.08);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.68) 70%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.68) 70%,transparent 100%);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:
      url('/assets/brand/tdsd-mark-approved.png'),
      linear-gradient(180deg,rgba(3,31,57,.68) 0%,rgba(3,38,68,.72) 46%,rgba(3,42,73,.90) 78%,#07395f 100%);
    background-size:170px auto,100% 100%;
    background-position:78% 19%,center;
  }
}

/* 649px and below: the PHP fallback now points the mobile variable at the real
   hero when no -mobile.jpg exists. These rules keep the image visible and
   branded rather than letting a missing mobile file blank the hero. */
@media(max-width:649px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source{
    background:#07395f;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-image:var(--court-detail-hero-mobile-image);
    background-size:cover;
    background-position:center top;
  }
}

@media(max-width:475px){
  .court-detail-page .court-detail-hero .court-hero-actions{max-width:255px}
  .court-detail-page .court-detail-hero .court-hero-actions .btn{min-width:220px}
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-size:145px auto,100% 100%;
    background-position:82% 15%,center;
  }
}
@media(max-width:380px){
  .court-detail-page .court-detail-hero .court-hero-actions{max-width:245px}
  .court-detail-page .court-detail-hero .court-hero-actions .btn{min-width:210px}
}

/* =========================================================
   Track 1 Court Pilot v5.3.3 — Texas overlay refine + crop tune
   2026-10-24
   - Rebuilds the photo-source watermark as CSS layers so the Texas shape
     matches the original subtle pilot treatment more closely.
   - Removes the bright/opaque pasted-logo look and eliminates white edge
     fringing by using the approved mark only as a mask.
   - Adds a softer star accent that is visible but not fully punched out.
   - Tunes photo scaling/positioning so narrower widths keep more of the
     image composition visible.
   ========================================================= */

/* Re-tune the raw-photo hero layer. Use full-height image scaling instead of
   aggressive cover scaling so the subject is not cropped as harshly while the
   viewport narrows. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
  left:40%;
  background-size:auto 100%;
  background-position:right center;
  filter:grayscale(1) sepia(.18) hue-rotate(166deg) saturate(1.42) brightness(.72) contrast(1.08);
  opacity:.94;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 9%,rgba(0,0,0,.52) 23%,#000 36%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 9%,rgba(0,0,0,.52) 23%,#000 36%,#000 100%);
}

/* Keep only the duotone glaze on the hero itself. The Texas mark is drawn on
   the inner wrapper below, which avoids the previous white-edge artifacting. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
  background-image:linear-gradient(90deg,
    rgba(3,35,63,1) 0%,
    rgba(4,49,84,.985) 29%,
    rgba(6,68,111,.91) 47%,
    rgba(9,85,137,.68) 64%,
    rgba(13,95,151,.40) 100%);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
}

/* Create the watermark with CSS masking for clean edges and softer opacity. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner{
  isolation:isolate;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before,
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
  right:13.3%;
  top:6.2%;
  width:292px;
  height:280px;
  background:rgba(115,170,221,.14);
  -webkit-mask:url('/assets/brand/tdsd-mark-approved.png') center/contain no-repeat;
  mask:url('/assets/brand/tdsd-mark-approved.png') center/contain no-repeat;
}
/* Smaller star accent, slightly less transparent than the Texas silhouette. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
  right:20.55%;
  top:21.9%;
  width:56px;
  height:56px;
  background:rgba(211,233,252,.24);
  clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 57%,79% 91%,50% 71%,21% 91%,32% 57%,2% 35%,39% 34%);
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-copy,
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-answerbar{
  position:relative;
  z-index:1;
}

/* Focal-point tuning as screens narrow. */
@media(max-width:1180px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:35%;
    background-position:right center;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:10.4%;
    top:7.2%;
    width:248px;
    height:238px;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
    right:17.5%;
    top:21.5%;
    width:48px;
    height:48px;
    background:rgba(211,233,252,.22);
  }
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:26%;
    background-size:auto 100%;
    background-position:74% center;
    opacity:.90;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:linear-gradient(90deg,rgba(3,34,61,.985) 0%,rgba(4,50,85,.945) 50%,rgba(7,75,121,.70) 100%);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:7.5%;
    top:8.4%;
    width:216px;
    height:207px;
    background:rgba(115,170,221,.125);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
    right:13.2%;
    top:21.4%;
    width:42px;
    height:42px;
    background:rgba(211,233,252,.20);
  }
}
@media(max-width:680px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    left:0;
    background-image:var(--court-detail-hero-image);
    background-size:auto 100%;
    background-position:68% top;
    opacity:.72;
    filter:grayscale(1) sepia(.16) hue-rotate(166deg) saturate(1.42) brightness(.66) contrast(1.06);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 46%,rgba(0,0,0,.80) 64%,rgba(0,0,0,.54) 79%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 46%,rgba(0,0,0,.80) 64%,rgba(0,0,0,.54) 79%,transparent 100%);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:linear-gradient(180deg,rgba(3,31,57,.68) 0%,rgba(3,38,68,.72) 46%,rgba(3,42,73,.89) 78%,#07395f 100%);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:4.8%;
    top:15.5%;
    width:176px;
    height:169px;
    background:rgba(115,170,221,.115);
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
    right:10.6%;
    top:26.9%;
    width:34px;
    height:34px;
    background:rgba(211,233,252,.18);
  }
}
@media(max-width:649px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-image:var(--court-detail-hero-mobile-image);
    background-size:auto 100%;
    background-position:66% top;
  }
}
@media(max-width:475px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:3.8%;
    top:16.8%;
    width:152px;
    height:146px;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
    right:9.1%;
    top:27.2%;
    width:30px;
    height:30px;
  }
}
@media(max-width:380px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-position:69% top;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    width:140px;
    height:134px;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
    width:28px;
    height:28px;
  }
}

/* =========================================================
   Track 1 Court Pilot v5.3.4 — Hero Blend / Overlay Cleanup /
   Quick Answer Contrast
   2026-10-23
   ========================================================= */

/* 1) Restore a soft full-width photo blend while preserving the approved
   auto-height sizing/cropping from v5.3.3. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
  left:0 !important;
  right:0 !important;
  background-size:auto 100% !important;
  background-position:right center !important;
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,
    transparent 20%,
    rgba(0,0,0,.08) 31%,
    rgba(0,0,0,.24) 40%,
    rgba(0,0,0,.52) 50%,
    rgba(0,0,0,.78) 60%,
    #000 72%,
    #000 100%) !important;
  mask-image:linear-gradient(90deg,
    transparent 0%,
    transparent 20%,
    rgba(0,0,0,.08) 31%,
    rgba(0,0,0,.24) 40%,
    rgba(0,0,0,.52) 50%,
    rgba(0,0,0,.78) 60%,
    #000 72%,
    #000 100%) !important;
}

/* 2) Use one clean watermark asset only. This replaces the previous
   CSS-mask + separately generated star, eliminating the duplicate star and
   white-edge artifacts. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
  right:13.3% !important;
  top:6.2% !important;
  width:292px !important;
  height:280px !important;
  background:transparent url('/assets/brand/tdsd-texas-watermark-v534.png') center/contain no-repeat !important;
  -webkit-mask:none !important;
  mask:none !important;
  opacity:1 !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::after{
  display:none !important;
  content:none !important;
}

/* 3) Keep the Quick Answer panel visually above every decorative hero layer. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-answerbar{
  position:relative !important;
  z-index:10 !important;
  isolation:isolate;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  background:linear-gradient(145deg,rgba(7,48,82,.95),rgba(10,70,115,.93)) !important;
  border-color:rgba(191,219,239,.36) !important;
  box-shadow:0 18px 42px rgba(4,28,50,.24) !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-answerbar p{
  position:relative;
  z-index:2;
  color:#f3f9ff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:0 1px 2px rgba(2,24,43,.28);
}
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-answer-label{
  position:relative;
  z-index:2;
  color:#ffd36a !important;
  opacity:1 !important;
}

/* Responsive watermark placement and broader blend tuning. */
@media(max-width:1180px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-position:right center !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 14%,rgba(0,0,0,.10) 26%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.68) 54%,#000 68%,#000 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 14%,rgba(0,0,0,.10) 26%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.68) 54%,#000 68%,#000 100%) !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:10.4% !important;
    top:7.2% !important;
    width:248px !important;
    height:238px !important;
  }
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-position:74% center !important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.72) 56%,#000 72%,#000 100%) !important;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.72) 56%,#000 72%,#000 100%) !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:7.5% !important;
    top:8.4% !important;
    width:216px !important;
    height:207px !important;
  }
}
@media(max-width:680px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-position:68% top !important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 46%,rgba(0,0,0,.80) 64%,rgba(0,0,0,.54) 79%,transparent 100%) !important;
    mask-image:linear-gradient(180deg,#000 0%,#000 46%,rgba(0,0,0,.80) 64%,rgba(0,0,0,.54) 79%,transparent 100%) !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:4.8% !important;
    top:15.5% !important;
    width:176px !important;
    height:169px !important;
  }
}
@media(max-width:649px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:auto 100% !important;
    background-position:66% top !important;
  }
}
@media(max-width:475px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    right:3.8% !important;
    top:16.8% !important;
    width:152px !important;
    height:146px !important;
  }
}
@media(max-width:380px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    background-position:69% top !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    width:140px !important;
    height:134px !important;
  }
}

/* =========================================================
   Track 1 Court Pilot v5.3.5 — Desktop Seam + Exact Texas Mark
   2026-10-23
   - Uses the original TDSD Texas silhouette/star geometry.
   - Makes the watermark lighter/more transparent to match the pilot heroes.
   - Conceals the wide-desktop photo start edge with a navy-to-transparent
     blend while preserving v5.3.4 image sizing and all narrower breakpoints.
   ========================================================= */

/* Exact original Texas silhouette/star watermark. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
  background:transparent url('/assets/brand/tdsd-texas-watermark-v535.png') center/contain no-repeat !important;
  opacity:.78 !important;
}

/* Wide desktop only: add a broad navy veil over the photo's left edge.
   The second gradient keeps the established duotone tint. */
@media(min-width:1181px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:
      linear-gradient(90deg,
        #07395f 0%,
        #07395f 46%,
        rgba(7,57,95,.98) 51%,
        rgba(7,57,95,.88) 56%,
        rgba(7,57,95,.64) 62%,
        rgba(7,57,95,.34) 68%,
        rgba(7,57,95,.10) 74%,
        transparent 80%),
      linear-gradient(90deg,
        rgba(3,35,63,.18) 0%,
        rgba(5,58,96,.14) 52%,
        rgba(11,86,138,.16) 100%) !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-position:center !important;
  }
}

/* Slightly reduce watermark presence as the viewport narrows while keeping
   the exact same silhouette/star geometry. */
@media(max-width:1180px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.74 !important;
  }
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.68 !important;
  }
}
@media(max-width:680px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.62 !important;
  }
}

/* =========================================================
   Track 1 Court Pilot v5.3.6 — Desktop Hero Tint / Seam Feather /
   Watermark Edge Cleanup
   2026-10-24
   - Desktop-only correction for 1181px and wider.
   - Preserves all approved <=1180px behavior, image sizing, mobile fallback,
     button breakpoints and Quick Answer styling.
   ========================================================= */

/* Exact original TDSD Texas/star geometry, rebuilt with constant-color alpha
   so edge pixels cannot carry a white/cyan fringe. The asset itself contains
   the softer state/star opacity; no extra CSS star is drawn. */
.court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
  background:transparent url('/assets/brand/tdsd-texas-watermark-v536.png') center/contain no-repeat !important;
  opacity:.90 !important;
}

/* Wide desktop only: keep the same blue-duotone recipe used by the approved
   narrower view, then add a long navy-to-transparent feather over the photo's
   physical left edge. This removes the hard seam without changing image size. */
@media(min-width:1181px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:before{
    filter:grayscale(1) sepia(.18) hue-rotate(166deg) saturate(1.52) brightness(.70) contrast(1.09) !important;
    opacity:.94 !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--photo-source:after{
    background-image:
      linear-gradient(90deg,
        rgba(7,57,95,1) 0%,
        rgba(7,57,95,1) 46%,
        rgba(7,57,95,.97) 52%,
        rgba(7,57,95,.88) 58%,
        rgba(7,57,95,.72) 64%,
        rgba(7,57,95,.52) 70%,
        rgba(7,57,95,.31) 76%,
        rgba(7,57,95,.14) 81%,
        rgba(7,57,95,.04) 85%,
        transparent 88%),
      linear-gradient(90deg,
        rgba(3,35,63,1) 0%,
        rgba(4,49,84,.985) 29%,
        rgba(6,68,111,.91) 47%,
        rgba(9,85,137,.68) 64%,
        rgba(13,95,151,.40) 100%) !important;
    background-repeat:no-repeat,no-repeat !important;
    background-size:100% 100%,100% 100% !important;
    background-position:center,center !important;
  }
}

/* Restore the already-approved watermark presence at 1180px and below.
   These rules intentionally do not alter any photo/blend behavior there. */
@media(max-width:1180px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.86 !important;
  }
}
@media(max-width:900px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.80 !important;
  }
}
@media(max-width:680px){
  .court-detail-page .court-detail-hero.court-detail-hero--photo-source .court-detail-hero-inner::before{
    opacity:.74 !important;
  }
}


/* =========================================================
   San Antonio finished hero — narrow mobile readability fix
   2026-10-24
   Below the dedicated-mobile breakpoint the global finished-hero rule uses a
   substantially lighter overlay than the 680px rule above it. The approved
   San Antonio mobile artwork is brighter than the original pilot mobile
   masters, so this court-only override preserves the approved image while
   keeping white hero copy readable at 650px and below.
   ========================================================= */
@media(max-width:650px){
  .court-detail-page .court-detail-hero.court-detail-hero--san-antonio-finished{
    background-image:
      linear-gradient(180deg,
        rgba(3,30,55,.82) 0%,
        rgba(3,35,63,.79) 42%,
        rgba(3,42,73,.88) 72%,
        rgba(3,42,73,.97) 100%),
      var(--court-detail-hero-mobile-image);
    background-size:100% 100%,100% auto;
    background-position:center,center top;
    background-repeat:no-repeat;
    background-color:#07395f;
  }
}


/* TDSD Plano finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--plano-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--plano-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Garland finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--garland-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--garland-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--garland-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Irving finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--irving-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--irving-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--irving-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Lubbock finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Laredo finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--laredo-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--laredo-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--laredo-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD McAllen finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Frisco finished-hero direct-display correction — 2026-10-26 */
.court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--frisco-finished:before {
  background:none !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--frisco-finished:after {
  background:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* TDSD Wave 2A Grand Prairie + Prosper finished-hero direct-display correction — 2026-11-02
   These hero JPGs are already fully composed/graded. Do not apply the generic
   court-detail gradient/filter layers on top of the approved artwork. */
.court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished,
.court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#03233f !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished:before,
.court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished:after,
.court-detail-page .court-detail-hero.court-detail-hero--prosper-finished:before,
.court-detail-page .court-detail-hero.court-detail-hero--prosper-finished:after {
  background:none !important;
  content:none !important;
}
@media(max-width:650px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* TDSD Court Finder instant-match UX — 2026-10-27 */
.court-search-panel-primary{overflow:hidden}
.court-live-matches{margin-top:12px;border:1px solid #b9d8ec;border-radius:12px;background:#fff;box-shadow:0 12px 26px rgba(4,48,87,.13);overflow:hidden}
.court-live-matches[hidden]{display:none!important}
.court-live-matches-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 13px;background:#edf7fd;border-bottom:1px solid #d0e5f2;color:#0d4d7f}
.court-live-matches-head strong{font-size:13px;letter-spacing:.01em}
.court-live-matches-head span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#54809f}
.court-live-match-list{display:grid}
.court-live-match{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;padding:12px 13px;border-bottom:1px solid #e1edf5;color:#123f64;text-decoration:none;transition:background .16s ease,transform .16s ease}
.court-live-match:last-child{border-bottom:0}
.court-live-match:hover,.court-live-match:focus-visible{background:#edf8ff;transform:translateX(2px);outline:none}
.court-live-match span{min-width:0}.court-live-match strong{display:block;font-size:13px;line-height:1.28;color:#0d3b66}.court-live-match small{display:block;margin-top:3px;font-size:10px;line-height:1.35;color:#68839a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.court-live-match em{font-style:normal;font-size:9px;line-height:1;padding:6px 8px;border-radius:999px;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.035em}
.court-live-match-verified em{background:#e4f6ed;color:#167346;border:1px solid #b9e5cb}.court-live-match-directory em{background:#eef4f8;color:#526f84;border:1px solid #d4e1e9}
.court-live-match b{font-size:16px;color:#1178c5}.court-live-empty{padding:13px;color:#5f7c92;font-size:11px;line-height:1.5}
.court-finder-privacy-inline{margin:14px 0 0;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;border-left-color:#6ed0ff!important;color:#dceef8!important}
.court-finder-privacy-inline strong{color:#fff!important}.court-finder-privacy-inline>span{background:rgba(255,255,255,.13)!important;color:#8de0ff!important}
.court-quick-help-inline{margin:12px 0 0;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.court-quick-help-inline strong{color:#fff!important}.court-quick-help-inline .court-finder-step{margin:0 0 4px}.court-quick-help-inline .court-quick-help-actions button{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.75);color:#0d568f}.court-quick-help-inline .court-quick-help-actions button:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:680px){
  .court-live-match{grid-template-columns:minmax(0,1fr) 16px;gap:8px;padding:12px 11px}.court-live-match em{grid-column:1/2;grid-row:2;margin-top:2px;width:max-content}.court-live-match b{grid-column:2;grid-row:1/3;align-self:center}.court-live-match strong{font-size:13px}.court-live-match small{white-space:normal}.court-live-matches-head{padding:9px 11px}.court-finder-privacy-inline{margin-top:12px}.court-quick-help-inline{margin-top:10px}.court-quick-help-inline .court-quick-help-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.court-quick-help-inline .court-quick-help-actions{grid-template-columns:1fr}.court-live-matches-head span{display:none}}

/* ============================================================
   TDSD Verified Court Guide Gold Standard v2 — Austin pilot
   Visual parity with approved Compare Courses page — 2026-10-27
   ============================================================ */
.court-detail-page .court-body-gold-standard{--cg-navy:#0d3b66;--cg-navy-deep:#07355f;--cg-blue:#0f6daa;--cg-blue-2:#2588c7;--cg-panel:#d9ebf7;--cg-panel-2:#eef7fd;--cg-border:#79b4da;--cg-text:#123f65;--cg-muted:#60788d;--cg-white:#fff}
.court-detail-page .court-body-gold-standard .court-section{scroll-margin-top:120px}

/* Austin roadmap: same light-blue outer panel + white inner cards used on Compare Courses */
.court-detail-page .court-body-gold-standard .court-gold-overview{padding:30px 0 14px;background:#fff}
.court-detail-page .court-body-gold-standard .court-gold-overview-shell{position:relative;padding:32px;border:1px solid var(--cg-border);border-top:5px solid var(--cg-navy);border-radius:24px;background:linear-gradient(135deg,#d8ebf7 0%,#f5faff 58%,#cfe5f4 100%);box-shadow:0 18px 40px rgba(13,59,102,.10);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.court-detail-page .court-body-gold-standard .court-gold-overview-shell:before{display:none!important;content:none!important}
.court-detail-page .court-body-gold-standard .court-gold-overview-shell:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(13,59,102,.14);border-color:#5ca0cf}
.court-detail-page .court-body-gold-standard .court-gold-overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.court-detail-page .court-body-gold-standard .court-gold-overview-heading h2{margin:8px 0 10px;color:var(--cg-navy);font-size:clamp(31px,3vw,42px);line-height:1.08;letter-spacing:-.035em}
.court-detail-page .court-body-gold-standard .court-gold-overview-heading p{margin:0;color:var(--cg-muted);font-size:16px;line-height:1.7;max-width:760px}
.court-detail-page .court-body-gold-standard .court-gold-source-link{flex:0 0 auto;color:#0b659f;font-weight:900;text-decoration:none;border:1px solid #9ec8e5;background:rgba(255,255,255,.72);border-radius:12px;padding:11px 14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.court-detail-page .court-body-gold-standard .court-gold-source-link:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 22px rgba(13,59,102,.10)}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card{display:block;min-height:190px;padding:26px 24px;background:linear-gradient(145deg,#fff,#f3f9fd);border:1px solid #8fc1e1;border-top:5px solid #0d6eae;border-radius:18px;box-shadow:0 12px 28px rgba(13,59,102,.09);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover{transform:translateY(-7px);box-shadow:0 22px 40px rgba(13,59,102,.16);border-color:#4d9ed0}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0a5c98,#0c79b9);box-shadow:0 10px 22px rgba(13,91,150,.22),inset 0 1px 0 rgba(255,255,255,.24);color:#fff;font-weight:950;font-size:17px;margin-bottom:20px}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card strong{display:block;color:var(--cg-text);font-size:18px;line-height:1.3;margin:0 0 10px}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card p{margin:0;color:var(--cg-muted);font-size:14px;line-height:1.68}

/* Shared court-body panels — exact blue/white family from Compare Courses */
.court-detail-page .court-body-gold-standard .court-before-section,
.court-detail-page .court-body-gold-standard .court-eligibility-section{background:#fff}
.court-detail-page .court-body-gold-standard .court-before-card,
.court-detail-page .court-body-gold-standard .court-payment-warning,
.court-detail-page .court-body-gold-standard .court-info-panel,
.court-detail-page .court-body-gold-standard .court-deadline-panel{background:linear-gradient(145deg,#fff,#f2f8fc)!important;border:1px solid #8fc1e1!important;border-top:5px solid #0d6eae!important;border-left-width:1px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(13,59,102,.09)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
.court-detail-page .court-body-gold-standard .court-before-card:hover,
.court-detail-page .court-body-gold-standard .court-payment-warning:hover,
.court-detail-page .court-body-gold-standard .court-info-panel:hover,
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover{transform:translateY(-7px)!important;box-shadow:0 22px 40px rgba(13,59,102,.15)!important;border-color:#4d9ed0!important}
.court-detail-page .court-body-gold-standard .court-payment-warning .court-warning-icon,
.court-detail-page .court-body-gold-standard .court-deadline-panel .court-warning-icon{background:linear-gradient(145deg,#0a5c98,#0c79b9)!important;color:#fff!important;box-shadow:0 10px 22px rgba(13,91,150,.22)!important}
.court-detail-page .court-body-gold-standard .court-payment-warning .section-kicker,
.court-detail-page .court-body-gold-standard .court-deadline-panel .section-kicker{color:#0b65a2!important}

/* Process shell = light-blue outer panel; process cards = white Compare-style cards */
.court-detail-page .court-body-gold-standard #court-steps .court-section-shell{padding:32px!important;border:1px solid var(--cg-border)!important;border-top:5px solid var(--cg-navy)!important;border-radius:24px!important;background:linear-gradient(135deg,#d8ebf7 0%,#f5faff 58%,#cfe5f4 100%)!important;box-shadow:0 18px 40px rgba(13,59,102,.10)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.court-detail-page .court-body-gold-standard #court-steps .court-section-shell:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(13,59,102,.14)!important;border-color:#5ca0cf!important}
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading{margin:0 0 28px!important;padding:0!important;background:none!important;border:0!important}
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading h2{color:var(--cg-navy)!important}
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading p{color:var(--cg-muted)!important}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card{background:linear-gradient(145deg,#fff,#f3f9fd)!important;border:1px solid #8fc1e1!important;border-top:5px solid #0d6eae!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(13,59,102,.09)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:nth-child(n){border-top-color:#0d6eae!important}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover{transform:translateY(-7px)!important;box-shadow:0 22px 40px rgba(13,59,102,.16)!important;border-color:#4d9ed0!important}
.court-detail-page .court-body-gold-standard #court-steps .court-step-number{border-radius:14px!important;background:linear-gradient(145deg,#0a5c98,#0c79b9)!important;color:#fff!important;box-shadow:0 10px 22px rgba(13,91,150,.22)!important}

/* Official actions = dark Compare-style panel; inner action/tool cards stay white and lift */
.court-detail-page .court-body-gold-standard .court-actions-shell{padding:32px!important;border:1px solid #2f83bd!important;border-radius:24px!important;background:linear-gradient(145deg,#07355f 0%,#0f5d96 56%,#2c8bc5 100%)!important;box-shadow:0 22px 48px rgba(7,47,87,.22)!important;transition:transform .24s ease,box-shadow .24s ease}
.court-detail-page .court-body-gold-standard .court-actions-shell:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(7,47,87,.27)!important}
.court-detail-page .court-body-gold-standard .court-actions-shell>.court-section-heading{margin:0 0 28px!important;padding:0!important;background:none!important;border:0!important}
.court-detail-page .court-body-gold-standard .court-action-card,
.court-detail-page .court-body-gold-standard .court-tool-card{background:linear-gradient(145deg,#fff,#edf6fc)!important;border:1px solid #9ec4df!important;border-left:5px solid #1d78b7!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(0,28,55,.14)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.court-detail-page .court-body-gold-standard .court-action-card:hover,
.court-detail-page .court-body-gold-standard .court-tool-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(0,28,55,.20)!important;border-color:#6da7cf!important}
.court-detail-page .court-body-gold-standard .court-privacy-note{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.30)!important;border-left:5px solid #9edbff!important;color:#e6f2fa!important}
.court-detail-page .court-body-gold-standard .court-privacy-note strong{color:#fff!important}

/* Official contact = same dark-blue family */
.court-detail-page .court-body-gold-standard .court-contact-box{border:1px solid #2f83bd!important;border-radius:24px!important;background:linear-gradient(145deg,#07355f 0%,#0f5d96 58%,#2c8bc5 100%)!important;box-shadow:0 22px 48px rgba(7,47,87,.22)!important;transition:transform .24s ease,box-shadow .24s ease}
.court-detail-page .court-body-gold-standard .court-contact-box:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(7,47,87,.27)!important}
.court-detail-page .court-body-gold-standard .court-source-links a{background:linear-gradient(145deg,#fff,#edf6fc)!important;border:1px solid #9ec4df!important;border-left:5px solid #1d78b7!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(0,28,55,.14)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.court-detail-page .court-body-gold-standard .court-source-links a:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(0,28,55,.20)!important;border-color:#6da7cf!important}

/* Provider section: neutral panel + Compare Courses featured course presentation */
.court-detail-page .court-body-gold-standard .court-provider-grid:has(.court-provider-featured-gold){grid-template-columns:1fr!important;gap:20px}
.court-detail-page .court-body-gold-standard .court-provider-neutral{padding:32px!important;border:1px solid var(--cg-border)!important;border-top:5px solid var(--cg-navy)!important;border-radius:24px!important;background:linear-gradient(135deg,#d8ebf7 0%,#f5faff 58%,#cfe5f4 100%)!important;box-shadow:0 18px 40px rgba(13,59,102,.10)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
.court-detail-page .court-body-gold-standard .court-provider-neutral:hover{transform:translateY(-5px)!important;box-shadow:0 24px 48px rgba(13,59,102,.14)!important;border-color:#5ca0cf!important}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold{padding:34px!important;border:1px solid #1c6aa4!important;border-radius:24px!important;background:linear-gradient(145deg,#07355f 0%,#0f5d96 56%,#247eb8 100%)!important;box-shadow:0 22px 48px rgba(7,47,87,.24)!important;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold:hover{transform:translateY(-5px)!important;box-shadow:0 30px 60px rgba(7,47,87,.30)!important}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold:before{display:none!important;content:none!important}
.court-detail-page .court-body-gold-standard .court-compare-featured-heading{max-width:900px;margin-bottom:26px}
.court-detail-page .court-body-gold-standard .court-compare-featured-heading .section-kicker{color:#ffd36a!important}
.court-detail-page .court-body-gold-standard .court-compare-featured-heading h2{color:#fff!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.1;margin:9px 0 12px;letter-spacing:-.03em}
.court-detail-page .court-body-gold-standard .court-compare-featured-heading p{color:#d9e7f1!important;font-size:16px!important;line-height:1.68!important;margin:0!important}
.court-detail-page .court-body-gold-standard .court-compare-featured-product{display:grid;grid-template-columns:.88fr 1.18fr .82fr;background:#fff;color:#17324d;border-radius:20px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.20)}
.court-detail-page .court-body-gold-standard .court-compare-featured-brand{padding:30px;text-align:center;border-right:1px solid #dfebf3;display:flex;flex-direction:column;align-items:center;justify-content:center}
.court-detail-page .court-body-gold-standard .court-compare-featured-brand img{display:block;max-width:210px;max-height:92px;object-fit:contain;margin:4px auto 18px}
.court-detail-page .court-body-gold-standard .court-compare-featured-brand h3{font-size:24px;line-height:1.15;color:var(--cg-navy);margin:0 0 10px}
.court-detail-page .court-body-gold-standard .court-compare-license{font-size:11px!important;font-weight:900!important;letter-spacing:.04em;color:#58728a!important;margin:0 0 7px!important}
.court-detail-page .court-body-gold-standard .court-compare-owner{font-size:12px!important;color:#71879a!important;margin:0!important}
.court-detail-page .court-body-gold-standard .court-compare-featured-table{padding:24px 28px;align-self:center}
.court-detail-page .court-body-gold-standard .court-compare-featured-table>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #e4edf4}
.court-detail-page .court-body-gold-standard .court-compare-featured-table>div:last-child{border-bottom:0}
.court-detail-page .court-body-gold-standard .court-compare-featured-table span{color:#617a8e;font-size:13px}
.court-detail-page .court-body-gold-standard .court-compare-featured-table strong{text-align:right;color:#143d5f;font-size:13px}
.court-detail-page .court-body-gold-standard .court-compare-featured-action{display:flex;flex-direction:column;justify-content:center;padding:28px;background:#dceef9;border-left:1px solid #c4deee}
.court-detail-page .court-body-gold-standard .court-compare-action-kicker{align-self:center;display:inline-block;background:#ffc84b;color:#17324d;font-weight:950;font-size:9px;letter-spacing:.08em;border:1px solid #d99a10;border-radius:999px;padding:6px 9px;margin-bottom:13px}
.court-detail-page .court-body-gold-standard .court-compare-price-lockup{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}
.court-detail-page .court-body-gold-standard .court-compare-price-lockup>strong{font-size:48px;line-height:1;color:#1295e5;letter-spacing:-.05em}
.court-detail-page .court-body-gold-standard .court-compare-price-lockup span{display:block;color:#17324d;font-size:11px;line-height:1.3}
.court-detail-page .court-body-gold-standard .court-compare-price-lockup b,.court-detail-page .court-body-gold-standard .court-compare-price-lockup small{display:block}
.court-detail-page .court-body-gold-standard .court-compare-featured-action ul{list-style:none;padding:0;margin:0 0 16px;color:#143d5f}
.court-detail-page .court-body-gold-standard .court-compare-featured-action li{position:relative;padding-left:22px;font-size:11px;font-weight:800;line-height:1.5;margin:5px 0}
.court-detail-page .court-body-gold-standard .court-compare-featured-action li:before{content:"✓";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#e4f6ed;color:#167346;font-size:10px;font-weight:950}
.court-detail-page .court-body-gold-standard .court-compare-start-btn{width:100%;justify-content:center;background:linear-gradient(90deg,#0878c5,#18a2e8)!important;color:#fff!important;border:1px solid #0873b9!important;margin-bottom:10px;box-shadow:0 10px 22px rgba(12,114,182,.20)}
.court-detail-page .court-body-gold-standard .court-compare-start-btn:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(12,114,182,.27)}
.court-detail-page .court-body-gold-standard .court-compare-license-btn{width:100%;justify-content:center;background:linear-gradient(145deg,#fff,#eaf2f8)!important;color:#17324d!important;border:1px solid #a9bfd0!important;box-shadow:0 8px 18px rgba(13,59,102,.10)}
.court-detail-page .court-body-gold-standard .court-compare-license-btn:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(13,59,102,.16)}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold .court-featured-disclosure{margin:20px 0 0!important;padding:16px 18px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:13px;background:rgba(255,255,255,.09)!important;color:#dceaf4!important;font-size:12px!important;line-height:1.6!important}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold .court-featured-disclosure strong{color:#fff!important}

/* FAQ: same dark gradient + white accordion cards as Compare Courses */
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-shell{padding:34px!important;border:1px solid #2f83bd!important;border-radius:24px!important;background:linear-gradient(145deg,#07355f 0%,#0f5d96 56%,#6ba6cf 100%)!important;box-shadow:0 22px 48px rgba(7,47,87,.22)!important;transition:transform .24s ease,box-shadow .24s ease}
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-shell:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(7,47,87,.27)!important}
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-heading{margin:0 0 24px!important;padding:0!important;background:none!important;border:0!important}
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-heading .section-kicker{color:#cfeaff!important}
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-heading h2{color:#fff!important}
.court-detail-page .court-body-gold-standard .court-faq-list details{background:linear-gradient(145deg,#fff,#edf6fc)!important;border:1px solid #9ec4df!important;border-left:5px solid #1d78b7!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(0,28,55,.14)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.court-detail-page .court-body-gold-standard .court-faq-list details:hover{transform:translateX(7px)!important;border-color:#6da7cf!important;border-left-color:#0f6daa!important;background:#fff!important;box-shadow:0 15px 28px rgba(8,48,84,.14)!important}
.court-detail-page .court-body-gold-standard .court-faq-list details[open]{background:#fff!important;border-left-color:#073f70!important;box-shadow:0 17px 34px rgba(8,48,84,.15)!important}
.court-detail-page .court-body-gold-standard .court-faq-list summary{color:#123f65!important;font-weight:900!important}
.court-detail-page .court-body-gold-standard .court-faq-list summary span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:linear-gradient(145deg,#e6f2fb,#cfe4f4);border:1px solid #a9cce3;color:#0d659f!important;font-size:19px!important;transition:transform .25s ease,background .25s ease}
.court-detail-page .court-body-gold-standard .court-faq-list details[open] summary span{transform:rotate(45deg)!important;background:linear-gradient(145deg,#cfe7f7,#afd3eb)}
.court-detail-page .court-body-gold-standard .court-update-note{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.28)!important;border-left:5px solid #9edbff!important;color:#e3f0f8!important}
.court-detail-page .court-body-gold-standard .court-update-note strong{color:#fff!important}

/* Featured provider cards below FAQ: same dark outer panel + white cards / hover family */
.court-detail-page .court-body-gold-standard .court-featured-providers-shell{background:linear-gradient(145deg,#07355f 0%,#0f5d96 56%,#247eb8 100%)!important;border:1px solid #1c6aa4!important;border-radius:24px!important;box-shadow:0 22px 48px rgba(7,47,87,.24)!important}
.court-detail-page .court-body-gold-standard .court-featured-provider-card{background:linear-gradient(145deg,#fff,#edf6fc)!important;border:1px solid #9ec4df!important;border-top:5px solid #1d78b7!important;border-radius:17px!important;box-shadow:0 12px 28px rgba(0,28,55,.15)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
.court-detail-page .court-body-gold-standard .court-featured-provider-card:hover{transform:translateY(-7px)!important;box-shadow:0 22px 40px rgba(0,28,55,.22)!important;border-color:#5a9fce!important}

@media(max-width:980px){
  .court-detail-page .court-body-gold-standard .court-gold-overview-heading{align-items:flex-start;flex-direction:column}
  .court-detail-page .court-body-gold-standard .court-gold-roadmap-grid{grid-template-columns:1fr}
  .court-detail-page .court-body-gold-standard .court-gold-roadmap-card{min-height:0}
  .court-detail-page .court-body-gold-standard .court-compare-featured-product{grid-template-columns:1fr 1fr}
  .court-detail-page .court-body-gold-standard .court-compare-featured-action{grid-column:1/-1;border-left:0;border-top:1px solid #c4deee}
}
@media(max-width:680px){
  .court-detail-page .court-body-gold-standard .court-gold-overview{padding-top:20px}
  .court-detail-page .court-body-gold-standard .court-gold-overview-shell,
  .court-detail-page .court-body-gold-standard #court-steps .court-section-shell,
  .court-detail-page .court-body-gold-standard .court-actions-shell,
  .court-detail-page .court-body-gold-standard .court-faq-section .court-section-shell{padding:22px 16px!important;border-radius:18px!important}
  .court-detail-page .court-body-gold-standard .court-gold-overview-heading{gap:14px;margin-bottom:20px}
  .court-detail-page .court-body-gold-standard .court-gold-overview-heading h2{font-size:31px}
  .court-detail-page .court-body-gold-standard .court-gold-roadmap-card{padding:22px 18px}
  .court-detail-page .court-body-gold-standard .court-provider-neutral,
  .court-detail-page .court-body-gold-standard .court-provider-featured-gold{padding:22px 16px!important;border-radius:18px!important}
  .court-detail-page .court-body-gold-standard .court-compare-featured-product{grid-template-columns:1fr;border-radius:18px}
  .court-detail-page .court-body-gold-standard .court-compare-featured-brand{padding:27px 20px;border-right:0;border-bottom:1px solid #dfebf3}
  .court-detail-page .court-body-gold-standard .court-compare-featured-table{padding:18px 20px}
  .court-detail-page .court-body-gold-standard .court-compare-featured-action{grid-column:auto;padding:24px 20px;border-top:1px solid #c4deee}
  .court-detail-page .court-body-gold-standard .court-compare-featured-table>div{gap:12px}
  .court-detail-page .court-body-gold-standard .court-compare-featured-brand img{max-width:190px}
  .court-detail-page .court-body-gold-standard .court-faq-list details:hover{transform:none!important}
}

/* ============================================================
   TDSD Verified Court Guide Gold Standard v3 — Austin refinement
   Exact Compare Courses panel/hover family — 2026-10-27
   ============================================================ */
.court-detail-page .court-body-gold-standard{
  --court-compare-light:linear-gradient(145deg,#e7f1f9 0%,#f8fbfe 52%,#e1edf7 100%);
  --court-compare-neutral:linear-gradient(135deg,#e8f3fc 0%,#f8fbfe 45%,#dcecf8 100%);
  --court-compare-card:linear-gradient(155deg,#fff 0%,#f7fbff 68%,#edf6fd 100%);
  --court-compare-dark:linear-gradient(132deg,#082f56 0%,#0d4d82 56%,#176ba7 100%);
}

/* Roadmap: exact darker Compare-style outer blend + exact card hover family. */
.court-detail-page .court-body-gold-standard .court-gold-overview-shell{
  background:var(--court-compare-light)!important;
  border:1px solid #79b4da!important;
  border-top:5px solid #286fae!important;
  box-shadow:0 18px 42px rgba(8,48,84,.12)!important;
}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card{
  background:var(--court-compare-card)!important;
  border:1px solid #dce8f1!important;
  border-top:5px solid #2e75b6!important;
  box-shadow:0 13px 30px rgba(7,48,87,.09),inset 0 0 0 1px rgba(255,255,255,.75)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:nth-child(2){border-top-color:#4f96d0!important}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:nth-child(3){border-top-color:#164f84!important}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover{
  transform:translateY(-9px) scale(1.012)!important;
  border-color:#8ab8d7!important;
  box-shadow:0 24px 48px rgba(7,48,87,.17),inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-number{
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover .court-gold-roadmap-number{
  transform:translateY(-2px) rotate(-4deg) scale(1.08)!important;
  box-shadow:0 8px 18px rgba(17,89,145,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Before-enroll pair: no stray left stripe; exact darker Compare blend and hover. */
.court-detail-page .court-body-gold-standard .court-before-section .court-before-grid{
  background:var(--court-compare-light)!important;
  border:1px solid #79b4da!important;
  border-top:5px solid #286fae!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 18px 42px rgba(8,48,84,.12)!important;
}
.court-detail-page .court-body-gold-standard .court-before-card,
.court-detail-page .court-body-gold-standard .court-payment-warning{
  background:var(--court-compare-card)!important;
  border:1px solid #dce8f1!important;
  border-top:5px solid #2e75b6!important;
  border-left:1px solid #dce8f1!important;
  box-shadow:0 13px 30px rgba(7,48,87,.09),inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
.court-detail-page .court-body-gold-standard .court-before-card:before,
.court-detail-page .court-body-gold-standard .court-before-card:after{display:none!important;content:none!important}
.court-detail-page .court-body-gold-standard .court-before-card:hover,
.court-detail-page .court-body-gold-standard .court-payment-warning:hover{
  transform:translateY(-9px) scale(1.012)!important;
  box-shadow:0 24px 48px rgba(7,48,87,.17),inset 0 0 0 1px rgba(255,255,255,.9)!important;
  border-color:#8ab8d7!important;
}
.court-detail-page .court-body-gold-standard .court-payment-warning .court-warning-icon{
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.court-detail-page .court-body-gold-standard .court-payment-warning:hover .court-warning-icon{
  transform:translateY(-2px) rotate(-4deg) scale(1.08)!important;
  box-shadow:0 8px 18px rgba(17,89,145,.18)!important;
}

/* Process: remove legacy vertical heading decoration and use same outer blend. */
.court-detail-page .court-body-gold-standard #court-steps .court-section-shell{
  background:var(--court-compare-light)!important;
  border-top-color:#286fae!important;
  box-shadow:0 18px 42px rgba(8,48,84,.12)!important;
}
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading:before,
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading:after,
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading .section-kicker:before,
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading .section-kicker:after{display:none!important;content:none!important}
.court-detail-page .court-body-gold-standard #court-steps .court-section-heading{border-left:0!important;padding-left:0!important}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card{
  background:var(--court-compare-card)!important;
  box-shadow:0 13px 30px rgba(7,48,87,.09),inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover{
  transform:translateY(-9px) scale(1.012)!important;
  box-shadow:0 24px 48px rgba(7,48,87,.17),inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.court-detail-page .court-body-gold-standard #court-steps .court-step-number{transition:transform .28s ease,box-shadow .28s ease!important}
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover .court-step-number{
  transform:translateY(-2px) rotate(-4deg) scale(1.08)!important;
  box-shadow:0 8px 18px rgba(17,89,145,.18)!important;
}

/* Eligibility + missed requirements: darker shared outer blend and inner hover cards. */
.court-detail-page .court-body-gold-standard .court-eligibility-section .court-two-column{
  background:var(--court-compare-light)!important;
  border:1px solid #79b4da!important;
  border-top:5px solid #286fae!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 18px 42px rgba(8,48,84,.12)!important;
}
.court-detail-page .court-body-gold-standard .court-info-panel,
.court-detail-page .court-body-gold-standard .court-deadline-panel{
  background:var(--court-compare-card)!important;
  border:1px solid #dce8f1!important;
  border-top:5px solid #2e75b6!important;
  border-left:1px solid #dce8f1!important;
  box-shadow:0 13px 30px rgba(7,48,87,.09),inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
.court-detail-page .court-body-gold-standard .court-info-panel:hover,
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover{
  transform:translateY(-9px) scale(1.012)!important;
  box-shadow:0 24px 48px rgba(7,48,87,.17),inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li{
  background:linear-gradient(145deg,#fff,#f2f8fd)!important;
  border:1px solid #c9ddec!important;
  box-shadow:0 7px 18px rgba(8,48,84,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li:hover{
  transform:translateY(-6px) scale(1.008)!important;
  border-color:#8ab8d7!important;
  box-shadow:0 16px 30px rgba(8,48,84,.14)!important;
}
.court-detail-page .court-body-gold-standard .court-deadline-panel .court-warning-icon{transition:transform .28s ease,box-shadow .28s ease!important}
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover .court-warning-icon{
  transform:translateY(-2px) rotate(-4deg) scale(1.08)!important;
  box-shadow:0 8px 18px rgba(17,89,145,.18)!important;
}

/* Neutral provider search uses the same standardized light-blue blend. */
.court-detail-page .court-body-gold-standard .court-provider-neutral{
  background:var(--court-compare-neutral)!important;
  border-top-color:#286fae!important;
  box-shadow:0 18px 42px rgba(8,48,84,.12)!important;
}

/* Featured CTA: exact Compare Courses dark panel and integrated More Featured Providers. */
.court-detail-page .court-body-gold-standard .court-provider-featured-gold{
  background:var(--court-compare-dark)!important;
  border-color:#176ba7!important;
  box-shadow:0 24px 52px rgba(7,47,87,.26)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-featured-product{
  box-shadow:0 28px 64px rgba(0,20,40,.28)!important;
  transition:transform .32s ease,box-shadow .32s ease!important;
}
.court-detail-page .court-body-gold-standard .court-compare-featured-product:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 36px 74px rgba(0,20,40,.34)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-featured-action{background:linear-gradient(155deg,#f6fbff,#e5f2fb)!important}
.court-detail-page .court-body-gold-standard .court-compare-more-featured{margin-top:30px}
.court-detail-page .court-body-gold-standard .court-compare-more-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.court-detail-page .court-body-gold-standard .court-compare-more-heading h3{margin:0;color:#fff;font-size:24px}
.court-detail-page .court-body-gold-standard .court-compare-more-heading a{color:#c7e8ee;font-weight:800;text-decoration:none}
.court-detail-page .court-body-gold-standard .court-compare-more-heading a:hover{text-decoration:underline}
.court-detail-page .court-body-gold-standard .court-compare-more-featured .court-featured-provider-card{
  background:linear-gradient(160deg,#fff,#edf6fd)!important;
  border:1px solid #c3dced!important;
  box-shadow:0 12px 26px rgba(0,25,51,.13)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.court-detail-page .court-body-gold-standard .court-compare-more-featured .court-featured-provider-card:hover{
  transform:translateY(-8px) scale(1.015)!important;
  border-color:#84b6d8!important;
  box-shadow:0 24px 44px rgba(0,20,40,.24)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-more-featured .court-featured-provider-disclosure{
  margin:18px 0 0!important;padding:15px 17px!important;border-radius:13px!important;
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#dceaf4!important
}
.court-detail-page .court-body-gold-standard .court-compare-more-featured .court-featured-provider-disclosure strong{color:#fff!important}

@media(max-width:680px){
  .court-detail-page .court-body-gold-standard .court-before-section .court-before-grid,
  .court-detail-page .court-body-gold-standard .court-eligibility-section .court-two-column{padding:14px!important;border-radius:18px!important}
  .court-detail-page .court-body-gold-standard .court-compare-more-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover,
  .court-detail-page .court-body-gold-standard .court-before-card:hover,
  .court-detail-page .court-body-gold-standard .court-payment-warning:hover,
  .court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover,
  .court-detail-page .court-body-gold-standard .court-info-panel:hover,
  .court-detail-page .court-body-gold-standard .court-deadline-panel:hover,
  .court-detail-page .court-body-gold-standard .court-check-list li:hover,
  .court-detail-page .court-body-gold-standard .court-compare-more-featured .court-featured-provider-card:hover{transform:none!important}
}

/* ============================================================
   TDSD Verified Court Guide Gold Standard v4 — exact Compare
   Courses contrast + no-twist hover + FAQ lift — 2026-10-27
   ============================================================ */
.court-detail-page .court-body-gold-standard{
  --court-compare-exact-outer:linear-gradient(128deg,#8fc0e1 0%,#c8e3f4 28%,#f8fcff 64%,#bad9ed 100%);
  --court-compare-exact-card:linear-gradient(155deg,#ffffff 0%,#f8fcff 54%,#dfeef9 100%);
  --court-compare-exact-border:#4f93c2;
  --court-compare-exact-card-border:#7faed0;
}

/* Exact outer blue blend used by the approved Compare Courses feature panel. */
.court-detail-page .court-body-gold-standard .court-gold-overview-shell,
.court-detail-page .court-body-gold-standard .court-before-section .court-before-grid,
.court-detail-page .court-body-gold-standard #court-steps .court-section-shell,
.court-detail-page .court-body-gold-standard .court-eligibility-section .court-two-column,
.court-detail-page .court-body-gold-standard .court-provider-neutral{
  background:var(--court-compare-exact-outer)!important;
  border-color:var(--court-compare-exact-border)!important;
  box-shadow:0 18px 42px rgba(7,48,87,.11)!important;
}

/* Distinct white/blue inner surfaces for clear panel/card contrast. */
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card,
.court-detail-page .court-body-gold-standard .court-before-card,
.court-detail-page .court-body-gold-standard .court-payment-warning,
.court-detail-page .court-body-gold-standard #court-steps .court-process-card,
.court-detail-page .court-body-gold-standard .court-info-panel,
.court-detail-page .court-body-gold-standard .court-deadline-panel,
.court-detail-page .court-body-gold-standard .court-check-list li{
  background:var(--court-compare-exact-card)!important;
  border-color:var(--court-compare-exact-card-border)!important;
  box-shadow:0 14px 30px rgba(5,50,91,.13)!important;
}

/* Match the Compare Courses card lift, but remove every twisting/rotation effect. */
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover,
.court-detail-page .court-body-gold-standard .court-before-card:hover,
.court-detail-page .court-body-gold-standard .court-payment-warning:hover,
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover,
.court-detail-page .court-body-gold-standard .court-info-panel:hover,
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover,
.court-detail-page .court-body-gold-standard .court-check-list li:hover{
  transform:translateY(-8px) scale(1.012)!important;
  border-color:#74acd2!important;
  box-shadow:0 22px 42px rgba(7,48,87,.17)!important;
}
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover .court-gold-roadmap-number,
.court-detail-page .court-body-gold-standard .court-payment-warning:hover .court-warning-icon,
.court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover .court-step-number,
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover .court-warning-icon{
  transform:translateY(-4px) scale(1.10)!important;
  rotate:none!important;
  box-shadow:0 14px 26px rgba(5,50,91,.28)!important;
}

/* FAQ: no sideways shove. Brighten the outline and give a small vertical lift instead. */
.court-detail-page .court-body-gold-standard .court-faq-list details{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
.court-detail-page .court-body-gold-standard .court-faq-list details:hover{
  transform:translateY(-5px)!important;
  background:#fff!important;
  border-color:#59a8dc!important;
  border-left-color:#1d78b7!important;
  box-shadow:0 16px 30px rgba(8,48,84,.16),0 0 0 2px rgba(74,166,220,.13)!important;
}
.court-detail-page .court-body-gold-standard .court-faq-list details[open]{
  transform:none!important;
  border-color:#4d9ed0!important;
  border-left-color:#073f70!important;
  box-shadow:0 17px 34px rgba(8,48,84,.15),0 0 0 1px rgba(77,158,208,.12)!important;
}

@media(max-width:680px){
  .court-detail-page .court-body-gold-standard .court-gold-roadmap-card:hover,
  .court-detail-page .court-body-gold-standard .court-before-card:hover,
  .court-detail-page .court-body-gold-standard .court-payment-warning:hover,
  .court-detail-page .court-body-gold-standard #court-steps .court-process-card:hover,
  .court-detail-page .court-body-gold-standard .court-info-panel:hover,
  .court-detail-page .court-body-gold-standard .court-deadline-panel:hover,
  .court-detail-page .court-body-gold-standard .court-check-list li:hover,
  .court-detail-page .court-body-gold-standard .court-faq-list details:hover{transform:none!important}
}

/* ============================================================
   TDSD Verified Court Guide Gold Standard v5 — final hierarchy polish
   Eligibility sub-card contrast + unified body canvas — 2026-10-27
   ============================================================ */
.court-detail-page .court-body-gold-standard{
  --court-body-canvas:#f3f8fc;
}

/* One continuous body canvas: remove alternating white / blue page bands. */
.court-detail-page .court-body-gold-standard,
.court-detail-page .court-body-gold-standard > .court-section,
.court-detail-page .court-body-gold-standard > .court-section:nth-of-type(even),
.court-detail-page .court-body-gold-standard .court-gold-overview,
.court-detail-page .court-body-gold-standard .court-before-section,
.court-detail-page .court-body-gold-standard .court-eligibility-section,
.court-detail-page .court-body-gold-standard .court-actions-section,
.court-detail-page .court-body-gold-standard .court-provider-section,
.court-detail-page .court-body-gold-standard .court-faq-section{
  background:var(--court-body-canvas)!important;
}

/* Eligibility hierarchy: outer blue panel -> bright main card -> crisp white sub-cards. */
.court-detail-page .court-body-gold-standard .court-info-panel{
  background:linear-gradient(155deg,#ffffff 0%,#fbfdff 62%,#edf6fc 100%)!important;
  border-color:#78abd0!important;
  box-shadow:0 14px 32px rgba(5,50,91,.13)!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li{
  background:linear-gradient(155deg,#ffffff 0%,#ffffff 58%,#f4f9fd 100%)!important;
  border:1px solid #75abd1!important;
  box-shadow:0 8px 18px rgba(7,48,87,.09),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li:hover{
  background:#fff!important;
  transform:translateY(-5px) scale(1.006)!important;
  border-color:#3f91c8!important;
  box-shadow:0 16px 30px rgba(7,48,87,.16),0 0 0 2px rgba(69,151,204,.10)!important;
}

/* Missed-requirements stays a light information card, but with stronger definition. */
.court-detail-page .court-body-gold-standard .court-deadline-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#ffffff 0%,#f7fbfe 62%,#e5f2fb 100%)!important;
  border-color:#6ea5cd!important;
  box-shadow:0 14px 32px rgba(5,50,91,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.court-detail-page .court-body-gold-standard .court-deadline-panel:before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:linear-gradient(90deg,#07558d 0%,#1582bf 52%,#69b3dc 100%);
  pointer-events:none;
}
.court-detail-page .court-body-gold-standard .court-deadline-panel:hover{
  border-color:#3f91c8!important;
  box-shadow:0 22px 42px rgba(7,48,87,.18),0 0 0 2px rgba(69,151,204,.08)!important;
}

@media(max-width:680px){
  .court-detail-page .court-body-gold-standard .court-check-list li:hover,
  .court-detail-page .court-body-gold-standard .court-deadline-panel:hover{transform:none!important}
}

/* ============================================================
   TDSD Verified Court Guide Gold Standard v6 — hierarchy + spacing
   Eligibility contrast, single deadline edge, even body rhythm
   2026-10-27
   ============================================================ */

/* Consistent vertical rhythm between every major body panel. */
.court-detail-page .court-body-gold-standard > .court-section,
.court-detail-page .court-body-gold-standard > .court-section:nth-of-type(even),
.court-detail-page .court-body-gold-standard .court-gold-overview,
.court-detail-page .court-body-gold-standard .court-before-section,
.court-detail-page .court-body-gold-standard .court-eligibility-section,
.court-detail-page .court-body-gold-standard .court-actions-section,
.court-detail-page .court-body-gold-standard .court-contact-section,
.court-detail-page .court-body-gold-standard .court-provider-section,
.court-detail-page .court-body-gold-standard .court-faq-section{
  padding-top:18px!important;
  padding-bottom:18px!important;
  background:var(--court-body-canvas)!important;
}

/* Eligibility hierarchy: blue outer panel -> soft-blue main card -> white rows. */
.court-detail-page .court-body-gold-standard .court-info-panel{
  background:linear-gradient(145deg,#e6f3fb 0%,#dceefa 54%,#d2e8f6 100%)!important;
  border-color:#6fa6ce!important;
  box-shadow:0 15px 32px rgba(5,50,91,.14)!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li{
  background:linear-gradient(155deg,#ffffff 0%,#ffffff 70%,#f5faff 100%)!important;
  border:1px solid #6fa9d2!important;
  box-shadow:0 7px 16px rgba(7,48,87,.10)!important;
}
.court-detail-page .court-body-gold-standard .court-check-list li:hover{
  background:#fff!important;
  transform:translateY(-5px) scale(1.006)!important;
  border-color:#2f8bc5!important;
  box-shadow:0 16px 30px rgba(7,48,87,.17),0 0 0 2px rgba(69,151,204,.10)!important;
}

/* Deadline card: one clean edge only; no duplicate top stripe. */
.court-detail-page .court-body-gold-standard .court-deadline-panel{
  border-top-width:1px!important;
  border-top-color:#6ea5cd!important;
}
.court-detail-page .court-body-gold-standard .court-deadline-panel:before{
  content:none!important;
  display:none!important;
}

@media(max-width:680px){
  .court-detail-page .court-body-gold-standard > .court-section,
  .court-detail-page .court-body-gold-standard > .court-section:nth-of-type(even),
  .court-detail-page .court-body-gold-standard .court-gold-overview,
  .court-detail-page .court-body-gold-standard .court-before-section,
  .court-detail-page .court-body-gold-standard .court-eligibility-section,
  .court-detail-page .court-body-gold-standard .court-actions-section,
  .court-detail-page .court-body-gold-standard .court-contact-section,
  .court-detail-page .court-body-gold-standard .court-provider-section,
  .court-detail-page .court-body-gold-standard .court-faq-section{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .court-detail-page .court-body-gold-standard .court-check-list li:hover{transform:none!important}
}


/* =========================================================
   Austin Gold Standard v7 — Official Actions inner-card contrast
   Preserve approved v6 outer panels; improve action-card hierarchy only.
   ========================================================= */
.court-page .court-actions-panel .tool-card,
.court-page .court-actions-panel .official-link-card,
.court-page .court-actions-panel .planning-tool-card,
.court-page .official-actions-panel .tool-card,
.court-page .official-actions-panel .official-link-card,
.court-page .official-actions-panel .planning-tool-card {
  background: linear-gradient(135deg, #f7fbff 0%, #eaf5fc 55%, #dfeef9 100%) !important;
  border-color: #56a4d6 !important;
  box-shadow: 0 5px 14px rgba(15, 82, 133, 0.10) !important;
}

.court-page .court-actions-panel .tool-card:hover,
.court-page .court-actions-panel .official-link-card:hover,
.court-page .court-actions-panel .planning-tool-card:hover,
.court-page .official-actions-panel .tool-card:hover,
.court-page .official-actions-panel .official-link-card:hover,
.court-page .official-actions-panel .planning-tool-card:hover {
  transform: translateY(-3px) scale(1.01) !important;
  border-color: #2189c9 !important;
  box-shadow: 0 10px 22px rgba(15, 82, 133, 0.18) !important;
}


/* =========================================================
   Austin Gold Standard v7.1 — Corrected Official Actions card contrast
   Targets the actual live court-detail selectors.
   ========================================================= */
.court-detail-page .court-action-card,
.court-detail-page .court-tool-card {
  background: linear-gradient(155deg, #f5fbff 0%, #e8f4fc 58%, #d7eaf7 100%) !important;
  border-color: #55a3d4 !important;
  box-shadow: 0 7px 18px rgba(8, 59, 102, 0.10) !important;
}

.court-detail-page .court-action-card {
  border-left-color: #147dc2 !important;
}

.court-detail-page .court-action-card:hover,
.court-detail-page .court-tool-card:hover {
  transform: translateY(-4px) scale(1.01) !important;
  border-color: #2189c9 !important;
  box-shadow: 0 15px 28px rgba(8, 59, 102, 0.18) !important;
}


/* =========================================================
   Austin Gold Standard v7.2 — Stronger Official Actions hierarchy
   Clearly separates white column panels from blue-tinted action cards.
   ========================================================= */
.court-detail-page .court-official-actions,
.court-detail-page .court-next-tools{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;
}

.court-detail-page .court-action-card,
.court-detail-page .court-tool-card{
  background:linear-gradient(145deg,#e4f2fb 0%,#d5eaf8 55%,#c6e1f3 100%)!important;
  border-color:#3e97cb!important;
  box-shadow:0 8px 18px rgba(8,59,102,.12)!important;
}

.court-detail-page .court-action-card{
  border-left-color:#0f78bd!important;
}

.court-detail-page .court-action-card:hover,
.court-detail-page .court-tool-card:hover{
  background:linear-gradient(145deg,#edf7fd 0%,#dceffa 52%,#cae5f5 100%)!important;
  transform:translateY(-4px) scale(1.01)!important;
  border-color:#0f7fc3!important;
  box-shadow:0 15px 28px rgba(8,59,102,.19)!important;
}


/* =========================================================
   Austin Gold Standard v7.3 — Specificity fix for Official Actions
   Must match/beat the existing .court-body-gold-standard selector.
   ========================================================= */
.court-detail-page .court-body-gold-standard .court-official-actions,
.court-detail-page .court-body-gold-standard .court-next-tools{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%)!important;
}

.court-detail-page .court-body-gold-standard .court-action-card,
.court-detail-page .court-body-gold-standard .court-tool-card{
  background:linear-gradient(145deg,#dceefa 0%,#c9e4f5 54%,#b8d9ee 100%)!important;
  border:1px solid #3f96ca!important;
  border-left:5px solid #0f78bd!important;
  box-shadow:0 9px 20px rgba(8,59,102,.14)!important;
}

.court-detail-page .court-body-gold-standard .court-action-card:hover,
.court-detail-page .court-body-gold-standard .court-tool-card:hover{
  background:linear-gradient(145deg,#e9f6fd 0%,#d6ebf8 52%,#c3e1f2 100%)!important;
  transform:translateY(-4px) scale(1.01)!important;
  border-color:#0f7fc3!important;
  box-shadow:0 16px 30px rgba(8,59,102,.20)!important;
}


/* =========================================================
   Austin Gold Standard v8 — CTA exact Compare Courses parity
   Uses the same dimensions, spacing, colors and interactions
   as /compare-texas-defensive-driving-courses/.
   ========================================================= */
.court-detail-page .court-body-gold-standard .court-provider-section .court-provider-grid{
  display:block!important;
}
.court-detail-page .court-body-gold-standard .court-provider-neutral{
  margin-bottom:24px!important;
}
.court-detail-page .court-body-gold-standard .court-provider-featured-gold.court-compare-exact{
  background:linear-gradient(135deg,#0d3b66 0%,#0f5f98 58%,#2b8bc2 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:22px!important;
  padding:30px!important;
  box-shadow:0 22px 50px rgba(13,59,102,.18)!important;
  overflow:hidden!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading{
  max-width:920px!important;
  margin:0 0 34px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading h2{
  font-size:clamp(32px,4vw,48px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  color:#fff!important;
  margin:10px 0 14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading p{
  font-size:18px!important;
  line-height:1.7!important;
  color:#d5e5f1!important;
  margin:0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .section-kicker{
  color:#ffd04e!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
  display:grid!important;
  grid-template-columns:.9fr 1.25fr .72fr!important;
  background:#fff!important;
  color:#17324d!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 22px 50px rgba(0,0,0,.18)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
  padding:30px!important;
  border-right:1px solid #dfebf3!important;
  display:block!important;
  text-align:left!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand img{
  display:block!important;
  max-width:190px!important;
  max-height:82px!important;
  object-fit:contain!important;
  margin:0 0 18px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-label{
  display:inline-block!important;
  background:#f0b53a!important;
  color:#183247!important;
  font-weight:900!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  margin-bottom:14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand h3{
  font-size:26px!important;
  line-height:1.12!important;
  color:#0d3b66!important;
  margin:0 0 10px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  color:#58728a!important;
  margin:0 0 8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-owner{
  font-size:13px!important;
  color:#71879a!important;
  margin:0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
  padding:24px 28px!important;
  align-self:center!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  padding:12px 0!important;
  border-bottom:1px solid #e4edf4!important;
  background:none!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div:last-child{
  border-bottom:0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table span{
  color:#617a8e!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
  text-align:right!important;
  color:#143d5f!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:30px!important;
  background:#f1f8fb!important;
  border-left:1px solid #dfebf3!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-action-kicker{
  align-self:flex-start!important;
  background:#f0b53a!important;
  color:#183247!important;
  font-weight:900!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  margin-bottom:14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
  font-size:19px!important;
  line-height:1.2!important;
  color:#0d3b66!important;
  margin:0 0 12px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup>strong{
  font-size:42px!important;
  line-height:1!important;
  color:#0d94df!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup span{
  display:flex!important;
  flex-direction:column!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup b{
  font-size:12px!important;
  color:#17324d!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup small{
  font-size:10px!important;
  color:#60788d!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action ul{
  list-style:none!important;
  padding:0!important;
  margin:0 0 18px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action li{
  position:relative!important;
  padding-left:19px!important;
  margin:7px 0!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#29475f!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action li:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#2f9d57!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-start-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  background:#1396dd!important;
  color:#fff!important;
  border:1px solid #0b84c6!important;
  border-radius:8px!important;
  font-weight:900!important;
  margin:0 0 10px!important;
  box-shadow:0 8px 18px rgba(13,148,223,.2)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  background:linear-gradient(180deg,#fff,#eef3f6)!important;
  color:#143d5f!important;
  border:1px solid #afc2d0!important;
  border-radius:8px!important;
  font-weight:800!important;
  box-shadow:0 7px 16px rgba(13,59,102,.1)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn-icon,
.court-detail-page .court-body-gold-standard .court-compare-exact .court-mini-license-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  color:#4f7893!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn-icon svg,
.court-detail-page .court-body-gold-standard .court-compare-exact .court-mini-license-icon svg{
  width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-featured{
  margin-top:42px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:16px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading h3{
  font-size:24px!important;
  margin:0!important;
  color:#fff!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading a{
  color:#c7e8ee!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:15px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
  background:#fff!important;
  border:0!important;
  border-radius:16px!important;
  padding:22px!important;
  color:#17324d!important;
  box-shadow:none!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
  position:relative!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
  max-width:160px!important;
  max-height:56px!important;
  object-fit:contain!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
  position:absolute!important;
  left:0!important;
  top:-8px!important;
  background:#f0b53a!important;
  color:#183247!important;
  font-weight:900!important;
  font-size:9px!important;
  letter-spacing:.07em!important;
  border-radius:999px!important;
  padding:5px 8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-label{
  display:block!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#0d78b8!important;
  margin:6px 0 4px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card h3{
  font-size:17px!important;
  line-height:1.25!important;
  color:#0d3b66!important;
  margin:9px 0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card p{
  font-size:12px!important;
  color:#6b8194!important;
  margin:0 0 16px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions .btn{
  flex:1 1 0!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:7px!important;
  font-size:11px!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-card-primary{
  background:#0f8fd2!important;
  color:#fff!important;
  border:1px solid #0a7abb!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-card-secondary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  background:linear-gradient(180deg,#fff,#eef3f6)!important;
  color:#143d5f!important;
  border:1px solid #afc2d0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-disclosure,
.court-detail-page .court-body-gold-standard .court-compare-exact>.court-featured-disclosure{
  display:none!important;
}

@media (max-width:900px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    grid-template-columns:1fr!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    border-right:0!important;
    border-bottom:1px solid #dfebf3!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    border-left:0!important;
    border-top:1px solid #dfebf3!important;
  }
}
@media (max-width:700px){
  .court-detail-page .court-body-gold-standard .court-provider-featured-gold.court-compare-exact{
    padding:18px!important;
    border-radius:18px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading{
    margin-bottom:22px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading h2{
    font-size:30px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading p{
    font-size:16px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    grid-template-columns:1fr!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions{
    flex-direction:column!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.1 — CTA parity polish
   Match Compare Courses typography, alignment, pill styling,
   and provider-card proportions more closely.
   ========================================================= */

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading{
  max-width:760px!important;
  margin:0 0 30px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading h2{
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  max-width:760px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-heading p{
  font-size:16px!important;
  line-height:1.55!important;
  max-width:760px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .section-kicker{
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
  grid-template-columns:1fr 1.22fr .78fr!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:390px!important;
  padding:34px 28px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand img{
  margin:12px auto 18px!important;
  max-width:210px!important;
  max-height:92px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-label{
  background:linear-gradient(180deg,#ffd76a 0%,#f2b73f 100%)!important;
  color:#17324d!important;
  border:1px solid #d99c25!important;
  box-shadow:0 6px 14px rgba(157,105,14,.16)!important;
  font-size:10px!important;
  padding:6px 11px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand h3{
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:900!important;
  max-width:300px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license{
  max-width:300px!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-owner{
  font-size:12px!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
  padding:28px 24px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
  padding:10px 12px!important;
  margin:0!important;
  border-bottom:0!important;
  border-radius:8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div:nth-child(odd){
  background:#f2f7fb!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div:nth-child(even){
  background:#fff!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table span,
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
  font-size:13px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
  font-weight:900!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
  align-items:stretch!important;
  text-align:left!important;
  padding:28px 26px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-action-kicker{
  align-self:center!important;
  background:linear-gradient(180deg,#ffd76a 0%,#f2b73f 100%)!important;
  border:1px solid #d99c25!important;
  box-shadow:0 6px 14px rgba(157,105,14,.14)!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
  text-align:center!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup{
  justify-content:center!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup>strong{
  font-size:46px!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup b{
  font-weight:900!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-featured{
  margin-top:34px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading{
  margin-bottom:12px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading h3{
  font-size:22px!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading a{
  font-size:12px!important;
  font-weight:900!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
  gap:12px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
  padding:18px!important;
  min-height:245px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
  min-height:64px!important;
  margin-bottom:8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
  max-width:150px!important;
  max-height:50px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
  background:linear-gradient(180deg,#ffd76a 0%,#f2b73f 100%)!important;
  color:#17324d!important;
  border:1px solid #d99c25!important;
  box-shadow:0 5px 12px rgba(157,105,14,.12)!important;
  font-size:8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-label{
  font-size:9px!important;
  font-weight:900!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card h3{
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:900!important;
  min-height:38px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card p{
  font-size:11px!important;
  margin-bottom:12px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions{
  margin-top:auto!important;
}

@media (max-width:900px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    min-height:auto!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.2 — CTA internal scale parity
   Fix provider pill/logo overlap and match Compare Courses sizing.
   ========================================================= */

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand img{
  max-width:230px!important;
  max-height:100px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-label{
  font-size:11px!important;
  padding:7px 13px!important;
  margin-bottom:16px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand h3{
  font-size:27px!important;
  line-height:1.08!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license{
  font-size:12px!important;
  line-height:1.4!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-owner{
  font-size:13px!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
  padding:20px!important;
  min-height:265px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
  position:relative!important;
  display:block!important;
  min-height:92px!important;
  margin-bottom:12px!important;
  padding-top:28px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
  top:0!important;
  left:0!important;
  font-size:9px!important;
  padding:6px 9px!important;
  z-index:2!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
  display:block!important;
  max-width:180px!important;
  max-height:64px!important;
  margin:0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-label{
  font-size:10px!important;
  margin:8px 0 4px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card h3{
  font-size:18px!important;
  line-height:1.2!important;
  min-height:auto!important;
  margin:8px 0 10px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card p{
  font-size:12px!important;
  margin-bottom:14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions{
  gap:8px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-actions .btn{
  min-height:38px!important;
  padding:9px 11px!important;
  font-size:11px!important;
}

@media (max-width:700px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
    min-height:100px!important;
    padding-top:30px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
    max-width:190px!important;
    max-height:68px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card h3{
    font-size:19px!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.3 — CTA typography scale parity
   Increase center table + right action panel to Compare page sizing.
   ========================================================= */

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
  padding:13px 14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table span{
  font-size:15px!important;
  line-height:1.35!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-action-kicker{
  font-size:11px!important;
  padding:7px 11px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:900!important;
  margin-bottom:14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup>strong{
  font-size:54px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup b{
  font-size:13px!important;
  line-height:1.2!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup small{
  font-size:11px!important;
  line-height:1.25!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action li{
  font-size:13px!important;
  line-height:1.3!important;
  margin:8px 0!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-start-btn{
  min-height:50px!important;
  font-size:14px!important;
}
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn{
  min-height:46px!important;
  font-size:13px!important;
}

@media (max-width:700px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table span,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    font-size:14px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
    font-size:21px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup>strong{
    font-size:50px!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.4 — CTA breakpoint parity
   Mirrors Compare Courses component breakpoints:
   >1000px = 3 columns
   721–1000px = brand + comparison table, action panel full-width below
   <=720px = single-column stack
   ========================================================= */

/* Slight gray separation for the left CP1237 brand panel. */
.court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
  background:linear-gradient(180deg,#fbfcfd 0%,#f4f7f9 100%)!important;
}

/* Desktop: preserve the Compare Courses 3-column proportions. */
@media (min-width:1001px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    grid-template-columns:.9fr 1.25fr .72fr!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:auto!important;
  }
}

/* Compare Courses tablet breakpoint. */
@media (min-width:721px) and (max-width:1000px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    grid-template-columns:1fr 1fr!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    min-height:0!important;
    border-right:1px solid #dfebf3!important;
    border-bottom:0!important;
    padding:30px 26px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
    padding:24px 26px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    text-align:right!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid #d7e7ef!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr)!important;
    column-gap:28px!important;
    row-gap:12px!important;
    align-items:center!important;
    padding:28px 34px!important;
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-action-kicker{
    grid-column:1/-1!important;
    justify-self:center!important;
    align-self:auto!important;
    margin-bottom:2px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
    grid-column:1/-1!important;
    text-align:center!important;
    margin:0 0 4px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup{
    grid-column:1!important;
    justify-content:center!important;
    margin:0!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action ul{
    grid-column:2!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px 16px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-start-btn{
    grid-column:1!important;
    margin:0!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn{
    grid-column:2!important;
  }
}

/* Compare Courses mobile breakpoint. */
@media (max-width:720px){
  .court-detail-page .court-body-gold-standard .court-provider-featured-gold.court-compare-exact{
    padding:16px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    grid-column:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:28px 20px!important;
    border-right:0!important;
    border-bottom:1px solid #dfebf3!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand img{
    max-width:210px!important;
    width:min(210px,90%)!important;
    height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
    grid-column:auto!important;
    width:auto!important;
    min-width:0!important;
    padding:22px 18px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:12px 11px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:auto!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    padding:26px 18px!important;
    border-left:0!important;
    border-top:1px solid #d7e7ef!important;
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-action-kicker{
    align-self:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action h3{
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-price-lockup{
    justify-content:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action ul{
    display:block!important;
    width:100%!important;
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-start-btn,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-license-btn{
    width:100%!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-featured{
    margin-top:30px!important;
  }
}

@media (max-width:460px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    padding:24px 14px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
    padding:18px 12px!important;
  }
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    padding:24px 14px!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.5 — CTA exact responsive parity
   Resolves the 720px boundary and aligns More Featured Providers
   wrapping to the Compare Courses responsive behavior.
   ========================================================= */

/* 720px belongs to the mobile/single-column state. */
@media (max-width:720px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    grid-template-columns:1fr!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    border-right:0!important;
    border-bottom:1px solid #dfebf3!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
    grid-template-columns:1fr!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    display:flex!important;
    flex-direction:column!important;
    border-left:0!important;
    border-top:1px solid #d7e7ef!important;
  }
}

/* 721–1000px = Compare Courses tablet state. */
@media (min-width:721px) and (max-width:1000px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    grid-template-columns:1fr 1fr!important;
  }
}

/* More Featured Providers: match Compare Courses responsive wrapping. */
@media (min-width:1001px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:721px) and (max-width:1000px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child{
    grid-column:1/-1!important;
  }
}

@media (max-width:720px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child{
    grid-column:auto!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-more-heading{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.6 — More Featured Providers alignment
   Match Compare Courses card alignment at mobile/tablet widths.
   ========================================================= */

/* Mobile: center pill, logo, label, title and license line. */
@media (max-width:720px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
    text-align:center!important;
    align-items:stretch!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding-top:0!important;
    margin-bottom:12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
    position:static!important;
    display:inline-block!important;
    align-self:center!important;
    margin:0 0 12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
    margin:0 auto!important;
    max-width:190px!important;
    max-height:72px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-label,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card h3,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card p{
    text-align:center!important;
  }
}

/* Tablet: 2 + 1 layout; center the full-width third card like Compare Courses. */
@media (min-width:721px) and (max-width:1000px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child{
    text-align:center!important;
    align-items:stretch!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child .court-featured-provider-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding-top:0!important;
    margin-bottom:12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child .court-featured-provider-status{
    position:static!important;
    display:inline-block!important;
    align-self:center!important;
    margin:0 0 12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child .court-featured-provider-top img{
    margin:0 auto!important;
    max-width:190px!important;
    max-height:72px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child .court-featured-provider-label,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child h3,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child p{
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card:last-child .court-featured-provider-actions{
    max-width:560px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.7 — exact 720px boundary fix
   719px and 721px are already approved; force 720px to use
   the clean single-column state and centered provider cards.
   ========================================================= */
@media (min-width:720px) and (max-width:720px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    border-right:0!important;
    border-bottom:1px solid #dfebf3!important;
    padding:28px 20px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
    padding:22px 18px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    display:flex!important;
    flex-direction:column!important;
    padding:26px 18px!important;
    border-left:0!important;
    border-top:1px solid #d7e7ef!important;
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding-top:0!important;
    margin-bottom:12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
    position:static!important;
    align-self:center!important;
    margin:0 0 12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
    margin:0 auto!important;
    max-width:190px!important;
    max-height:72px!important;
  }
}


/* =========================================================
   Austin Gold Standard v8.8 — fractional 720px viewport fix
   Chrome responsive mode can report 720px while the effective
   CSS viewport is fractionally above 720. Use 720.98px so the
   displayed 720px state receives the approved mobile layout
   without affecting the approved 721px state.
   ========================================================= */
@media (max-width:720.98px){
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-product{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table,
  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-brand{
    border-right:0!important;
    border-bottom:1px solid #dfebf3!important;
    padding:28px 20px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table{
    padding:22px 18px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    width:100%!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-table strong{
    text-align:left!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-compare-featured-action{
    display:flex!important;
    flex-direction:column!important;
    padding:26px 18px!important;
    border-left:0!important;
    border-top:1px solid #d7e7ef!important;
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-card{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding-top:0!important;
    margin-bottom:12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-status{
    position:static!important;
    display:inline-block!important;
    align-self:center!important;
    margin:0 0 12px!important;
  }

  .court-detail-page .court-body-gold-standard .court-compare-exact .court-featured-provider-top img{
    display:block!important;
    margin:0 auto!important;
    max-width:190px!important;
    max-height:72px!important;
  }
}


/* =========================================================
   Austin Gold Standard v9 — smooth hover + full-page scroll reveal
   ========================================================= */

/* Slow the approved hover effects so they feel smoother and less snappy. */
.court-detail-page .court-body-gold-standard .court-gold-roadmap-card,
.court-detail-page .court-body-gold-standard .court-before-card,
.court-detail-page .court-body-gold-standard .court-payment-warning,
.court-detail-page .court-body-gold-standard #court-steps .court-process-card,
.court-detail-page .court-body-gold-standard .court-info-panel,
.court-detail-page .court-body-gold-standard .court-deadline-panel,
.court-detail-page .court-body-gold-standard .court-check-list li,
.court-detail-page .court-body-gold-standard .court-action-card,
.court-detail-page .court-body-gold-standard .court-tool-card,
.court-detail-page .court-body-gold-standard .court-source-links a,
.court-detail-page .court-body-gold-standard .court-featured-provider-card,
.court-detail-page .court-body-gold-standard .court-faq-list details,
.court-detail-page .court-body-gold-standard .court-compare-start-btn,
.court-detail-page .court-body-gold-standard .court-compare-license-btn,
.court-detail-page .court-body-gold-standard .court-featured-provider-actions .btn {
  transition-duration:.40s!important;
  transition-timing-function:cubic-bezier(.22,.68,.25,1)!important;
}

.court-detail-page .court-body-gold-standard .court-gold-roadmap-number,
.court-detail-page .court-body-gold-standard .court-warning-icon,
.court-detail-page .court-body-gold-standard .court-step-number,
.court-detail-page .court-body-gold-standard .court-tool-icon {
  transition-duration:.38s!important;
  transition-timing-function:cubic-bezier(.22,.68,.25,1)!important;
}

/* Scroll reveal is JS opt-in so content remains visible if JS is unavailable. */
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal,
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner {
  opacity:0;
  transform:translateY(24px) scale(.992);
  will-change:opacity,transform;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal {
  transition:
    opacity .84s cubic-bezier(.2,.72,.22,1),
    transform .84s cubic-bezier(.2,.72,.22,1);
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner {
  transition:
    opacity .74s cubic-bezier(.2,.72,.22,1),
    transform .74s cubic-bezier(.2,.72,.22,1);
  transition-delay:var(--court-reveal-delay,0ms);
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible {
  opacity:1;
  transform:none;
}

/* Keep reveal motion subtle on smaller screens. */
@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
    transform:translateY(18px) scale(.995);
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal.is-visible,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
    transform:none;
  }
}

/* Accessibility: no reveal or hover movement when reduced motion is requested. */
@media (prefers-reduced-motion:reduce){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .court-detail-page .court-body-gold-standard .court-gold-roadmap-card,
  .court-detail-page .court-body-gold-standard .court-before-card,
  .court-detail-page .court-body-gold-standard .court-payment-warning,
  .court-detail-page .court-body-gold-standard #court-steps .court-process-card,
  .court-detail-page .court-body-gold-standard .court-info-panel,
  .court-detail-page .court-body-gold-standard .court-deadline-panel,
  .court-detail-page .court-body-gold-standard .court-check-list li,
  .court-detail-page .court-body-gold-standard .court-action-card,
  .court-detail-page .court-body-gold-standard .court-tool-card,
  .court-detail-page .court-body-gold-standard .court-source-links a,
  .court-detail-page .court-body-gold-standard .court-featured-provider-card,
  .court-detail-page .court-body-gold-standard .court-faq-list details{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.1 — slow upward scroll reveal
   Keeps v9 hover timing unchanged.
   ========================================================= */

/* Major sections: begin noticeably lower and rise into place slowly. */
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal{
  opacity:0!important;
  transform:translateY(72px)!important;
  will-change:opacity,transform;
  transition:
    opacity 1.18s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    transform 1.26s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms)!important;
}

/* Individual cards/items: slightly smaller rise, staggered left-to-right. */
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
  opacity:0!important;
  transform:translateY(54px)!important;
  will-change:opacity,transform;
  transition:
    opacity 1.05s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    transform 1.15s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms)!important;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* Slightly gentler travel on phones while retaining the same slow timing. */
@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal{
    transform:translateY(58px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
    transform:translateY(46px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal.is-visible,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
    transform:translateY(0)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.2 — full-panel + child stagger reveal
   ========================================================= */
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel{
  opacity:0!important;
  transform:translateY(76px)!important;
  transition:
    opacity 1.18s cubic-bezier(.16,.72,.22,1) 0ms,
    transform 1.28s cubic-bezier(.16,.72,.22,1) 0ms!important;
  will-change:opacity,transform;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
  transition-delay:var(--court-reveal-delay,180ms)!important;
}

@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel{
    transform:translateY(60px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel.is-visible{
    transform:translateY(0)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.3 — precise slower stagger reveal
   Keeps hover effects unchanged.
   ========================================================= */

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel{
  opacity:0!important;
  transform:translateY(78px)!important;
  transition:
    opacity 1.28s cubic-bezier(.16,.72,.22,1) 0ms,
    transform 1.38s cubic-bezier(.16,.72,.22,1) 0ms!important;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
  opacity:0!important;
  transform:translateY(56px)!important;
  transition:
    opacity 1.18s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    transform 1.28s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms)!important;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel{
    transform:translateY(62px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner{
    transform:translateY(48px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel.is-visible,
  .court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
    transform:translateY(0)!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.4 — restore hover after scroll reveal
   Reveal owns transform only before/while entering.
   Once visible, approved hover transforms are allowed to win.
   ========================================================= */

/* Visible reveal elements return transform control to their normal hover rules. */
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-panel.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-reveal-inner.is-visible{
  transform:none!important;
}

/* Re-enable approved hover lift on revealed cards/panels. */
.court-gold-reveal-enabled .court-body-gold-standard .court-gold-roadmap-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-before-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-payment-warning.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-deadline-panel.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-action-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-tool-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-provider-neutral.court-reveal-panel.is-visible:hover{
  transform:translateY(-4px) scale(1.01)!important;
}

/* Official actions inner boxes use the same restrained hover shadow/border. */
.court-gold-reveal-enabled .court-body-gold-standard .court-action-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-tool-card.court-reveal-inner.is-visible:hover{
  border-color:#0f7fc3!important;
  box-shadow:0 15px 28px rgba(8,59,102,.19)!important;
}

/* Roadmap / before-enroll / deadline retain their existing hover shadows. */
.court-gold-reveal-enabled .court-body-gold-standard .court-gold-roadmap-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-before-card.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-payment-warning.court-reveal-inner.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-deadline-panel.court-reveal-inner.is-visible:hover{
  box-shadow:0 16px 30px rgba(8,59,102,.18)!important;
}

/* Keep hover transitions smooth after reveal completes. */
.court-gold-reveal-enabled .court-body-gold-standard .court-gold-roadmap-card.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-before-card.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-payment-warning.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-deadline-panel.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-action-card.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-tool-card.court-reveal-inner.is-visible,
.court-gold-reveal-enabled .court-body-gold-standard .court-provider-neutral.court-reveal-panel.is-visible{
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}


/* =========================================================
   Austin Gold Standard v9.6 — parent-triggered card stagger
   The three problem groups wait until their outer panel is visible,
   then reveal cards one-by-one. Hover behavior remains unchanged.
   ========================================================= */

.court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item{
  opacity:0!important;
  transform:translateY(56px)!important;
}

.court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
  transition:
    opacity 1.18s cubic-bezier(.16,.72,.22,1),
    transform 1.28s cubic-bezier(.16,.72,.22,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}

/* Restore hover transform after the sequence item has fully revealed. */
.court-gold-reveal-enabled .court-body-gold-standard .court-gold-roadmap-card.court-sequence-item.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-before-card.court-sequence-item.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-payment-warning.court-sequence-item.is-visible:hover,
.court-gold-reveal-enabled .court-body-gold-standard .court-process-card.court-sequence-item.is-visible:hover{
  transform:translateY(-4px) scale(1.01)!important;
}

@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item{
    transform:translateY(48px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item.is-visible{
    transform:translateY(0)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.7 — mobile sequence reliability +
   slower More Featured Providers reveal
   ========================================================= */

/* Keep sequence cards visible once started, including narrow layouts. */
.court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* Give More Featured Providers a deliberately slower reveal cadence. */
.court-gold-reveal-enabled .court-body-gold-standard .court-featured-provider-card.court-reveal-inner{
  transition:
    opacity 1.30s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    transform 1.38s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}

@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item{
    opacity:0!important;
    transform:translateY(46px)!important;
  }
  .court-gold-reveal-enabled .court-body-gold-standard .court-sequence-item.is-visible{
    opacity:1!important;
    transform:translateY(0)!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.8
   - restore moderate More Featured Providers timing + hover
   - make narrow-screen child cards reveal directly
   ========================================================= */

/* Provider cards: comfortable reveal, not 4–5 seconds total. */
.court-gold-reveal-enabled .court-body-gold-standard .court-featured-provider-card.court-reveal-inner{
  transition:
    opacity 1.08s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    transform 1.16s cubic-bezier(.16,.72,.22,1) var(--court-reveal-delay,0ms),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}

/* Restore provider-card hover after reveal. */
.court-gold-reveal-enabled .court-body-gold-standard .court-featured-provider-card.court-reveal-inner.is-visible:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}

/* Narrow-screen direct card reveal state. */
@media (max-width:720.98px){
  .court-gold-reveal-enabled .court-body-gold-standard .court-mobile-sequence-item{
    opacity:0!important;
    transform:translateY(46px)!important;
  }

  .court-gold-reveal-enabled .court-body-gold-standard .court-mobile-sequence-item.is-visible{
    opacity:1!important;
    transform:translateY(0)!important;
    transition:
      opacity 1.08s cubic-bezier(.16,.72,.22,1),
      transform 1.16s cubic-bezier(.16,.72,.22,1),
      box-shadow .40s cubic-bezier(.22,.68,.25,1),
      border-color .40s cubic-bezier(.22,.68,.25,1),
      background .40s cubic-bezier(.22,.68,.25,1)!important;
  }

  .court-gold-reveal-enabled .court-body-gold-standard .court-gold-roadmap-card.court-mobile-sequence-item.is-visible:hover,
  .court-gold-reveal-enabled .court-body-gold-standard .court-before-card.court-mobile-sequence-item.is-visible:hover,
  .court-gold-reveal-enabled .court-body-gold-standard .court-payment-warning.court-mobile-sequence-item.is-visible:hover,
  .court-gold-reveal-enabled .court-body-gold-standard .court-process-card.court-mobile-sequence-item.is-visible:hover{
    transform:translateY(-4px) scale(1.01)!important;
  }
}


/* =========================================================
   Austin Gold Standard v9.9 — Featured Provider hover delay fix
   Keep staggered scroll reveal delays, but remove those delays from hover.
   ========================================================= */

/* Once a provider card has revealed, clear the reveal delay so hover responds
   immediately and consistently on all three cards. */
.court-gold-reveal-enabled .court-body-gold-standard
.court-featured-provider-card.court-reveal-inner.is-visible{
  transition-delay:0ms!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1) 0ms,
    box-shadow .40s cubic-bezier(.22,.68,.25,1) 0ms,
    border-color .40s cubic-bezier(.22,.68,.25,1) 0ms,
    background .40s cubic-bezier(.22,.68,.25,1) 0ms!important;
}

/* Preserve the approved provider hover effect at the same speed for every card. */
.court-gold-reveal-enabled .court-body-gold-standard
.court-featured-provider-card.court-reveal-inner.is-visible:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}

/* =========================================================
   Austin Gold Standard v10 — compact featured-course jump teaser
   ========================================================= */
.court-detail-page .court-body-gold-standard .court-course-jump-teaser{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 0 18px;
  padding:18px 20px;
  background:linear-gradient(135deg,#e8f4fc 0%,#f7fbfe 58%,#dceefa 100%);
  border:1px solid #78afd1;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(8,59,102,.09);
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1);
}
.court-detail-page .court-body-gold-standard .court-course-jump-teaser:hover{
  transform:translateY(-3px);
  border-color:#2d8fc8;
  box-shadow:0 14px 28px rgba(8,59,102,.15);
}
.court-detail-page .court-body-gold-standard .court-course-jump-copy{min-width:0;}
.court-detail-page .court-body-gold-standard .court-course-jump-kicker{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.09em;
  color:#0d78b8;
}
.court-detail-page .court-body-gold-standard .court-course-jump-copy strong{
  display:block;
  font-size:15px;
  line-height:1.42;
  color:#17324d;
}
.court-detail-page .court-body-gold-standard .court-course-jump-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:9px;
  background:#0f8fd2;
  border:1px solid #0b7eba;
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 7px 16px rgba(13,143,210,.18);
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1);
}
.court-detail-page .court-body-gold-standard .court-course-jump-link:hover{
  transform:translateY(-2px);
  background:#0b7fbe;
  box-shadow:0 11px 22px rgba(13,143,210,.24);
}
.court-detail-page .court-body-gold-standard #featured-course{scroll-margin-top:110px;}
@media (max-width:720.98px){
  .court-detail-page .court-body-gold-standard .court-course-jump-teaser{
    flex-direction:column;
    align-items:stretch;
    gap:13px;
    padding:17px;
  }
  .court-detail-page .court-body-gold-standard .court-course-jump-link{
    width:100%;
  }
}


/* =========================================================
   Austin Gold Standard v10.1 — consistent body-box spacing
   Target visible gap:
   - 20px desktop/tablet
   - 16px narrow/mobile
   Internal panel padding remains unchanged.
   ========================================================= */

/* Every top-level Austin body section contributes half of the shared gap. */
.court-detail-page .court-body-gold-standard > .court-section,
.court-detail-page .court-body-gold-standard > .court-section:nth-of-type(even),
.court-detail-page .court-body-gold-standard .court-gold-overview,
.court-detail-page .court-body-gold-standard .court-before-section,
.court-detail-page .court-body-gold-standard .court-eligibility-section,
.court-detail-page .court-body-gold-standard .court-actions-section,
.court-detail-page .court-body-gold-standard .court-contact-section,
.court-detail-page .court-body-gold-standard .court-provider-section,
.court-detail-page .court-body-gold-standard .court-faq-section{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

/* Remove old one-off margins that were stacking on top of section spacing. */
.court-detail-page .court-body-gold-standard .court-provider-neutral{
  margin-top:0!important;
  margin-bottom:0!important;
}

.court-detail-page .court-body-gold-standard .court-course-jump-teaser{
  margin-top:0!important;
  margin-bottom:0!important;
}

.court-detail-page .court-body-gold-standard .court-provider-featured-gold,
.court-detail-page .court-body-gold-standard .court-contact-box,
.court-detail-page .court-body-gold-standard .court-actions-shell,
.court-detail-page .court-body-gold-standard .court-gold-overview-shell,
.court-detail-page .court-body-gold-standard .court-before-grid,
.court-detail-page .court-body-gold-standard #court-steps .court-section-shell,
.court-detail-page .court-body-gold-standard .court-eligibility-section .court-two-column,
.court-detail-page .court-body-gold-standard .court-faq-section .court-section-shell{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Provider section contains several major boxes inside one section,
   so give those boxes the same 20px rhythm internally. */
.court-detail-page .court-body-gold-standard .court-provider-grid:has(.court-provider-featured-gold){
  gap:20px!important;
}

/* Narrow/mobile: consistent 16px visible gap everywhere. */
@media (max-width:720.98px){
  .court-detail-page .court-body-gold-standard > .court-section,
  .court-detail-page .court-body-gold-standard > .court-section:nth-of-type(even),
  .court-detail-page .court-body-gold-standard .court-gold-overview,
  .court-detail-page .court-body-gold-standard .court-before-section,
  .court-detail-page .court-body-gold-standard .court-eligibility-section,
  .court-detail-page .court-body-gold-standard .court-actions-section,
  .court-detail-page .court-body-gold-standard .court-contact-section,
  .court-detail-page .court-body-gold-standard .court-provider-section,
  .court-detail-page .court-body-gold-standard .court-faq-section{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .court-detail-page .court-body-gold-standard .court-provider-grid:has(.court-provider-featured-gold){
    gap:16px!important;
  }
}


/* =========================================================
   Austin Gold Standard v10.2 — neutral provider box spacing fix
   Restore the standard visible gap above/below
   "Search Texas-Licensed Providers" only.
   ========================================================= */

.court-detail-page .court-body-gold-standard .court-provider-neutral{
  margin-top:20px!important;
  margin-bottom:20px!important;
}

@media (max-width:720.98px){
  .court-detail-page .court-body-gold-standard .court-provider-neutral{
    margin-top:16px!important;
    margin-bottom:16px!important;
  }
}


/* =========================================================
   Austin Gold Standard v10.3 — jump teaser hover polish
   Adds the approved slow lift/shadow effect to the full
   "READY TO TAKE A COURSE?" teaser box.
   ========================================================= */

.court-detail-page .court-body-gold-standard .court-course-jump-teaser{
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}

.court-detail-page .court-body-gold-standard .court-course-jump-teaser:hover{
  transform:translateY(-4px) scale(1.005)!important;
  border-color:#2d8fc8!important;
  box-shadow:0 16px 30px rgba(8,59,102,.18)!important;
}


/* =========================================================
   Track 1 — Courts Hub Gold Standard v1
   2026-10-28
   Scoped to /courts/ only via .court-hub-gold-standard.
   Uses the completed Austin Gold Standard as the visual target.
   ========================================================= */

.court-hub-gold-standard{
  background:#f4f9fd!important;
}

/* ---------- Consistent section rhythm ---------- */
.court-hub-gold-standard .court-section{
  padding:10px 0!important;
  background:#f4f9fd!important;
}
.court-hub-gold-standard .court-hub-hero{
  padding-top:58px!important;
  padding-bottom:24px!important;
}
.court-hub-gold-standard .court-finder-section{
  padding-top:20px!important;
}
.court-hub-gold-standard .court-provider-section,
.court-hub-gold-standard .court-county-preview-section,
.court-hub-gold-standard .court-trust-section{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

/* ---------- Austin-style outer panels ---------- */
.court-hub-gold-standard .court-finder-shell,
.court-hub-gold-standard .court-trust-box,
.court-hub-gold-standard .court-county-preview{
  position:relative;
  overflow:hidden;
  border:1px solid #70acd3!important;
  border-top:5px solid #0d5c96!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#a8cfe7 0%,#eff8fd 54%,#c6e1f2 100%)!important;
  box-shadow:0 18px 40px rgba(13,59,102,.11)!important;
}
.court-hub-gold-standard .court-finder-shell{
  padding:30px!important;
}
.court-hub-gold-standard .court-trust-box,
.court-hub-gold-standard .court-county-preview{
  padding:30px!important;
}
.court-hub-gold-standard .court-finder-shell:before,
.court-hub-gold-standard .court-trust-box:before,
.court-hub-gold-standard .court-county-preview:before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:5px;
  background:linear-gradient(90deg,#0a4d82,#1592d2,#0a4d82);
}

/* ---------- Headings ---------- */
.court-hub-gold-standard .court-section-heading h2,
.court-hub-gold-standard .court-trust-box h2,
.court-hub-gold-standard .court-county-preview h2,
.court-hub-gold-standard .court-provider-grid h2{
  color:#073d69!important;
  letter-spacing:-.035em;
}
.court-hub-gold-standard .section-kicker{
  color:#0b67b3;
  font-weight:950;
  letter-spacing:.075em;
}

/* ---------- Finder choice cards ---------- */
.court-hub-gold-standard .court-finder-choice{
  background:linear-gradient(180deg,#fff 0%,#f4f9fc 58%,#e1eff8 100%)!important;
  border:1px solid #76afd4!important;
  border-top:4px solid #0c6fbf!important;
  border-radius:16px!important;
  box-shadow:0 9px 22px rgba(13,59,102,.09)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-finder-choice:hover{
  transform:translateY(-4px) scale(1.008)!important;
  border-color:#3499d3!important;
  box-shadow:0 17px 32px rgba(13,59,102,.16)!important;
}
.court-hub-gold-standard .court-finder-choice.is-active{
  background:linear-gradient(145deg,#084576 0%,#0d68a9 56%,#288ec6 100%)!important;
  border-color:#69b8e5!important;
  box-shadow:0 18px 34px rgba(5,58,102,.22)!important;
}
.court-hub-gold-standard .court-finder-choice-icon{
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-finder-choice:hover .court-finder-choice-icon{
  transform:translateY(-3px) scale(1.055)!important;
}

/* ---------- Search workspace ---------- */
.court-hub-gold-standard .court-finder-workspace{
  padding:24px!important;
  border:1px solid #0a609a!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#07355f 0%,#0f5d96 57%,#247eb8 100%)!important;
  box-shadow:0 20px 42px rgba(7,47,87,.24)!important;
}
.court-hub-gold-standard .court-search-panel-light{
  border:1px solid #a9cfe6!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 11px 25px rgba(0,34,64,.16)!important;
}
.court-hub-gold-standard .court-live-matches{
  margin-top:12px!important;
  border:1px solid #78b4d9!important;
  border-radius:14px!important;
  box-shadow:0 15px 30px rgba(4,48,87,.16)!important;
}
.court-hub-gold-standard .court-live-match{
  transition:
    transform .36s cubic-bezier(.22,.68,.25,1),
    background .36s cubic-bezier(.22,.68,.25,1),
    box-shadow .36s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-live-match:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(13,59,102,.09);
}
.court-hub-gold-standard .court-finder-privacy-inline,
.court-hub-gold-standard .court-quick-help-inline{
  border-radius:13px!important;
}
.court-hub-gold-standard .court-quick-help-actions button,
.court-hub-gold-standard .court-issuer-grid button,
.court-hub-gold-standard .court-citation-clues article{
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-issuer-grid button:hover,
.court-hub-gold-standard .court-citation-clues article:hover{
  transform:translateY(-4px) scale(1.006);
  box-shadow:0 16px 28px rgba(3,43,75,.18);
}

/* ---------- Results heading ---------- */
.court-hub-gold-standard .court-results-head{
  margin-top:20px!important;
  padding:18px 18px 0!important;
  border-top:1px solid rgba(12,93,151,.18);
}
.court-hub-gold-standard .court-results-head h3{
  font-size:26px!important;
}
.court-hub-gold-standard .court-results-head .court-search-status{
  background:linear-gradient(145deg,#0a4c80,#147ebd)!important;
  box-shadow:0 7px 17px rgba(5,58,102,.16);
}

/* ---------- Verified + directory cards ---------- */
.court-hub-gold-standard .court-card{
  border:1px solid #83b7d7!important;
  border-top:4px solid #0c6fbf!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff 0%,#f4f9fc 58%,#e5f2fa 100%)!important;
  box-shadow:0 9px 22px rgba(13,59,102,.085)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-card:hover{
  transform:translateY(-5px) scale(1.008)!important;
  border-color:#3499d3!important;
  box-shadow:0 18px 34px rgba(13,59,102,.15)!important;
}
.court-hub-gold-standard .court-card-actions .court-card-link{
  min-height:40px;
  align-items:center;
}
.court-hub-gold-standard .court-directory-results{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(12,93,151,.18);
}
.court-hub-gold-standard .court-directory-note{
  border-radius:13px;
  background:#eef7fc;
  border:1px solid #b7d6e9;
}

/* ---------- Trust panel ---------- */
.court-hub-gold-standard .court-trust-box{
  grid-template-columns:.95fr 1.3fr!important;
}
.court-hub-gold-standard .court-trust-grid article{
  border:1px solid #77b0d4!important;
  border-top:4px solid #0d6fb4!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff 0%,#eff7fc 100%)!important;
  box-shadow:0 7px 17px rgba(13,59,102,.07)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-trust-grid article:hover{
  transform:translateY(-4px) scale(1.008)!important;
  border-color:#3499d3!important;
  box-shadow:0 15px 28px rgba(13,59,102,.14)!important;
}

/* ---------- County panel ---------- */
.court-hub-gold-standard .court-county-preview-grid a{
  border:1px solid #7cb2d4!important;
  border-top:4px solid #0d6fb4!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#edf7fc 100%)!important;
  box-shadow:0 7px 17px rgba(13,59,102,.07)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-county-preview-grid a:hover{
  transform:translateY(-4px) scale(1.008)!important;
  border-color:#3499d3!important;
  box-shadow:0 15px 28px rgba(13,59,102,.14)!important;
}

/* ---------- Provider area ---------- */
.court-hub-gold-standard .court-provider-grid{
  gap:20px!important;
}
.court-hub-gold-standard .court-provider-neutral,
.court-hub-gold-standard .court-hub-featured-gold{
  border-radius:24px!important;
  padding:30px!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}
.court-hub-gold-standard .court-provider-neutral{
  border:1px solid #70acd3!important;
  border-top:5px solid #0d5c96!important;
  background:linear-gradient(135deg,#a8cfe7 0%,#eff8fd 58%,#c6e1f2 100%)!important;
  box-shadow:0 18px 40px rgba(13,59,102,.11)!important;
}
.court-hub-gold-standard .court-provider-neutral:hover{
  transform:translateY(-4px) scale(1.006)!important;
  border-color:#3499d3!important;
  box-shadow:0 22px 44px rgba(13,59,102,.15)!important;
}
.court-hub-gold-standard .court-hub-featured-gold{
  border:1px solid #1c6aa4!important;
  background:linear-gradient(145deg,#07355f 0%,#0f5d96 56%,#247eb8 100%)!important;
  box-shadow:0 22px 48px rgba(7,47,87,.24)!important;
}
.court-hub-gold-standard .court-hub-featured-gold:hover{
  transform:translateY(-4px) scale(1.006)!important;
  box-shadow:0 28px 56px rgba(7,47,87,.29)!important;
}
.court-hub-gold-standard .court-hub-featured-logo{
  display:block;
  width:min(245px,82%);
  height:auto;
  margin:18px auto 12px;
}
.court-hub-gold-standard .court-hub-featured-gold h2{
  text-align:center;
  color:#fff!important;
}
.court-hub-gold-standard .court-hub-featured-gold ul{
  max-width:360px;
  margin:14px auto 19px;
}
.court-hub-gold-standard .court-hub-featured-gold .court-featured-btn{
  display:flex;
  justify-content:center;
  min-height:48px;
  width:min(360px,100%);
  margin:0 auto;
  background:linear-gradient(135deg,#1598df,#0d7fc5)!important;
  border:1px solid #52b3ea!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(0,0,0,.15)!important;
}
.court-hub-gold-standard .court-hub-featured-gold .court-featured-disclosure{
  margin:18px 0 0!important;
  padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  color:#dceaf4!important;
  line-height:1.55!important;
}
.court-hub-gold-standard .court-hub-featured-gold .court-featured-disclosure strong{
  color:#fff;
}

/* ---------- Hub-specific slow scroll reveal ---------- */
.court-hub-gold-reveal-enabled .court-hub-reveal-panel,
.court-hub-gold-reveal-enabled .court-hub-reveal-item{
  opacity:0;
  will-change:opacity,transform;
}
.court-hub-gold-reveal-enabled .court-hub-reveal-panel{
  transform:translateY(72px);
  transition:
    opacity 1.16s cubic-bezier(.16,.72,.22,1),
    transform 1.26s cubic-bezier(.16,.72,.22,1);
}
.court-hub-gold-reveal-enabled .court-hub-reveal-item{
  transform:translateY(52px);
  transition:
    opacity 1.04s cubic-bezier(.16,.72,.22,1),
    transform 1.14s cubic-bezier(.16,.72,.22,1);
}
.court-hub-gold-reveal-enabled .court-hub-reveal-panel.is-visible,
.court-hub-gold-reveal-enabled .court-hub-reveal-item.is-visible{
  opacity:1;
  transform:none;
}

/* Once revealed, hover transforms regain control. */
.court-hub-gold-reveal-enabled .court-hub-reveal-item.is-visible.court-finder-choice:hover,
.court-hub-gold-reveal-enabled .court-hub-reveal-item.is-visible.court-card:hover,
.court-hub-gold-reveal-enabled .court-hub-reveal-item.is-visible:hover.court-provider-neutral,
.court-hub-gold-reveal-enabled .court-hub-reveal-item.is-visible:hover.court-hub-featured-gold{
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1),
    background .40s cubic-bezier(.22,.68,.25,1)!important;
}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .court-hub-gold-standard .court-trust-box{
    grid-template-columns:1fr!important;
  }
  .court-hub-gold-standard .court-finder-shell,
  .court-hub-gold-standard .court-trust-box,
  .court-hub-gold-standard .court-county-preview{
    padding:24px!important;
  }
}
@media(max-width:680px){
  .court-hub-gold-standard .court-section{
    padding:8px 0!important;
  }
  .court-hub-gold-standard .court-finder-section{
    padding-top:16px!important;
  }
  .court-hub-gold-standard .court-finder-shell,
  .court-hub-gold-standard .court-trust-box,
  .court-hub-gold-standard .court-county-preview,
  .court-hub-gold-standard .court-provider-neutral,
  .court-hub-gold-standard .court-hub-featured-gold{
    padding:18px 15px!important;
    border-radius:18px!important;
  }
  .court-hub-gold-standard .court-finder-workspace{
    padding:16px!important;
  }
  .court-hub-gold-standard .court-hub-featured-logo{
    width:min(220px,82%);
  }
  .court-hub-gold-reveal-enabled .court-hub-reveal-panel{
    transform:translateY(58px);
  }
  .court-hub-gold-reveal-enabled .court-hub-reveal-item{
    transform:translateY(44px);
  }
}
@media(prefers-reduced-motion:reduce){
  .court-hub-gold-reveal-enabled .court-hub-reveal-panel,
  .court-hub-gold-reveal-enabled .court-hub-reveal-item{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Courts Hub Gold Standard v1.1 — reveal corrections
   ========================================================= */

/* Verified guide cards: slower individual entrance. */
.court-hub-gold-reveal-enabled .court-hub-verified-sequence{
  opacity:0!important;
  transform:translateY(54px)!important;
  transition:
    opacity 1.10s cubic-bezier(.16,.72,.22,1),
    transform 1.18s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled .court-hub-verified-sequence.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Dynamic no-match / OCA result blocks, including narrow view. */
.court-hub-gold-reveal-enabled .court-hub-dynamic-reveal{
  opacity:0!important;
  transform:translateY(48px)!important;
  transition:
    opacity 1.08s cubic-bezier(.16,.72,.22,1),
    transform 1.16s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled .court-hub-dynamic-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Injected OCA directory cards. */
.court-hub-gold-reveal-enabled .court-hub-directory-sequence{
  opacity:0!important;
  transform:translateY(48px)!important;
  transition:
    opacity 1.06s cubic-bezier(.16,.72,.22,1),
    transform 1.14s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled .court-hub-directory-sequence.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Restore approved hover immediately after reveal. */
.court-hub-gold-reveal-enabled .court-hub-verified-sequence.is-visible:hover,
.court-hub-gold-reveal-enabled .court-hub-directory-sequence.is-visible:hover{
  transform:translateY(-5px) scale(1.008)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}

@media(max-width:680px){
  .court-hub-gold-reveal-enabled .court-hub-verified-sequence,
  .court-hub-gold-reveal-enabled .court-hub-directory-sequence,
  .court-hub-gold-reveal-enabled .court-hub-dynamic-reveal{
    transform:translateY(42px)!important;
  }
  .court-hub-gold-reveal-enabled .court-hub-verified-sequence.is-visible,
  .court-hub-gold-reveal-enabled .court-hub-directory-sequence.is-visible,
  .court-hub-gold-reveal-enabled .court-hub-dynamic-reveal.is-visible{
    transform:none!important;
  }
}

/* =========================================================
   Courts Hub Gold Standard v1.2 — deterministic reveal
   ========================================================= */

/* Verified cards remain hidden until the queue advances them. */
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence{
  opacity:0!important;
  transform:translateY(54px)!important;
  transition:
    opacity 1.14s cubic-bezier(.16,.72,.22,1),
    transform 1.22s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Narrow-view finder status / no-match block. */
.court-hub-gold-reveal-enabled .court-hub-narrow-search-reveal{
  opacity:0!important;
  transform:translateY(46px)!important;
  transition:
    opacity 1.10s cubic-bezier(.16,.72,.22,1),
    transform 1.18s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled .court-hub-narrow-search-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Preserve hover after reveal. */
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence.is-visible:hover{
  transform:translateY(-5px) scale(1.008)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}

/* =========================================================
   Courts Hub Gold Standard v1.3 — viewport-gated reveal
   ========================================================= */

/* Verified guide cards: stronger low-to-high travel. */
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence{
  opacity:0!important;
  transform:translateY(88px)!important;
  transition:
    opacity 1.18s cubic-bezier(.16,.72,.22,1),
    transform 1.28s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* Search workspace inner-card sequence. */
.court-hub-gold-reveal-enabled .court-hub-search-inner-reveal{
  opacity:0!important;
  transform:translateY(58px)!important;
  transition:
    opacity 1.06s cubic-bezier(.16,.72,.22,1),
    transform 1.16s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled .court-hub-search-inner-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* No-results reveal must win over the existing feedback-bump animation. */
.court-hub-gold-reveal-enabled #courtNoResults.court-hub-no-results-reveal{
  opacity:0!important;
  transform:translateY(68px)!important;
  transition:
    opacity 1.12s cubic-bezier(.16,.72,.22,1),
    transform 1.22s cubic-bezier(.16,.72,.22,1)!important;
}
.court-hub-gold-reveal-enabled #courtNoResults.court-hub-no-results-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
}
.court-hub-gold-reveal-enabled #courtNoResults.court-hub-no-results-reveal.court-search-feedback-bump{
  animation:none!important;
}

/* Restore hover after reveal. */
.court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence.is-visible:hover{
  transform:translateY(-5px) scale(1.008)!important;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1)!important;
}

@media(max-width:680px){
  .court-hub-gold-reveal-enabled #courtCards .court-card.court-hub-verified-sequence{
    transform:translateY(76px)!important;
  }
  .court-hub-gold-reveal-enabled .court-hub-search-inner-reveal{
    transform:translateY(52px)!important;
  }
  .court-hub-gold-reveal-enabled #courtNoResults.court-hub-no-results-reveal{
    transform:translateY(60px)!important;
  }
}

/* =========================================================
   Courts Hub Gold Standard v1.4 — polished hub CTA
   Austin visual quality, hub-specific lighter structure.
   ========================================================= */

.court-hub-gold-standard .court-hub-featured-polished{
  padding:22px!important;
}

.court-hub-gold-standard .court-hub-featured-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.court-hub-gold-standard .court-hub-featured-kicker{
  font-size:10px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.09em;
  color:#dff3ff;
}

.court-hub-gold-standard .court-hub-featured-card{
  display:grid;
  grid-template-columns:1.05fr 1.35fr .95fr;
  min-height:310px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.42);
  border-radius:17px;
  background:#fff;
  box-shadow:0 17px 34px rgba(0,34,64,.19);
}

.court-hub-gold-standard .court-hub-featured-brand,
.court-hub-gold-standard .court-hub-featured-facts,
.court-hub-gold-standard .court-hub-featured-action{
  padding:25px 22px;
}

.court-hub-gold-standard .court-hub-featured-brand{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:linear-gradient(180deg,#f8fbfd 0%,#eef3f7 100%);
  border-right:1px solid #dbe7ef;
}
.court-hub-gold-standard .court-hub-featured-logo{
  width:min(235px,88%)!important;
  margin:0 auto 12px!important;
}
.court-hub-gold-standard .court-hub-featured-brand h2{
  margin:2px 0 8px!important;
  color:#073d69!important;
  font-size:23px!important;
  line-height:1.16!important;
}
.court-hub-gold-standard .court-hub-license{
  margin:0;
  color:#6a7f90;
  font-size:11px;
  font-weight:800;
}

.court-hub-gold-standard .court-hub-featured-facts{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  background:#fff;
}
.court-hub-gold-standard .court-hub-featured-facts div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border-radius:8px;
  background:#eef5fa;
  color:#597284;
  font-size:12px;
}
.court-hub-gold-standard .court-hub-featured-facts strong{
  color:#073d69;
  font-weight:950;
  text-align:right;
}

.court-hub-gold-standard .court-hub-featured-action{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,#edf9ff 0%,#f7fbfe 100%);
  border-left:1px solid #dbe7ef;
}
.court-hub-gold-standard .court-hub-ready-pill{
  align-self:flex-start;
  display:inline-flex;
  padding:5px 9px;
  margin-bottom:9px;
  border-radius:999px;
  background:#ffd85a;
  border:1px solid #d7a91e;
  color:#594200;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.05em;
}
.court-hub-gold-standard .court-hub-price{
  margin:0 0 10px;
  color:#0a96dd;
  font-size:34px;
  line-height:1;
  font-weight:950;
}
.court-hub-gold-standard .court-hub-price small{
  display:inline-block;
  margin-left:5px;
  color:#173a56;
  font-size:10px;
  line-height:1.25;
  font-weight:850;
  vertical-align:middle;
}
.court-hub-gold-standard .court-hub-featured-action ul{
  margin:0 0 14px!important;
  padding:0!important;
  list-style:none;
}
.court-hub-gold-standard .court-hub-featured-action li{
  position:relative;
  margin:0 0 6px;
  padding-left:15px;
  color:#244a66;
  font-size:11px;
  font-weight:750;
}
.court-hub-gold-standard .court-hub-featured-action li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#2ba96a;
  font-weight:950;
}
.court-hub-gold-standard .court-hub-featured-action .court-featured-btn{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
}
.court-hub-gold-standard .court-hub-license-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:8px;
  border:1px solid #b8cbd8;
  border-radius:7px;
  background:#fff;
  color:#244a66;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
  transition:
    transform .40s cubic-bezier(.22,.68,.25,1),
    box-shadow .40s cubic-bezier(.22,.68,.25,1),
    border-color .40s cubic-bezier(.22,.68,.25,1);
}
.court-hub-gold-standard .court-hub-license-link:hover{
  transform:translateY(-2px);
  border-color:#5aa9d5;
  box-shadow:0 8px 16px rgba(13,59,102,.10);
}

.court-hub-gold-standard .court-hub-featured-polished .court-featured-disclosure{
  margin-top:13px!important;
  padding:11px 13px!important;
  font-size:10px!important;
}

/* Tablet: two top columns, action full width below. */
@media(max-width:1000px) and (min-width:721px){
  .court-hub-gold-standard .court-hub-featured-card{
    grid-template-columns:1fr 1.35fr;
  }
  .court-hub-gold-standard .court-hub-featured-action{
    grid-column:1 / -1;
    border-left:0;
    border-top:1px solid #dbe7ef;
  }
  .court-hub-gold-standard .court-hub-featured-action{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px 18px;
    align-items:center;
  }
  .court-hub-gold-standard .court-hub-ready-pill,
  .court-hub-gold-standard .court-hub-price{
    grid-column:1;
  }
  .court-hub-gold-standard .court-hub-featured-action ul{
    grid-column:2;
    grid-row:1 / span 2;
    margin-bottom:0!important;
  }
  .court-hub-gold-standard .court-hub-featured-action .court-featured-btn,
  .court-hub-gold-standard .court-hub-license-link{
    grid-column:1 / -1;
  }
}

/* Mobile: one clean column. */
@media(max-width:720.98px){
  .court-hub-gold-standard .court-hub-featured-polished{
    padding:16px!important;
  }
  .court-hub-gold-standard .court-hub-featured-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .court-hub-gold-standard .court-hub-featured-card{
    grid-template-columns:1fr;
  }
  .court-hub-gold-standard .court-hub-featured-brand,
  .court-hub-gold-standard .court-hub-featured-facts,
  .court-hub-gold-standard .court-hub-featured-action{
    padding:20px 16px;
  }
  .court-hub-gold-standard .court-hub-featured-brand{
    border-right:0;
    border-bottom:1px solid #dbe7ef;
  }
  .court-hub-gold-standard .court-hub-featured-action{
    border-left:0;
    border-top:1px solid #dbe7ef;
  }
  .court-hub-gold-standard .court-hub-featured-logo{
    width:min(220px,82%)!important;
  }
}


/* =========================================================
   Courts Hub Gold Standard v1.5
   Full-width provider rows + Austin Featured Provider pill
   ========================================================= */

/* Keep the provider section as one column:
   neutral provider search first, featured CTA second. */
.court-hub-gold-standard .court-provider-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
}

/* Both major boxes span the complete body/container width. */
.court-hub-gold-standard .court-provider-grid > .court-provider-neutral,
.court-hub-gold-standard .court-provider-grid > .court-hub-featured-polished{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Remove any old half-width sizing carried by earlier hub rules. */
.court-hub-gold-standard .court-provider-neutral,
.court-hub-gold-standard .court-hub-featured-polished{
  min-width:0!important;
}

/* Austin Gold Standard Featured Provider pill. */
.court-hub-gold-standard .court-hub-featured-polished .court-featured-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:24px!important;
  padding:5px 10px!important;
  border:1px solid #d3a817!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffe477 0%,#ffd04d 100%)!important;
  color:#584100!important;
  box-shadow:0 4px 10px rgba(79,55,0,.16)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

/* Keep spacing consistent with the Austin Gold Standard. */
@media(max-width:720.98px){
  .court-hub-gold-standard .court-provider-grid{
    gap:16px!important;
  }
}

/* =========================================================
   Courts Hub Gold Standard v1.6
   CTA intro + centered lower action content
   ========================================================= */

/* Hub-specific context above the comparison card. */
.court-hub-gold-standard .court-hub-featured-intro{
  margin:0 0 16px;
  max-width:820px;
}
.court-hub-gold-standard .court-hub-featured-intro h2{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.court-hub-gold-standard .court-hub-featured-intro p{
  margin:0!important;
  max-width:760px;
  color:#e4f2fb!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Center the action area at EVERY width.
   This overrides the older left-aligned desktop/tablet rules. */
.court-hub-gold-standard .court-hub-featured-action{
  align-items:center!important;
  text-align:center!important;
}
.court-hub-gold-standard .court-hub-featured-action .court-hub-ready-pill{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.court-hub-gold-standard .court-hub-featured-action .court-hub-price{
  width:100%;
  text-align:center!important;
}
.court-hub-gold-standard .court-hub-featured-action ul{
  width:max-content;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.court-hub-gold-standard .court-hub-featured-action .court-featured-btn,
.court-hub-gold-standard .court-hub-featured-action .court-hub-license-link{
  width:100%!important;
}

/* Tablet layout: keep the restack, but center the complete lower action zone. */
@media(max-width:1000px) and (min-width:721px){
  .court-hub-gold-standard .court-hub-featured-action{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  .court-hub-gold-standard .court-hub-featured-action .court-hub-ready-pill{
    align-self:center!important;
  }
  .court-hub-gold-standard .court-hub-featured-action ul{
    margin:0 auto 14px!important;
  }
}

/* 720px and below: same centered action hierarchy. */
@media(max-width:720.98px){
  .court-hub-gold-standard .court-hub-featured-intro{
    margin-bottom:14px;
  }
  .court-hub-gold-standard .court-hub-featured-intro h2{
    font-size:23px!important;
  }
  .court-hub-gold-standard .court-hub-featured-intro p{
    font-size:11px!important;
  }
  .court-hub-gold-standard .court-hub-featured-action{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  .court-hub-gold-standard .court-hub-featured-action .court-hub-price{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .court-hub-gold-standard .court-hub-featured-action .court-hub-price small{
    margin-left:0!important;
  }
  .court-hub-gold-standard .court-hub-featured-action ul{
    margin:0 auto 14px!important;
  }
}


/* ============================================================
   Track 1 — All 15 Verified Court Contact Parity v1
   Court Finder verified result cards
   ============================================================ */
.court-verified-badge-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0 0 10px;
}
.court-verified-badge-row .court-guide-status{
  margin:0!important;
}
.court-verified-contact-pill{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:5px 9px;
  border:1px solid #8fc8a8;
  border-radius:999px;
  background:#e5f8ec;
  color:#147c45;
  font-size:11px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.court-verified-contact{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 10px;
  color:#587288;
  font-size:13px;
  line-height:1.45;
}
.court-verified-contact strong{
  color:#174f73;
}
@media(max-width:720.98px){
  .court-verified-badge-row{
    gap:6px;
  }
  .court-verified-contact-pill{
    font-size:10px;
    padding:5px 8px;
  }
}

/* =========================================================
   TDSD Wave 2A Grand Prairie + Prosper — wide-desktop full-artwork fix
   2026-11-02
   The approved finished hero JPGs are 3:1. On wide desktops the normal
   hero content box is shorter than that ratio, so background-size:cover
   crops the lower edge. At full desktop widths, size the hero to the
   artwork ratio and fit the full image width so the bottom remains visible.
   Tablet/mobile behavior is intentionally unchanged.
   ========================================================= */
@media (min-width:1500px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    min-height:33.333333vw !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
}

/* =========================================================
   TDSD Verified Hero Responsive Pilot — Grand Prairie
   2026-11-02
   Goals:
   - Return Grand Prairie to the normal Austin-style content-driven hero height.
   - Preserve the courthouse entrance/right edge on desktop/tablet narrowing.
   - Preserve the lower edge of the approved artwork instead of cropping it away.
   - Use the dedicated portrait/mobile composition at the same 680px breakpoint
     used by the hero content layout, eliminating the 650/649 composition jump.
   - The Quick Answer bar remains in normal document flow so removing the
     artificial wide-screen min-height returns it toward the bottom of the hero.
   ========================================================= */
.court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished {
  min-height:0 !important;
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:right bottom !important;
  background-repeat:no-repeat !important;
}

@media (max-width:1180px) and (min-width:681px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished {
    background-position:right center !important;
  }
}

@media (max-width:680px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished {
    min-height:0 !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* =========================================================
   TDSD Verified Hero Responsive Pilot v2 — Grand Prairie
   2026-11-02
   Tablet art-direction stabilization.
   - 679px and below is intentionally untouched (approved mobile state).
   - 680–1180px uses the dedicated portrait composition at width-fit sizing,
     so hero-content height changes no longer force background-size:cover zoom.
   - Preserve the 3-column proof row and horizontal Quick Answer layout through
     this band to prevent the old 901→900 height jump from changing the crop.
   ========================================================= */
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished {
    min-height:0 !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center 42% !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
    border-left:1px solid rgba(207,228,244,.18) !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}

/* At the narrow edge of the tablet band, keep the same portrait artwork but
   shift it only slightly upward so the entrance remains visible behind the
   proof/answer area. This is position-only; no zoom/size change occurs. */
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished {
    background-position:center 46% !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-right:10px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:10px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--grand-prairie-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}

/* =========================================================
   TDSD Verified Hero Responsive Pilot — Prosper
   2026-11-02
   Uses the approved Grand Prairie right-anchored responsive standard:
   - normal Austin-style content-driven hero height on wide desktop
   - preserve courthouse entrance/right edge as desktop narrows
   - use dedicated portrait composition through tablet widths so content-height
     changes do not force cover-based zoom/cropping
   - retain existing 679px-and-below mobile layout behavior
   - keep proof row/Quick Answer stable through the tablet band
   ========================================================= */
.court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
  min-height:0 !important;
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:right bottom !important;
  background-repeat:no-repeat !important;
}

@media (max-width:1180px) and (min-width:681px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    background-position:right center !important;
  }
}

@media (max-width:680px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    min-height:0 !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    min-height:0 !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center 42% !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
    border-left:1px solid rgba(207,228,244,.18) !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}

@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished {
    background-position:center 46% !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-right:10px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:10px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}


/* =========================================================
   TDSD Verified Hero Responsive Pilot v2 — Prosper
   2026-11-02
   Targeted cleanup after width QA:
   1) Keep the hero-copy width continuous across 1180/1179 so the
      hero does not reflow/appear to zoom at that breakpoint.
   2) Remove proof-row hairline dividers in the 680–1180 tablet band.
   3) Mobile image-edge seam is handled in the dedicated image asset.
   Grand Prairie and all other Verified Guides remain untouched.
   ========================================================= */

/* Preserve the same text-column geometry on both sides of 1180px.
   The generic court rule changes from 58vw to 64vw at <=1180px,
   which changes wrapping/hero height and creates the apparent jump. */
@media (min-width:901px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}

/* Remove the faint proof separators that become conspicuous over the
   finished hero artwork around the tablet layout. */
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof {
    border-top:0 !important;
  }

  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--prosper-finished .court-detail-proof-item + .court-detail-proof-item {
    border-top:0 !important;
    border-left:0 !important;
  }
}

/* ==============================================================
   CORPUS CHRISTI ONLY — verified hero final responsive/asset fix
   2026-11-03: exact approved v536 Texas star watermark in both JPGs.
   Desktop: tall-safe right/bottom fit; tablet/mobile: one portrait asset
   across ALL widths 1180px and below. No 679/680 source switching.
   No generic overlay: both JPGs are fully composed finished art.
   ============================================================== */
.court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
  background-color:#03233f !important;
  background-image:url('/assets/img/court-detail-hero-corpus-christi.jpg?v=cc-20261103-v2') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right bottom !important;
  min-height:0 !important;
}
.court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished::before,
.court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished::after {
  content:none !important;
  display:none !important;
}
@media(min-width:901px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
/* Single tablet/phone source, with no 900/679 image handoff. The portrait
   fits the WIDTH rather than the changing hero height, preventing zoom. */
@media(max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-image:url('/assets/img/court-detail-hero-corpus-christi-mobile.jpg?v=cc-20261103-v2') !important;
    background-size:100% auto !important;
    background-position:center 38% !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}
/* The narrow layout is taller than the image, so start at the TOP;
   the bottom of the asset already has a navy image-edge fade. */
@media(max-width:679.98px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-image:url('/assets/img/court-detail-hero-corpus-christi-mobile.jpg?v=cc-20261103-v2') !important;
    background-size:100% auto !important;
    background-position:center top !important;
  }
}
/* Avoid the generic dividers forming lines over the finished artwork. */
@media(min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished .court-detail-proof-item + .court-detail-proof-item {
    border-left:0 !important;
    border-top:0 !important;
  }
}

/* ==============================================================
   Corpus Christi ONLY — v5 image-focal correction, 2026-11-03
   Uses the existing APPROVED portrait JPG and v536 Texas watermark.
   Source art has considerably more sky above the courthouse than the
   approved Grand Prairie / Prosper mobile art. Background-size remains
   100% auto, NEVER cover, so there is no height-driven image zoom.
   A continuous pixel-position function advances the building upward
   as the screen grows (no sudden 700/701 handoff).

   Approximate final image offsets:
      360px: -60px       679px: -135px       700px: -140px
      800px: -278px      900px: -416px      1179px: -801px
   This avoids the invalid earlier v3/v4 percentage/calc movement.
   ============================================================== */
@media (max-width:700px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-image:url('/assets/img/court-detail-hero-corpus-christi-mobile.jpg?v=cc-20261103-v2') !important;
    background-size:100% auto !important;
    background-position:center calc(25px - 23.5vw) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}
@media (min-width:701px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-image:url('/assets/img/court-detail-hero-corpus-christi-mobile.jpg?v=cc-20261103-v2') !important;
    background-size:100% auto !important;
    background-position:center calc(826px - 138vw) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}


/* ==============================================================
   CORPUS CHRISTI ONLY — v6 middle-width courthouse placement
   The approved 600px-and-below state is left unchanged. The
   portrait image is the same approved v536-watermark image.
   Only vertical background offsets change at 601–899px.

   Carefully continuous pixel offsets, in image CSS coordinates:
      600: -116px (v5, unchanged)
      700: -400px (roof ~260px higher than v5)
      800: -530px (roof ~252px higher than v5)
      900: -416px (v5, unchanged)
   No zoom, image switch, text, or page layout adjustments.
   ============================================================= */
@media (min-width:601px) and (max-width:700px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-position:center calc(1588px - 284vw) !important;
  }
}
@media (min-width:701px) and (max-width:800px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-position:center calc(510px - 130vw) !important;
  }
}
@media (min-width:801px) and (max-width:899px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-position:center calc(-1442px + 114vw) !important;
  }
}


/* ==============================================================
   CORPUS CHRISTI ONLY — v7 upper-tablet / 1179 breakpoint lift
   2026-11-03
   1180px desktop is approved and unchanged. The abrupt switch at
   1179px into the portrait/tablet hero still leaves the courthouse
   sitting too low and crops too much of the lower image. This range-
   specific override keeps the same approved portrait JPG and simply
   carries the courthouse higher from 1179px down through 763px.

   IMPORTANT:
   - 1180px and above: unchanged
   - 762px and below: unchanged
   - no image file changes, no asset swap, no page-layout changes
   ============================================================== */
@media (min-width:763px) and (max-width:1179px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-image:url('/assets/img/court-detail-hero-corpus-christi-mobile.jpg?v=cc-20261103-v2') !important;
    background-size:100% auto !important;
    background-position:center calc(230px - 93.3vw) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}


/* CORPUS CHRISTI v8: isolate the exact 700px responsive anomaly.
   699px and 701px were visually approved. A narrow-width override
   matches the neighboring 699px (-397px) and 701px (-401px) focal offsets; no scale or source changes. */
@media (min-width:700px) and (max-width:700.98px) {
  .court-detail-page .court-detail-hero.court-detail-hero--corpus-christi-finished {
    background-position:center -399px !important;
  }
}

/* ======================================================================
   TDSD v2 - Seven RIGHT-FOCAL finished heroes, Nov 3 2026
   Plano, Frisco, Garland, Irving, Laredo, Lubbock, McAllen only.
   All seven images place the courthouse toward the right edge. Anchor
   that RIGHT edge when narrowing the viewport, cropping from LEFT only.
   Above 1180px retain v1's approved BOTTOM-edge vertical alignment.
   651-1180px retain the pre-v1 TOP-edge vertical alignment.
   At 650px and below, preserve existing dedicated mobile artwork/rules.
   No second color/gradient overlay. No changes to layout or hero height.
   ====================================================================== */
@media (min-width:651px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished {
    background-position:right top !important;
  }
}
@media (min-width:1181px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished,
  .court-detail-page .court-detail-hero.court-detail-hero--mcallen-finished {
    background-position:right bottom !important;
  }
}

/* =====================================================================
   TDSD v3 PILOT — Plano verified court hero, Nov 3 2026
   Matches approved Prosper responsive ARTWORK strategy, not merely right
   background alignment. Existing desktop v2 alignment is preserved above
   1180px; existing narrow-mobile Plano rules are preserved <=650px.
   At 651–1180px use Plano's own portrait art at 100% auto so the source
   is never zoomed by a tall, content-driven hero (the v2 crop problem).
   ===================================================================== */
@media (min-width:651px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    min-height:0 !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-position:center 42% !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-position:center 46% !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}
@media (min-width:901px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}

/* =====================================================================
   TDSD PLANO v8 — Approved v7 artwork: correct top clipping
   2026-11-04 — Plano ONLY.
   - >=1181: fit the complete approved desktop artwork to the hero height.
     Keep it right anchored and blend its natural deep-navy left edge into
     the existing solid background; no additional blue tint on courthouse.
   - 680-1180: keep approved portrait asset at width fit and shift it up
     smoothly as width increases, preventing roof clipping at 1179px.
   - <=679: preserve the already approved small-mobile CSS and artwork.
   No changes to hero height, page content, other court pages or SEO.
   ===================================================================== */
@media (min-width:1181px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.96) 28%, rgba(5,35,63,.60) 42%, rgba(5,35,63,0) 61%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(100px - 39vw) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   TDSD PLANO v9 PILOT — prevent the 1179px portrait-image zoom
   2026-11-04. Scoped to Plano. Preserve existing <=679px mobile rules.

   At 901–1180px: extend the approved wide desktop image, fitted by height
   and anchored right, to prevent a sudden artwork swap at 1179px.
   At 680–900px: fit the portrait image to the hero HEIGHT instead of
   forcing it to fill the WIDTH. This keeps the courthouse fully framed.
   Both use an independent dark LEFT-side blend for legible white text.
   No image files, content, SEO, other courts or mobile <=679px changed.
   ====================================================================== */
@media (min-width:901px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.96) 26%, rgba(5,35,63,.63) 45%, rgba(5,35,63,0) 69%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:900px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.94) 18%, rgba(5,35,63,.65) 43%, rgba(5,35,63,0) 80%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}


/* =====================================================================
   TDSD PLANO v10 — smooth portrait-to-navy seam, 2026-11-04
   Scope: Plano 680px–900px ONLY. All approved width ranges are unchanged.
   V9 fits the portrait image to the hero height, leaving empty navy space
   to its left. The earlier overlay became transparent BEFORE the left edge
   of that photo, revealing a vertical join. Extend the opaque navy blend
   through the photo boundary and fade gradually across the right-hand image.
   This preserves image scale, focal position, readable text, and v7 artwork.
   ===================================================================== */
@media (min-width:680px) and (max-width:900px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        #05233f 49%,
        rgba(5,35,63,1) 61%,
        rgba(5,35,63,.88) 68%,
        rgba(5,35,63,.51) 78%,
        rgba(5,35,63,0) 97%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}


/* ======================================================================
   TDSD PLANO v11 — tablet courthouse presence (680–900px ONLY)
   Starting from approved v10; keep all other ranges exactly unchanged.
   At the 900px breakpoint the portrait shrank too far toward the right.
   Increase only the portrait layer to 130% hero height (from 100%).
   Preserve right-center focal alignment and the solid-to-transparent
   navy blend so the left edge of the photo remains concealed.
   No edits to desktop >=901px, mobile <=679px, other courts, or content.
   ====================================================================== */
@media (min-width:680px) and (max-width:900px) {
  .court-detail-page .court-detail-hero.court-detail-hero--plano-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}

/* ======================================================================
   TDSD FRISCO PILOT v1 — responsive right-focal hero, November 4 2026.
   Adapted from user-approved Plano v11 at each breakpoint, using Frisco's
   OWN images and preserving Plano v11 exactly. No global layout changes.
   >=1181: retained existing Frisco wide-screen configuration unchanged.
   901–1180: keep Frisco desktop artwork, fit hero height and anchor right.
   680–900: use Frisco portrait artwork, at 130% hero height, anchor right.
   <=679: retain original Frisco small-screen CSS from existing site.css.
   No changes to hero content, CTA, watermark, other courts, or SEO.
   ====================================================================== */
@media (min-width:901px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.96) 26%, rgba(5,35,63,.63) 45%, rgba(5,35,63,0) 69%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
@media (min-width:680px) and (max-width:900px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}

/* ======================================================================
   TDSD FRISCO PILOT v2 — two isolated responsive crop fixes (2026-11-04)
   Scope: Frisco only. Leave existing Frisco >=981, 680-900, <=649 and
   every other court unchanged. Artwork unchanged.

   901-980: at this narrow landscape width the 3:1 desktop image cropped
   away the courthouse. Switch to the right-anchored portrait composition
   already approved at 900px, and use its existing gradual navy blend.

   650-679: the earlier desktop art's cover rule made this range zoom/crop.
   Fit Frisco's portrait composition to its full available WIDTH instead.
   A left-to-right navy veil ensures readable text without a hard seam.
   ====================================================================== */
@media (min-width:901px) and (max-width:980px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:650px) and (max-width:679px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg,
        rgba(5,35,63,.84) 0%,
        rgba(5,35,63,.70) 25%,
        rgba(5,35,63,.35) 48%,
        rgba(5,35,63,0) 78%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center center,center top !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}


/* TDSD FRISCO PILOT v3 — exact 679px breakpoint correction (2026-11-04)
   The earlier 650–679px override made the portrait artwork oversized at 679.
   Match the approved 680px portrait framing at only the 679px breakpoint.
   Do not affect 678px or below, 680px or above, or any other court. */
@media (min-width:679px) and (max-width:679px) {
  .court-detail-page .court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}


/* ======================================================================
   TDSD FRISCO PILOT v4 — fractional 679px breakpoint hardening
   Chrome's displayed 679px may resolve to a fractional CSS layout width,
   so the previous min-width:679px / max-width:679px rule can fail to match.
   Match only the narrow fractional window around 679px and outrank
   the original finished-hero `cover !important` declaration.
   Every other court remains untouched.
   ====================================================================== */
@media (min-width: 678.5px) and (max-width: 679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--frisco-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size: 100% 100%, auto 130% !important;
    background-position: center center, right center !important;
    background-repeat: no-repeat !important;
    background-color: #05233f !important;
  }
}


/* ======================================================================
   TDSD GARLAND HERO v1 — Frisco-approved responsive framing pilot.
   Based on Frisco v4, Nov 4 2026; Garland ONLY.
   Garland has 2172x724 desktop and 992x1586 portrait images.
   1181+ unchanged; 981-1180 desktop with navy-left blend;
   680-980 portrait with navy-left blend; 650-679 use the same
   portrait artwork width-fitted as the already existing <=649 style.
   Explicit high-specificity small-tablet selector avoids the Frisco
   exact-679 background-size:cover cascade issue.
   No change to other court heroes, artwork, content, or SEO.
   ====================================================================== */
@media (min-width:981px) and (max-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--garland-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.96) 26%, rgba(5,35,63,.63) 45%, rgba(5,35,63,0) 69%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
@media (min-width:680px) and (max-width:980px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--garland-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,1) 22%,
        rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,
        rgba(5,35,63,.30) 72%,
        rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--garland-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--garland-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* ======================================================================
   TDSD IRVING HERO v1 — Garland-approved responsive framing pilot
   Nov 5 2026. Scope: Irving only, no image modification.
   Preserve previously approved 1181+ and <=649 styles.
   981-1180: wide image right anchored, at natural hero height, blended.
   680-980: portrait image sized 130% of hero height and right anchored.
   650-679: portrait image full-width, overriding older cover rules even
   at fractional 679px viewport widths.
   ====================================================================== */
@media (min-width:981px) and (max-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--irving-finished {
    background-image:
      linear-gradient(90deg,#05233f 0%,rgba(5,35,63,.96) 26%,rgba(5,35,63,.63) 45%,rgba(5,35,63,0) 69%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
@media (min-width:680px) and (max-width:980px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--irving-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,rgba(5,35,63,1) 22%,rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,rgba(5,35,63,.30) 72%,rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--irving-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--irving-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   TDSD LAREDO HERO v1 — Irving-approved responsive pilot (Nov 5 2026)
   This addition affects Laredo's verified court hero ONLY.
   The panoramic desktop art is RIGHT focal, but the portrait art's entrance
   is centered, so its image focal point is CENTER rather than right.
   Keep <=649px and >=1181px unchanged. 650–679.99 rule outranks the
   legacy cover!important selector (including Chrome fractional 679px).
   No modifications to approved Plano/Frisco/Garland/Irving rules.
   ====================================================================== */
@media (min-width:981px) and (max-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:
      linear-gradient(90deg,#05233f 0%,rgba(5,35,63,.96) 26%,rgba(5,35,63,.63) 45%,rgba(5,35,63,0) 69%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
@media (min-width:680px) and (max-width:980px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,rgba(5,35,63,1) 22%,rgba(5,35,63,.95) 39%,
        rgba(5,35,63,.73) 52%,rgba(5,35,63,.30) 72%,rgba(5,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,center center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--laredo-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   TDSD LAREDO HERO v2 — Tablet seam + 650–679px focal lift
   Scope: Laredo only. Based on Laredo v1 production replacement CSS.
   Preserve 980px+, and <=649px, as previously approved.
   680–979px: right-align portrait artwork (no right-edge navy strip)
   and conceal its left boundary with a single smooth navy fade.
   650–679.99px: shift the full-width portrait upward to place the
   entrance above more of the Quick Answer overlay.
   ====================================================================== */
@media (min-width:680px) and (max-width:979.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        rgba(5,35,63,.98) 17%,
        rgba(5,35,63,.89) 31%,
        rgba(5,35,63,.55) 49%,
        rgba(5,35,63,.17) 68%,
        rgba(5,35,63,0) 85%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-position:center -100px !important;
  }
}


/* ======================================================================
   TDSD LAREDO HERO v3 — seamless tablet / higher portrait focal point
   2026-11-05. Scoped to Laredo ONLY; follows the uploaded v2 CSS.
   980px+ remains approved/unmodified.
   680–979.99: conceal the photographic layer's left edge with a stronger
   gradual navy blend; move the courthouse UP inside the existing hero.
   650–679.99: retain full-width portrait, with higher focal position.
   401–649.99: lift existing small-screen portrait without changing scale.
   <=400: smaller lift, keeping the doorway and roof in frame.
   ====================================================================== */
@media (min-width:680px) and (max-width:979.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        #05233f 48%,
        rgba(5,35,63,.97) 55%,
        rgba(5,35,63,.76) 64%,
        rgba(5,35,63,.42) 75%,
        rgba(5,35,63,.12) 88%,
        rgba(5,35,63,0) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right calc(50% - 90px) !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center -160px !important;
    background-repeat:no-repeat !important;
  }
}
@media (min-width:401px) and (max-width:649.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center -60px !important;
    background-repeat:no-repeat !important;
  }
}
@media (max-width:400px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--laredo-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center -40px !important;
    background-repeat:no-repeat !important;
  }
}


/* ======================================================================
   TDSD LUBBOCK HERO v1 — verified courthouse responsive pilot 2026-11-05
   BASELINE: Laredo v3 approved site.css, all previous court rules preserved.
   Scope exclusively Lubbock finished hero. No image or content changes.
   Desktop AND portrait images feature the Lubbock courthouse to the RIGHT.
   1181px+ and 649px and below retain current rules.
   981–1180px: wide artwork fit to hero height, right anchored.
   680–980px: portrait artwork right anchored, controlled vertical sizing;
   opaque gradual navy blend extends to image edge (no hard seam).
   650–679.99px: width fit wins above legacy cover!important rule.
   ====================================================================== */
@media (min-width:981px) and (max-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,rgba(5,35,63,.98) 25%,rgba(5,35,63,.75) 44%,
        rgba(5,35,63,.36) 59%,rgba(5,35,63,0) 78%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-hero-copy {
    max-width:min(760px,58vw) !important;
    padding-right:14px !important;
  }
}
@media (min-width:680px) and (max-width:980px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%, #05233f 40%,rgba(5,35,63,.98) 48%,
        rgba(5,35,63,.80) 58%,rgba(5,35,63,.42) 72%,
        rgba(5,35,63,.12) 86%,rgba(5,35,63,0) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,auto 130% !important;
    background-position:center center,right calc(50% - 65px) !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:1180px) {
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-proof {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-proof-item,
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-proof-item + .court-detail-proof-item {
    padding:10px 14px 10px 0 !important;
    border-top:0 !important;
    border-left:0 !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-proof-item + .court-detail-proof-item {
    padding-left:14px !important;
  }
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-answerbar {
    grid-template-columns:140px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }
}
@media (min-width:680px) and (max-width:820px) {
  .court-detail-page .court-detail-hero.court-detail-hero--lubbock-finished .court-detail-answerbar {
    grid-template-columns:125px 1fr !important;
    gap:14px !important;
  }
}
@media (min-width:650px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   TDSD LUBBOCK HERO v2 — 650–900px portrait crop correction
   Based directly on uploaded Lubbock v1 stylesheet (2026-11-05).
   Fix: stop sizing portrait artwork at 130% of hero height.
   Instead use the approved small-mobile portrait's full-width sizing,
   preserving the intact courthouse and avoiding the all-sides zoom.
   Scope STRICTLY Lubbock and 650px–900px.
   All other widths and other courts retain their previous declarations.
   ====================================================================== */
@media (min-width:650px) and (max-width:900.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* ======================================================================
   TDSD LUBBOCK HERO v3 — responsive focal framing refinement, 2026-11-05
   Lubbock ONLY. Overrides the v1/v2 rules above without touching other courts.
   >=1180px and <=615px: untouched approved visual presentation.
   981–1179: shrink oversized wide image to expose more courthouse.
   680–980: use portrait art at native width fit, with responsive upward
             offset so roof / main doors are visible instead of sky / ground.
   616–679: preserve portrait size and smoothly raise focal point, meeting
            previously approved <=615px positioning without abrupt jump.
   ====================================================================== */
@media (min-width:981px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.99) 23%, rgba(5,35,63,.82) 40%, rgba(5,35,63,.34) 59%, rgba(5,35,63,0) 80%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 80% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:680px) and (max-width:980.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg, #05233f 0%, rgba(5,35,63,.98) 22%, rgba(5,35,63,.74) 40%, rgba(5,35,63,.20) 65%, rgba(5,35,63,0) 86%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center center,center calc(540px - 95vw) !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}
@media (min-width:616px) and (max-width:679.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center clamp(-105px, calc(984px - 160vw), 0px) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   TDSD LUBBOCK HERO v4 — 680–980px image zoom-out + entrance visibility
   2026-11-05. Lubbock ONLY. All previously approved widths unchanged.
   Portrait art fits at 80% of hero width (rather than 100%), right-anchored.
   An upward, fluid focal shift exposes more doors ABOVE the Quick Answer card.
   Extended opaque-to-clear navy gradient conceals image layer's left boundary.
   No change to actual Quick Answer box or any other court.
   ====================================================================== */
@media (min-width:680px) and (max-width:980.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,
        #05233f 33%,
        rgba(5,35,63,.98) 43%,
        rgba(5,35,63,.79) 55%,
        rgba(5,35,63,.39) 72%,
        rgba(5,35,63,.08) 90%,
        rgba(5,35,63,0) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,80% auto !important;
    background-position:center center,right calc(81px - 26.7vw) !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}

/* ======================================================================
   TDSD LUBBOCK HERO v5 — smooth wide-image top + higher tablet focal point
   Nov 5 2026. Only Lubbock; 981–1179px and 680–980px.
   Keep the v4 courthouse scale. Mask the top/bottom of the 80%-height
   wide image to eliminate its rectangular edge without re-zooming.
   ====================================================================== */
@media (min-width:981px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:linear-gradient(90deg,#05233f 0%,#05233f 15%,#062641 100%) !important;
    background-color:#05233f !important;
  }
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background-image:var(--court-detail-hero-image) !important;
    background-size:auto 80% !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 3%,rgba(0,0,0,.35) 11%,#000 23%,#000 84%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,transparent 3%,rgba(0,0,0,.35) 11%,#000 23%,#000 84%,transparent 100%);
  }
}
@media (min-width:680px) and (max-width:980.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-position:center center,right calc(35px - 28vw) !important;
  }
}

/* ======================================================================
   TDSD LUBBOCK HERO v6 — reliable background-layer correction 2026-11-05
   Lubbock ONLY. Overrides the unsuccessful ::after approach from v5.
   981–1179: top/bottom navy fade is rendered ON the hero background itself,
   so there is no independent pseudo element or hard 80%-height photo edge.
   680–980: preserve 80% portrait scale, shift photo upward another 65px.
   >=1180 and <=679: approved appearances untouched.
   ====================================================================== */
@media (min-width:981px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(to bottom,
        #05233f 0%,rgba(5,35,63,.99) 9%,
        rgba(5,35,63,.85) 13%,rgba(5,35,63,.40) 19%,
        rgba(5,35,63,0) 29%,rgba(5,35,63,0) 73%,
        rgba(5,35,63,.25) 83%,rgba(5,35,63,.82) 92%,
        #05233f 100%),
      linear-gradient(90deg,
        #05233f 0%,rgba(5,35,63,.99) 23%,
        rgba(5,35,63,.82) 40%,rgba(5,35,63,.34) 59%,
        rgba(5,35,63,0) 80%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,100% 100%,auto 80% !important;
    background-position:center center,center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished::after {
    content:none !important;
    display:none !important;
  }
}
@media (min-width:680px) and (max-width:980.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--lubbock-finished {
    background-image:
      linear-gradient(90deg,
        #05233f 0%,#05233f 33%,rgba(5,35,63,.98) 43%,
        rgba(5,35,63,.79) 55%,rgba(5,35,63,.39) 72%,
        rgba(5,35,63,.08) 90%,rgba(5,35,63,0) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,80% auto !important;
    background-position:center center,right calc(-30px - 28vw) !important;
    background-repeat:no-repeat !important;
    background-color:#05233f !important;
  }
}


/* =====================================================================
   TDSD McALLEN HERO responsive refinement v1 — 2026-11-05
   Scope: McAllen Municipal Court only. Approved >=1180px and <=650px
   remain unchanged. Use portrait artwork without cover-driven zoom at
   651–1179px. Smooth edges with navy-to-clear composite gradients.
   ===================================================================== */
@media (min-width:651px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:
      linear-gradient(90deg,
        #03233f 0%, #03233f 26%, rgba(3,35,63,.98) 38%,
        rgba(3,35,63,.87) 49%, rgba(3,35,63,.40) 71%,
        rgba(3,35,63,0) 100%),
      linear-gradient(to bottom,
        #03233f 0%, rgba(3,35,63,.85) 5%,
        rgba(3,35,63,0) 19%, rgba(3,35,63,0) 79%,
        rgba(3,35,63,.55) 93%, #03233f 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% 100%,auto 83% !important;
    background-position:center center,center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}
@media (min-width:651px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-size:100% 100%,100% 100%,auto 90% !important;
    background-position:center center,center center,right 43% !important;
  }
}


/* ======================================================================
   TDSD McALLEN HERO responsive refinement v2 — 2026-11-05
   McAllen ONLY. Avoid the short rectangular background photo which caused
   top/bottom/left image seams in v1. At 651–1179px the original portrait
   artwork now extends across the entire width, at its natural aspect ratio.
   Vertical position follows fluid, continuous steps across 651/900/1179,
   retaining the approved <=649 and >=1180 styles untouched. The single
   horizontal fade is integrated into the full-area image — no hard edges.
   ====================================================================== */
@media (min-width:650px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:
      linear-gradient(90deg,
        rgba(3,35,63,.99) 0%, rgba(3,35,63,.92) 20%,
        rgba(3,35,63,.64) 38%, rgba(3,35,63,.20) 61%,
        rgba(3,35,63,0) 84%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center center,center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}
@media (min-width:651px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-position:center center,center calc((650px - 100vw) * .58) !important;
  }
}
@media (min-width:901px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-position:center center,center calc(-145px - (100vw - 900px) * .88) !important;
  }
}

/* ======================================================================
   TDSD McALLEN HERO responsive refinement v3 — 2026-11-05
   Scope: McAllen Municipal Court ONLY. Do not affect >=1180px or <=650px.
   The 992x1586 portrait background must not be sized to full hero width on
   tablets: that turns a 700px-tall hero into a crop of a 1400px+ image.
   Use a smaller right-aligned photo with a soft navy gradient to blend its
   left edge. Raise its focal position so the entrance stays ABOVE the
   Quick Answer card. These rules intentionally come after the v1/v2 CSS.
   ====================================================================== */
@media (min-width:901px) and (max-width:1179.99px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:
      linear-gradient(90deg,
        #03233f 0%, #03233f 20%, rgba(3,35,63,.99) 34%,
        rgba(3,35,63,.89) 46%, rgba(3,35,63,.57) 58%,
        rgba(3,35,63,.16) 76%, rgba(3,35,63,0) 96%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,75% auto !important;
    background-position:center center,right calc(-125px - (100vw - 901px) * .36) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}
@media (min-width:651px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:
      linear-gradient(90deg,
        #03233f 0%,rgba(3,35,63,.99) 19%,rgba(3,35,63,.95) 34%,
        rgba(3,35,63,.76) 47%,rgba(3,35,63,.32) 67%,
        rgba(3,35,63,0) 94%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,calc(110% - 3vw) auto !important;
    background-position:center center,right calc(-25px - (100vw - 651px) * .54) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
    min-height:0 !important;
  }
}


/* =====================================================================
   TDSD McAllen hero v4 — focused mid-width correction, 2026-11-05
   ONLY 651px through 900px. Wider >=901px and narrower <=650px remain
   exactly as approved in v3. The portrait is now substantially smaller
   than v3's 83–90% width (60% at 900px; approx. 72% at 651px).
   The photo is anchored to the right and raised incrementally, while
   a two-axis NAVY gradient hides the bottom and left artwork edges.
   ===================================================================== */
@media (min-width:651px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--mcallen-finished {
    background-image:
      linear-gradient(90deg,
        #03233f 0%,#03233f 23%,rgba(3,35,63,.99) 36%,
        rgba(3,35,63,.89) 47%,rgba(3,35,63,.55) 61%,
        rgba(3,35,63,.14) 78%,rgba(3,35,63,0) 100%),
      linear-gradient(180deg,
        rgba(3,35,63,0) 0%,rgba(3,35,63,0) 63%,
        rgba(3,35,63,.15) 70%,rgba(3,35,63,.70) 81%,
        #03233f 94%,#03233f 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% 100%,calc(30% + 270px) auto !important;
    background-position:center center,center center,
      right calc(-12px - (100vw - 651px) * .36) !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* ======================================================================
   SAN ANTONIO MUNICIPAL COURT — hero clarity + photographic framing v1
   2026-11-05. SCOPED to San Antonio only.
   Approved desktop and mobile JPG assets stay unchanged.
   Remove earlier multi-layer, strongly cyan blue glaze and both pseudo
   filters. Soft navy text-side gradient fades smoothly, no block/seam.
   ====================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
  background-color:#03233f !important;
  background-image:
    linear-gradient(90deg,
      #03233f 0%, rgba(3,35,63,.97) 19%,rgba(3,35,63,.83) 37%,
      rgba(3,35,63,.36) 59%,rgba(3,35,63,.04) 82%,rgba(3,35,63,0) 100%),
    var(--court-detail-hero-image) !important;
  background-size:100% 100%,cover !important;
  background-position:center center,center bottom !important;
  background-repeat:no-repeat !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished::after {
  content:none !important;
  background:none !important;
  filter:none !important;
  opacity:0 !important;
}
/* Mid desktop: show the whole building, not an overscaled hero crop. */
@media (min-width:901px) and (max-width:1179.98px) {
 body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
   background-image:
     linear-gradient(90deg,#03233f 0%,rgba(3,35,63,.99) 21%,rgba(3,35,63,.88) 38%,rgba(3,35,63,.35) 64%,rgba(3,35,63,0) 100%),
     linear-gradient(180deg,rgba(3,35,63,0) 54%,rgba(3,35,63,.12) 73%,#03233f 100%),
     var(--court-detail-hero-image) !important;
   background-size:100% 100%,100% 100%,100% auto !important;
   background-position:center,center,center bottom !important;
   background-repeat:no-repeat !important;
 }
}
/* Tablet: proportionate desktop photograph at the right with edge-to-edge
   translucent fade. No hard box around the reduced picture. */
@media (min-width:650px) and (max-width:900px) {
 body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
   background-image:
     linear-gradient(90deg,#03233f 0%,rgba(3,35,63,.98) 19%,rgba(3,35,63,.85) 40%,rgba(3,35,63,.24) 77%,rgba(3,35,63,0) 100%),
     linear-gradient(180deg,#03233f 0%,rgba(3,35,63,.76) 17%,rgba(3,35,63,0) 36%,rgba(3,35,63,0) 66%,#03233f 100%),
     var(--court-detail-hero-image) !important;
   background-size:100% 100%,100% 100%,100% auto !important;
   background-position:center,center,center 52% !important;
   background-repeat:no-repeat !important;
 }
}
/* Existing narrow mobile portrait: retain framing, remove heavy blue glaze.
   Keep a darker text-safe top and let approved blue-steel photo show through. */
@media (max-width:649.98px) {
 body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
   background-image:
     linear-gradient(180deg,
       rgba(3,35,63,.92) 0%,rgba(3,35,63,.78) 25%,
       rgba(3,35,63,.40) 50%,rgba(3,35,63,.09) 77%,
       rgba(3,35,63,.27) 100%),
     var(--court-detail-hero-mobile-image) !important;
   background-size:100% 100%,100% auto !important;
   background-position:center,center top !important;
   background-repeat:no-repeat !important;
 }
}


/* ======================================================================
   SAN ANTONIO MUNICIPAL COURT — hero framing refinement v2
   2026-11-05. Scoped to San Antonio only.
   User review after v1:
   - >=901px: current artwork is still too zoomed/cropped at the top and
     sits too low, allowing the Quick Answer bar to cover too much of the
     courthouse. Fit the approved desktop image by HEIGHT, anchor right,
     and center vertically so more of the building remains visible.
   - <=649.98px: keep current mobile framing but slightly reduce the dark
     blue glaze so the courthouse reads more clearly on small screens.
   No image files, content, layout height, or other court pages changed.
   ====================================================================== */
@media (min-width:901px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
    background-image:
      linear-gradient(90deg,
        #03233f 0%,
        rgba(3,35,63,.97) 18%,
        rgba(3,35,63,.89) 31%,
        rgba(3,35,63,.67) 43%,
        rgba(3,35,63,.34) 56%,
        rgba(3,35,63,.08) 71%,
        rgba(3,35,63,0) 82%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,auto 100% !important;
    background-position:center center,right center !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.84) 0%,
        rgba(3,35,63,.68) 25%,
        rgba(3,35,63,.34) 50%,
        rgba(3,35,63,.10) 76%,
        rgba(3,35,63,.18) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center,center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* =====================================================================
   SAN ANTONIO MUNICIPAL COURT — v3 narrow-phone visual clarity
   2026-11-06. Affects ONLY viewports 420px and below.
   Desktop, tablet, and 421–649px approvals remain unchanged.
   Lifts the heavy navy tint over the middle courthouse facade while
   retaining a dark upper text field and the original approved asset.
   No background size, position, or layout values are changed.
   ===================================================================== */
@media (max-width:420px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.88) 0%,
        rgba(3,35,63,.74) 22%,
        rgba(3,35,63,.42) 37%,
        rgba(3,35,63,.19) 50%,
        rgba(3,35,63,.04) 64%,
        rgba(3,35,63,.04) 77%,
        rgba(3,35,63,.15) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center center,center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}

/* =====================================================================
   SAN ANTONIO v4 — emphatic 360–420px visibility correction, 2026-11-06
   Previous v3 still covered much of the visible building in dark navy.
   Keep darkness above the lettering, then quickly fade the overlay away
   across the building. Photo asset and all other widths unchanged.
   ===================================================================== */
@media (max-width:420px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--san-antonio-finished {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.96) 0%,
        rgba(3,35,63,.90) 20%,
        rgba(3,35,63,.50) 29%,
        rgba(3,35,63,.06) 38%,
        rgba(3,35,63,0) 52%,
        rgba(3,35,63,0) 76%,
        rgba(3,35,63,.09) 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center center,center top !important;
    background-repeat:no-repeat !important;
    background-color:#03233f !important;
  }
}


/* =====================================================================
   EL PASO GOLD STANDARD v3 — 2026-11-06
   Aspect-ratio repair following 360px and 658px visual tests.
   IMPORTANT: 100% 100% stretches the background image and is forbidden.
   - Desktop (>900px): preserve panoramic photo with cover; no hard seams.
   - Mid-width (650–900px): use approved portrait art rather than forcing
     the panoramic art into a very tall narrow hero.
   - Small screens (<=649px): portrait at natural aspect ratio; navy canvas
     fills remaining height without distorting the courthouse.
   Scoped to El Paso. No global court rules or layout changes.
   ===================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
  background-color:#03233f !important;
  background-image:var(--court-detail-hero-image) !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:cover !important;
  border-top:0 !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot::after {
  content:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
}
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
}


/* =====================================================================
   EL PASO — v5 positioning-only final adjustment (2026-11-06)
   Approved imagery, steel-blue grading, and 901px+ are unchanged.
   All offsets reposition existing images; no stretching or extra overlays.
   ===================================================================== */
/* 900px: raise the courthouse/entrance clear of Quick Answer.
   Ease continuously to the approved 650px composition. */
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    background-position:center calc(50% - (100vw - 650px) / 1.6) !important;
  }
}
/* 649px: remove the downward jump; reach the approved 543px image position. */
@media (min-width:543px) and (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    background-position:center calc(0px - (100vw - 543px)) !important;
  }
}
/* 542–360px: subtle upward lift towards the narrowest phone widths. */
@media (max-width:542.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    background-position:center calc((100vw - 543px) / 5) !important;
  }
}


/* =====================================================================
   EL PASO v6 — precise sub-650px portrait-position correction (2026-11-06)
   650px and wider is LOCKED / UNCHANGED.
   Keep the approved portrait image, its natural aspect ratio, and its color.
   Avoid the 649px downward jump and expose more courthouse above buttons.
   No overlay, scaling, image replacement, or global court modifications.
   ===================================================================== */
@media (min-width:543px) and (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    /* 649px: -90px; 543px: -65px; smooth transition. */
    background-position:center calc(-65px - (100vw - 543px) * 0.23585) !important;
  }
}
@media (max-width:542.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--el-paso-gold-pilot {
    /* 543px: -65px; 412px: about -85px; 360px: about -93px. */
    background-position:center calc(-65px - (543px - 100vw) * 0.154) !important;
  }
}


/* ====================================================================
   AUSTIN — Gold Standard hero-only visual refresh v1 (2026-11-06)
   Source: 2026-11-06 full website backup. Uses EXISTING desktop/mobile
   illustrations; no additional blue mask, no image distortion.
   These rules affect ONLY Austin Municipal Court's hero; all court body
   sections and the previously approved El Paso/San Antonio remain intact.
   ==================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
  background-color:#03233f !important;
  background-image:var(--court-detail-hero-image) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
  border-top:0 !important;
  filter:none !important;
}
/* The source JPGs already carry the finished steel-blue grade. */
body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh::after {
  content:none !important;
  display:none !important;
  background:none !important;
}
/* Bridge wide and tablet widths with the more vertically composed art.
   Natural scaling avoids the earlier 3:1 desktop-photo crop. */
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center -190px !important;
  }
}
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center -100px !important;
  }
}
/* Mobile uses the already-approved portrait art as a full-width image,
   never stretch its height and never place a second dark overlay on it. */
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
    background-color:#053354 !important;
  }
}

/* ====================================================================
   AUSTIN GOLD HERO v2 — November 6, 2026
   Austin-only responsive refinements based on live breakpoint screenshots.
   No replacement artwork, no hero pseudo-layers, no page-content changes.
   ==================================================================== */
/* Finish the wide artwork in a slightly deeper, less violet steel-blue.
   The underlying JPG remains unchanged; no separate gradient mask. */
@media (min-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-color:#c5d0d3 !important;
    background-blend-mode:multiply !important;
    background-position:right center !important;
  }
}
/* From 1179 down to 901: use the portrait composition without the
   excessive lower drift. Offset changes continuously, not at jumps. */
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-color:#043152 !important;
    background-blend-mode:normal !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(-235px - (100vw - 901px) * .70) !important;
  }
}
/* On tablet the building is raised at 900 and eases down gently to 650,
   approaching the first sub-650 mobile frame instead of jumping. */
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-color:#043152 !important;
    background-blend-mode:normal !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(-220px + (900px - 100vw) * .88) !important;
  }
}
/* Match the actual portrait art's navy-blue base, not the mismatched
   previous #053354, to avoid a color boundary below the illustration. */
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-color:#043152 !important;
    background-blend-mode:normal !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center top !important;
  }
}
/* Hold the 420px vertical focal point more consistently towards 360px.
   Move the portrait down gradually at the narrowest phone widths. */
@media (max-width:420px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-position:center calc((420px - 100vw) * .72) !important;
  }
}

/* ====================================================================
   AUSTIN HERO v3 — LOCKED TDSD steel/navy standard, Nov 6 2026
   Exact background: #03233F (RGB 3,35,63). Images graded to this value.
   No hero color filter, CSS blend, pseudo-mask, or added gradient.
   All v2 responsive image positions remain untouched.
   ==================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
  background-color:#03233f !important;
  background-blend-mode:normal !important;
}
@media (min-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-blend-mode:normal !important;
  }
}
@media (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--austin-gold-refresh {
    background-color:#03233f !important;
    background-blend-mode:normal !important;
  }
}


/* ====================================================================
   ARLINGTON HERO v5 — 2026-11-06
   Locked TDSD dark steel/navy #03233F. Desktop sky regraded darker to
   match the approved 1179px look more closely. Mobile framing remains
   unchanged and holds steady from 421px down to 360px.
   No CSS overlay/filter; artwork is graded directly.
   ==================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot {
  background-color:#03233f !important;
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-blend-mode:normal !important;
  border-top:0 !important;
  filter:none !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot::after {
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
}
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(-210px - (100vw - 901px) * .68) !important;
  }
}
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(-30px - (100vw - 650px) * .34) !important;
  }
}
@media (min-width:425px) and (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc((649px - 100vw) * .35) !important;
  }
}
@media (max-width:424.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--arlington-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    /* Keep portrait at the same vertical anchor used at 421px. */
    background-position:center 80px !important;
  }
}


/* ====================================================================
   DALLAS HERO v2 — 2026-11-06
   Fine-tunes Dallas to the approved Gold Standard:
   - darker navy shading on full desktop to match the approved 1179px look
   - no generic violet cast at 1180px+
   - softened bottom fade so the mobile/desktop artwork transitions cleanly
   - small mobile positioning refinement: nudge 420px slightly upward, then
     hold that placement from ~385px down to 360px
   ==================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
  background-color:#03233f !important;
  background-image:
    linear-gradient(180deg,
      rgba(3,35,63,.26) 0%,rgba(3,35,63,.12) 16%,rgba(3,35,63,.02) 34%,
      rgba(3,35,63,0) 61%,rgba(3,35,63,.10) 80%,rgba(3,35,63,.28) 92%,#03233f 100%),
    linear-gradient(90deg,
      #03233f 0%,rgba(3,35,63,.985) 18%,rgba(3,35,63,.92) 34%,
      rgba(3,35,63,.44) 63%,rgba(3,35,63,.10) 83%,rgba(3,35,63,0) 100%),
    var(--court-detail-hero-image) !important;
  background-size:100% 100%,100% 100%,cover !important;
  background-repeat:no-repeat !important;
  background-position:center,center,right center !important;
  background-blend-mode:normal !important;
  border-top:0 !important;
  filter:none !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot::after {
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
}
@media (min-width:1180px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.34) 0%,rgba(3,35,63,.16) 15%,rgba(3,35,63,.03) 33%,
        rgba(3,35,63,0) 58%,rgba(3,35,63,.10) 79%,rgba(3,35,63,.30) 91%,#03233f 100%),
      linear-gradient(90deg,
        #03233f 0%,rgba(3,35,63,.99) 20%,rgba(3,35,63,.94) 37%,
        rgba(3,35,63,.48) 64%,rgba(3,35,63,.11) 83%,rgba(3,35,63,0) 100%),
      var(--court-detail-hero-image) !important;
    background-size:100% 100%,100% 100%,cover !important;
    background-position:center,center,right center !important;
  }
}
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(-210px - (100vw - 901px) * .68) !important;
  }
}
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.78) 0%,rgba(3,35,63,.32) 22%,rgba(3,35,63,.04) 44%,
        rgba(3,35,63,0) 64%,rgba(3,35,63,.18) 83%,#03233f 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center,center calc(-30px - (100vw - 650px) * .34) !important;
  }
}
@media (min-width:425px) and (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.88) 0%,rgba(3,35,63,.56) 24%,rgba(3,35,63,.14) 50%,
        rgba(3,35,63,.03) 67%,rgba(3,35,63,.22) 81%,rgba(3,35,63,.62) 92%,#03233f 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    background-position:center,center calc((649px - 100vw) * .28) !important;
  }
}
/* DALLAS v5: sub-425 positioning + seamless navy background transition.
   The portrait retains native aspect ratio; no image stretch and no other courts affected. */
@media (max-width:424.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--dallas-gold-pilot {
    background-color:#03233f !important;
    background-image:
      linear-gradient(180deg,
        rgba(3,35,63,.92) 0%,rgba(3,35,63,.60) 24%,rgba(3,35,63,.16) 42%,
        rgba(3,35,63,.06) 54%,rgba(3,35,63,.20) 62%,rgba(3,35,63,.60) 70%,
        rgba(3,35,63,.88) 79%,#03233f 90%,#03233f 100%),
      var(--court-detail-hero-mobile-image) !important;
    background-size:100% 100%,100% auto !important;
    /* Raise the image gently at 424px, converging with the approved 360px position. */
    background-position:center,center calc(64px - (100vw - 360px) * .45) !important;
    background-repeat:no-repeat !important;
  }
}


/* ====================================================================
   FORT WORTH HERO v7 — 2026-11-07
   Position-only refinement. Keep the approved Fort Worth hero artwork,
   colors, and small-mobile framing exactly as accepted.
   - 1180px and wider: unchanged / approved
   - 1179px to 901px: shift the wide artwork slightly DOWN
   - 800px and narrower (down to 650px): shift the wide artwork UP
   No image recoloring, no content changes, and no effect on other courts.
   ==================================================================== */
body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
  background-color:#03233f !important;
  background-image:var(--court-detail-hero-image) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
  background-blend-mode:normal !important;
  border-top:0 !important;
  filter:none !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot::after {
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
}
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-image:var(--court-detail-hero-image) !important;
    background-size:cover !important;
    background-position:right 47% !important;
  }
}
@media (min-width:801px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-image:var(--court-detail-hero-image) !important;
    background-size:cover !important;
    background-position:right 50% !important;
  }
}
@media (min-width:650px) and (max-width:800px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-image:var(--court-detail-hero-image) !important;
    background-size:cover !important;
    background-position:right 56% !important;
  }
}


/* ====================================================================
   FORT WORTH HERO v8 — restore dedicated MOBILE portrait artwork
   Retains all v7 desktop/tablet hero positioning and locked blue grade.
   At 649px and below, the finished 900x1500 portrait image replaces
   the wide image (the Fort Worth-specific v7 selector had prevented
   the generic mobile-image rule from winning in the CSS cascade).
   Image retains its natural aspect ratio; NO stretch or blue overlay.
   Scoped to Fort Worth only.
   ==================================================================== */
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-position:center calc(155px - (100vw - 360px) * .65) !important;
    background-blend-mode:normal !important;
  }
}


/* ====================================================================
   FORT WORTH HERO v9 — tablet framing + portrait vertical lift
   Uses the APPROVED image files and #03233f. No artwork recoloring.
   Tablet: reduce the visual magnification while holding the courthouse
   on the right; use navy behind the artwork. Portrait: move the building
   higher progressively at narrow widths, without changing aspect ratio.
   ==================================================================== */
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-image) !important;
    background-size:auto 90% !important;
    background-repeat:no-repeat !important;
    background-position:right center !important;
  }
}
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-position:center calc(40px - (100vw - 360px) * .35) !important;
  }
}


/* ====================================================================
   FORT WORTH HERO v10 — hold 420px mobile framing at narrower widths
   Corrects the v9 upward visual drift at 391px and 360px by moving the
   portrait downward progressively as the viewport narrows.
   420px remains as approved; widths above 420px are untouched.
   Approved images, color #03233f, aspect ratio, and all other courts
   remain unchanged.
   ==================================================================== */
@media (max-width:420px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--fort-worth-gold-pilot {
    background-position:center calc(19px + (420px - 100vw) * 1.05) !important;
  }
}


/* ================================================================
   HOUSTON COURT HERO — GOLD STANDARD v1 (Houston only)
   Image grading is baked into the JPG files: no CSS filters/overlays.
   Navy locked at #03233f. No modifications to other court heroes.
   Keep the building anchored right on desktop and prevent stretching.
   ================================================================ */
body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
  background-color:#03233f !important;
  background-image:var(--court-detail-hero-image) !important;
  background-size:cover !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
  background-blend-mode:normal !important;
  filter:none !important;
  border-top:0 !important;
}
body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot::before,
body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot::after {
  content:none !important;
  display:none !important;
}
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-position:right center !important;
  }
}
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-image:var(--court-detail-hero-image) !important;
    background-size:auto 100% !important;
    background-position:right center !important;
  }
}
@media (max-width:649.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:100% auto !important;
    background-position:center calc(40px - (100vw - 360px) * .35) !important;
  }
}
@media (max-width:420px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-position:center calc(19px + (420px - 100vw) * 1.05) !important;
  }
}

/* ================================================================
   HOUSTON GOLD STANDARD v2 — TABLET FRAMING ONLY
   Only 650–1179px. 649px and below, and 1180px and above,
   retain their approved settings. No new filters or color overlays.
   The 650–900px portrait asset prevents the 3:1 desktop image
   from being enlarged to the height of a tall tablet hero.
   ================================================================ */
@media (min-width:650px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-mobile-image) !important;
    background-size:cover !important;
    background-position:right 46% !important;
    background-repeat:no-repeat !important;
    background-blend-mode:normal !important;
    filter:none !important;
  }
}
@media (min-width:901px) and (max-width:1179.98px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-color:#03233f !important;
    background-image:var(--court-detail-hero-image) !important;
    background-position:right 54% !important;
    background-repeat:no-repeat !important;
    background-blend-mode:normal !important;
    filter:none !important;
  }
}


/* ================================================================
   HOUSTON GOLD STANDARD v3 — 900px POSITION CORRECTION ONLY
   Keep 650–780 approved framing intact. Lower the image slightly
   only at the upper tablet range so the top of the building is not cropped.
   ================================================================ */
@media (min-width:850px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-position:right 54% !important;
  }
}


/* ================================================================
   HOUSTON GOLD STANDARD v4 — CORRECT TABLET DIRECTION (700–900px)
   Background is taller than hero. Increasing positive pixel offset
   places the image LOWER, preserving more of the building roofline.
   Smooth adjustment: 700px=unchanged; 900px=100px lower.
   Keeps the original baked-in navy and all other courts untouched.
   ================================================================ */
@media (min-width:700px) and (max-width:900px) {
  body.court-detail-page section.court-detail-hero.court-detail-hero--houston-gold-pilot {
    background-position:right calc(46% + 50vw - 350px) !important;
  }
}