/* AutoSchools V2.0.10 — final entry-state parity. */
.role-hero--guest,
.role-hero--account { padding:17px 16px 14px; min-height:0; }
.role-hero--guest .role-hero-top,
.role-hero--account .role-hero-top { min-height:156px; }
.role-hero--guest .role-subtitle,
.role-hero--account .role-subtitle { display:none !important; }
.role-hero--guest .role-hero-copy,
.role-hero--account .role-hero-copy { max-width:310px; }
.role-hero--guest { --hero-art-width:60%; --hero-art-right:-1%; --hero-art-y:118px; --hero-art-scale:1.02; --hero-copy-width:61%; }
.role-hero--account { --hero-art-width:61%; --hero-art-right:-2%; --hero-art-y:118px; --hero-art-scale:1.01; --hero-copy-width:63%; }
.role-hero--guest::after,
.role-hero--account::after { background:linear-gradient(90deg,rgba(2,11,27,.96) 0%,rgba(2,11,27,.91) 31%,rgba(3,13,31,.60) 56%,rgba(3,13,31,.13) 79%,transparent 100%),linear-gradient(180deg,transparent 45%,rgba(2,10,25,.23) 68%,rgba(2,10,25,.70) 100%); }
.approved-role-art--guest img,
.approved-role-art--account img { -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 8%,rgba(0,0,0,.72) 24%,#000 39%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 8%,rgba(0,0,0,.72) 24%,#000 39%,#000 100%); filter:drop-shadow(0 18px 30px rgba(0,72,200,.52)) saturate(1.10) contrast(1.035); }
.role-hero--guest .approved-art-halo,
.role-hero--account .approved-art-halo { width:62%; right:-2%; top:10px; opacity:.78; }
.role-hero--guest .approved-art-grid,
.role-hero--account .approved-art-grid { opacity:.52; }
.role-hero--guest h2,
.role-hero--account h2 { font-size:clamp(26px,6.15vw,31px); line-height:1.04; letter-spacing:-.78px; }
.role-hero--guest .role-metrics,
.role-hero--account .role-metrics { margin-top:9px; }
.role-hero--guest .role-metric,
.role-hero--account .role-metric { min-height:74px; }
.role-hero--guest .role-hero-primary,
.role-hero--account .role-hero-primary { min-height:53px; margin-top:10px; }
@media (max-width:430px) {
  .role-hero--guest,.role-hero--account { padding:16px 13px 13px; }
  .role-hero--guest .role-hero-top,.role-hero--account .role-hero-top { min-height:151px; }
  .role-hero--guest { --hero-art-width:70%; --hero-art-right:-4%; --hero-art-y:101px; --hero-copy-width:64%; }
  .role-hero--account { --hero-art-width:71%; --hero-art-right:-5%; --hero-art-y:101px; --hero-copy-width:66%; }
  .role-hero--guest h2,.role-hero--account h2 { font-size:26px; }
  .role-hero--guest .role-metric,.role-hero--account .role-metric { min-height:72px; }
  .role-hero--guest .role-hero-primary,.role-hero--account .role-hero-primary { min-height:52px; }
}
@media (max-width:390px) {
  .role-hero--guest .role-hero-top,.role-hero--account .role-hero-top { min-height:148px; }
  .role-hero--guest { --hero-art-width:74%; --hero-art-right:-6%; --hero-art-y:95px; --hero-copy-width:67%; }
  .role-hero--account { --hero-art-width:75%; --hero-art-right:-7%; --hero-art-y:95px; --hero-copy-width:69%; }
  .role-hero--guest h2,.role-hero--account h2 { font-size:24.5px; letter-spacing:-.68px; }
  .role-hero--guest .role-metric,.role-hero--account .role-metric { min-height:70px; }
  .role-hero--guest .role-hero-primary,.role-hero--account .role-hero-primary { min-height:50px; }
}
@media (max-width:350px) {
  /* Keep entry states exactly aligned with role dashboards even when WebView font metrics jitter at 320px. */
  .role-hero--guest,.role-hero--account { min-height:347px; }
  .role-hero--guest .role-hero-top,.role-hero--account .role-hero-top { min-height:146px; }
  .role-hero--guest { --hero-art-width:78%; --hero-art-right:-8%; --hero-art-y:90px; --hero-copy-width:72%; }
  .role-hero--account { --hero-art-width:79%; --hero-art-right:-9%; --hero-art-y:90px; --hero-copy-width:74%; }
  .role-hero--guest h2,.role-hero--account h2 { font-size:22.5px; }
  .role-hero .role-metric,.role-hero--student .role-metric:nth-child(2) { height:101px; min-height:101px; }
}