/* Public interface rhythm — no pricing, learning or authentication behavior changes. */
:root{--interface-line:#dce5ed;--interface-ink:#17384f;--interface-muted:#567083}
.interface-data-credits{display:flex;flex-wrap:wrap;gap:8px 24px;padding:20px 0 16px;border-top:1px solid #ffffff20;color:#b7c7d5;line-height:1.8}
.interface-data-credits small{font-size:.68rem;max-width:680px}
.ftr .interface-data-credits a{display:inline;color:#d6e2ec;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.ftr .interface-data-credits a:hover{color:#fff}
.hdr{box-shadow:0 3px 18px #102a4112}
.hdr .hdr-act .btn{border-radius:10px;padding-inline:18px}
.hdr .nav a:focus-visible,.hdr .nav button:focus-visible{outline:3px solid #f5ad63;outline-offset:3px}
[data-route="home"] #app>.sec,[data-route="home"] .v22-discovery{padding-block:64px}
[data-route="home"] .hero.v23-hero{min-height:0;padding-block:64px;background:linear-gradient(120deg,#f8fafc,#eef4f8);color:var(--interface-ink)}
[data-route="home"] .hero.v23-hero h1{color:var(--interface-ink)}
[data-route="home"] .hero-cta .v23-outline{background:#fff;color:var(--interface-ink);border-color:#bdcdd9}
[data-route="home"] .hero.v23-hero .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
[data-route="home"] .hero-copy-v8 h1{font-size:clamp(2.1rem,3.7vw,3.5rem);line-height:1.3;letter-spacing:-.025em;margin:18px 0}
[data-route="home"] .hero-copy-v8 .hero-p{font-size:1rem;line-height:1.95;margin-bottom:25px;color:var(--interface-muted)}
[data-route="home"] .hero-cta{gap:12px;margin-bottom:18px}
[data-route="home"] .hero-cta .btn{border-radius:12px;box-shadow:none}
[data-route="home"] .v23-hero-image{min-height:380px;height:440px;border-radius:24px;box-shadow:0 14px 36px #17384f18}
[data-route="home"] .v23-hero-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--interface-line);gap:12px;line-height:1.7}
[data-route="home"] .sa-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
[data-route="home"] .sa-section-head p{max-width:440px;color:var(--interface-muted);line-height:1.9}
[data-route="home"] .sa-domain-grid{gap:20px;align-items:stretch}
[data-route="home"] .sa-domain{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--interface-line);border-radius:18px;background:#fff;box-shadow:0 4px 18px #17384f05}
[data-route="home"] .sa-domain h3{font-size:1.5rem;line-height:1.5;margin:10px 0}
[data-route="home"] .sa-domain p{line-height:1.9;color:var(--interface-muted)}
[data-route="home"] .sa-domain ul{margin-bottom:24px;line-height:2}
[data-route="home"] .sa-domain>.btn{margin-top:auto;min-height:48px;border-radius:10px;white-space:normal;text-align:center}
[data-route="home"] .v22-discovery{background:#f5f8fb}
[data-route="home"] .v22-discovery-head{gap:24px;margin-bottom:28px}
[data-route="home"] .v22-paths{gap:16px}
[data-route="home"] .v22-path{border:1px solid var(--interface-line);border-radius:15px;box-shadow:none;padding:24px;text-align:start;min-width:0}
[data-route="home"] .v22-confidence{margin-top:26px;padding-top:22px;border-top:1px solid var(--interface-line);gap:18px;line-height:1.8}
[data-route="home"] .v31-finder-grid{gap:40px;align-items:center}
[data-route="home"] .v31-finder-panel{border-radius:18px;box-shadow:0 8px 26px #17384f07;padding:26px}
[data-route="home"] .v31-finder-inputs{gap:16px}
[data-route="home"] .v31-finder-inputs select{min-height:48px;border-radius:10px}
[data-route="home"] .v31-result-list a{border-radius:10px;padding:15px;min-height:68px}
[data-route="home"] .v31-result-list a:focus-visible,[data-route="home"] .v22-path:focus-visible,[data-route="home"] .sa-domain a:focus-visible{outline:3px solid #bd783d;outline-offset:4px}
.public-course-grid,.public-results-grid{gap:24px}
.public-course-card,.public-result-card{border-radius:16px;box-shadow:0 4px 18px #17384f05}
.public-course-body{padding:24px}.public-course-details.btn{border-radius:10px}
.auth-photo .auth-form-panel{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
@media(max-width:1000px){
 [data-route="home"] .hero.v23-hero .hero-in{gap:30px}
 [data-route="home"] .v23-hero-image{height:390px;min-height:320px}
 [data-route="home"] .sa-domain{padding:22px}
 [data-route="home"] .v22-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 [data-route="home"] #app>.sec,[data-route="home"] .v22-discovery{padding-block:40px}
 [data-route="home"] .hero.v23-hero{padding-block:34px 40px}
 [data-route="home"] .hero.v23-hero .hero-in{grid-template-columns:1fr;gap:28px}
 [data-route="home"] .hero-copy-v8 h1{font-size:2.15rem;line-height:1.35}
 [data-route="home"] .hero-copy-v8 .hero-p{font-size:.93rem;line-height:1.9}
 [data-route="home"] .hero-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 [data-route="home"] .hero-cta .btn{padding-inline:10px;font-size:.84rem;white-space:normal;text-align:center}
 [data-route="home"] .v23-hero-image{height:290px;min-height:0;border-radius:18px}
 [data-route="home"] .sa-section-head{display:block;margin-bottom:22px}
 [data-route="home"] .sa-section-head p{margin-top:12px}
 [data-route="home"] .sa-domain-grid{grid-template-columns:1fr;gap:16px}
 [data-route="home"] .sa-domain{padding:24px}
 [data-route="home"] .v22-discovery-head{display:block}
 [data-route="home"] .v22-course-search{width:100%;max-width:none;margin-top:20px}
 [data-route="home"] .v22-path{padding:18px;min-height:0}
 [data-route="home"] .v22-path b{font-size:.95rem;line-height:1.7}
 [data-route="home"] .v22-path small{overflow-wrap:anywhere;line-height:1.7}
 [data-route="home"] .v22-confidence{display:grid;grid-template-columns:1fr 1fr;font-size:.78rem}
 [data-route="home"] .v31-finder-grid{grid-template-columns:1fr;gap:24px}
 [data-route="home"] .v31-finder-panel{padding:18px}
 [data-route="home"] .v31-finder-inputs{grid-template-columns:1fr;gap:14px}
 .public-course-grid,.public-results-grid{gap:16px}.public-course-body{padding:20px}
 .interface-data-credits{display:grid;gap:9px;padding-block:18px}.interface-data-credits small{font-size:.66rem}
}
@media(max-width:380px){[data-route="home"] .v22-paths{grid-template-columns:1fr}[data-route="home"] .hero-copy-v8 h1{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){[data-route="home"] .sa-domain,[data-route="home"] .v22-path,.public-course-card,.public-result-card{transition:none;transform:none}}