/* Florida License Lookup: design A "Clear Check" with the lineup hero (Jack's pick, 2026-11-07). */
@font-face{font-family:"PS";font-weight:100 900;font-display:swap;src:url(fonts/publicsans-var.woff2) format("woff2")}
:root{--teal:#0e5552;--teal2:#137a74;--gold:#f2b632;--ink:#132423;--muted:#5a6b69;--line:#dfe7e5;--soft:#f3f7f6;--mint:#eaf3f2;
  --ok:#13794a;--okb:#e1f3e9;--warn:#8f5b00;--warnb:#fdf0d3;--bad:#b42318;--badb:#fde4e1;--grey:#5a6b69;--greyb:#eef2f1}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 PS,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--teal2)}a:hover{color:var(--teal)}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.muted{color:var(--muted)}.small{font-size:.9rem}

/* header and footer */
header.top{background:#fff;border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:28px;min-height:68px}
.logo{font-weight:800;font-size:1.12rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:flex;gap:9px;align-items:center}
.logo svg{flex:none}
header nav{display:flex;gap:22px;margin-left:auto}
header nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
header nav a:hover{color:var(--teal2)}
footer{background:var(--teal);color:#cfe4e1;padding:36px 0 40px;font-size:.92rem;margin-top:64px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px}
footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline;color:#fff}
footer b{color:#fff}footer p{margin:8px 0;max-width:90ch}

/* home hero: lineup photo on the right, search card on a soft teal panel */
.hero{display:grid;grid-template-columns:42% 58%;min-height:540px;background:linear-gradient(180deg,var(--mint),#f6faf9)}
.hero .txt{padding:48px 36px 48px max(24px,calc((100vw - 1160px)/2 + 24px));display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.035em;margin:0;font-weight:850;color:#0b2f2d}
.hero .img{background:url(img/lineup.jpg) right center/cover}
.card{background:#fff;border-radius:16px;box-shadow:0 18px 50px -24px rgba(9,45,43,.45);max-width:600px;margin-top:24px;padding:18px 18px 14px}
.card p{margin:0 0 12px;font-size:1.05rem;color:var(--muted);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chips a{font-size:.85rem;font-weight:600;color:var(--teal);background:var(--mint);border-radius:999px;padding:4px 11px;text-decoration:none}
.chips a:hover{background:#d8ebe8}

/* search */
.find{margin:18px 0 8px;max-width:640px}.find.big{margin:0}
.findrow{display:flex;border:1.5px solid var(--line);border-radius:12px;padding:5px;background:#fff}
.findrow:focus-within{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(19,122,116,.15)}
.findrow input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:1.05rem;padding:10px 12px;background:transparent;color:var(--ink)}
.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:12px 24px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.btn:hover{background:#0b4542;color:#fff}
.btn.ghost{background:#fff;color:var(--teal);border:1.5px solid var(--teal);padding:9px 16px;font-size:.95rem}
.btn.ghost:hover{background:var(--mint)}

/* sections */
.section{padding:56px 0 8px}
.section.soft{background:var(--soft);margin:48px calc(50% - 50vw) 0;padding:56px calc(50vw - 50%) 56px}
h1{font-size:2.3rem;letter-spacing:-.03em;line-height:1.12;margin:10px 0 8px;font-weight:800}
h2{font-size:1.6rem;letter-spacing:-.025em;margin:28px 0 10px;font-weight:800}
.section h2{font-size:1.9rem;margin:0 0 8px}
.sub,.lede{color:var(--muted);max-width:66ch}
.sub{margin:0 0 24px}.lede{font-size:1.08rem}
.more{margin:18px 0 0}
.pros{columns:2;column-gap:48px}
.pros a{display:flex;justify-content:space-between;gap:12px;break-inside:avoid;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.pros a small{color:var(--muted);font-weight:400;font-size:.92rem;white-space:nowrap}
.pros a:hover span{color:var(--teal2)}
.st{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.st div{border-top:4px solid var(--teal);background:#fff;padding:14px 16px 16px}
.st div.muted{border-color:#8aa7a4}.st div.warn{border-color:var(--gold)}.st div.bad{border-color:#c0392b}
.st b{display:block;margin-bottom:4px;color:var(--ink)}.st span{font-size:.92rem;color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{font-weight:700;cursor:pointer}.faq p{margin:10px 0 0;color:#2c3d3b;max-width:75ch}

/* lists */
.crumbs{font-size:.86rem;color:var(--muted);padding:22px 0 4px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--muted)}
.page{padding-bottom:20px}
.kicker,.kind{font-weight:700;color:var(--teal2);font-size:.92rem;margin:14px 0 0}
.rows{list-style:none;margin:16px 0;padding:0;border-top:1px solid var(--line)}
.rows .row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rows .row:hover{background:var(--soft)}
.rows .who b{display:block;font-weight:700}.rows .who small{color:var(--muted);font-size:.88rem}
.rows .num{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.rows.compact .row{padding:9px 2px}
.tag{font-size:.78rem;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.tag.ok{background:var(--okb);color:var(--ok)}.tag.warn{background:var(--warnb);color:var(--warn)}.tag.bad{background:var(--badb);color:var(--bad)}.tag.muted{background:var(--greyb);color:var(--grey)}
.cols{columns:3;column-gap:32px;list-style:none;padding:0;margin:8px 0 24px}
.cols li{break-inside:avoid;padding:5px 0}
.cols.small{columns:4;font-size:.94rem}
.group{margin-top:28px}.group h2 a{color:var(--ink);text-decoration:none}
.count{font-size:1.2rem;margin:22px 0 4px}.hint{color:var(--muted);margin:0}
.empty{background:var(--soft);border-radius:14px;padding:6px 22px 14px;margin-top:20px}
.pager{display:flex;gap:18px;align-items:center;margin:18px 0}
.plain{list-style:none;padding:0;margin:0}.plain li{padding:4px 0}

/* license page */
.lgrid{display:grid;grid-template-columns:1fr 330px;gap:44px;padding:4px 0 20px}
.lic h1{font-size:2.6rem;margin:2px 0 2px;letter-spacing:-.035em}
.where{color:var(--muted);font-size:1.05rem;margin:0}
.verdict{display:flex;gap:14px;align-items:center;border-radius:14px;padding:16px 20px;margin:20px 0 8px}
.verdict i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}
.verdict b{display:block;font-size:1.1rem}.verdict span{font-size:.95rem}
.verdict.ok{background:var(--okb)}.verdict.ok i{background:var(--ok)}.verdict.ok b{color:#0b5233}.verdict.ok span{color:#285a42}
.verdict.warn{background:var(--warnb)}.verdict.warn i{background:#c98a10}.verdict.warn b{color:#6b4300}.verdict.warn span{color:#6b5320}
.verdict.bad{background:var(--badb)}.verdict.bad i{background:var(--bad)}.verdict.bad b{color:#8a1a12}.verdict.bad span{color:#7a3a33}
.verdict.muted{background:var(--greyb)}.verdict.muted i{background:#7d8f8c}.verdict.muted b{color:#2c3d3b}.verdict.muted span{color:var(--muted)}
.alert{background:var(--warnb);border-radius:12px;padding:12px 16px;font-size:.95rem}
.panel{border:1px solid var(--line);border-radius:14px;margin-top:22px;overflow:hidden}
.panel h2{margin:0;padding:14px 20px;background:var(--soft);border-bottom:1px solid var(--line);font-size:1.05rem;letter-spacing:-.01em;display:flex;justify-content:space-between;gap:10px}
.panel h2 small{font-weight:500;color:var(--muted)}
.panel dl{margin:0;padding:6px 20px 12px}
.panel dl div{display:grid;grid-template-columns:210px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #eef3f2}
.panel dl div:last-child{border:0}
.panel dt{color:var(--muted);font-size:.93rem}.panel dd{margin:0;font-weight:600}
.panel dd .muted{font-weight:400}
.panel > .plain,.panel > .rows,.panel > p{margin-left:20px;margin-right:20px}
.panel.actions .plain li{padding:10px 0;border-bottom:1px solid #eef3f2}
.panel .small{color:var(--muted)}
.summary{margin-top:28px}.summary h2{font-size:1.2rem;margin:0 0 6px}.summary p{color:#2c3d3b;max-width:75ch}
.lside .box{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:16px}
.lside .box h2{font-size:1.02rem;margin:0 0 8px;letter-spacing:-.01em}
.lside .box p{margin:8px 0;font-size:.95rem}
.lside .verify{background:#fff8e6;border-color:#f4dc9c}
.near li{font-size:.95rem}

/* prose */
.prose{max-width:760px}.prose h2{font-size:1.35rem}
.prose li{margin:6px 0}
.guide dt{font-weight:700;margin-top:14px}.guide dd{margin:4px 0 0;color:#2c3d3b}

@media (max-width:900px){
  .hero{grid-template-columns:1fr}.hero .img{height:300px;order:-1;background-image:url(img/lineup-900.jpg);background-position:center 30%}
  .hero .txt{padding:28px 20px 34px}
  .lgrid{grid-template-columns:1fr;gap:10px}
  .st{grid-template-columns:1fr 1fr}
  .cols{columns:2}.cols.small{columns:2}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  header nav{display:none}
  h1,.lic h1{font-size:1.95rem}
  .pros{columns:1}
  .st{grid-template-columns:1fr}
  .cols,.cols.small{columns:1}
  .rows .row{grid-template-columns:1fr auto;gap:4px 10px}
  .rows .num{grid-column:1;grid-row:2;font-size:.82rem}
  .rows .tag{grid-row:1/3;grid-column:2}
  .panel dl div{grid-template-columns:1fr;gap:0}
  .btn{padding:12px 16px}
}
