/* TechnoPath Hub unified visual system — shared across all static apps */
:root{
  --tph-ink:#14213d;--tph-navy:#0b1f44;--tph-blue:#175cd3;--tph-blue-dark:#1049a9;
  --tph-sky:#eaf4ff;--tph-yellow:#ffcc4d;--tph-paper:#f8fafc;--tph-white:#fff;
  --tph-muted:#667085;--tph-line:#d8e0eb;--tph-success:#067647;--tph-danger:#b42318;
  --tph-radius:15px;--tph-shadow:0 12px 32px rgba(20,33,61,.09)
}
html{scroll-behavior:smooth}
body{background:var(--tph-paper)!important;color:var(--tph-ink)!important;font-family:Inter,"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body>header,.top{background:var(--tph-white)!important;color:var(--tph-ink)!important;border-bottom:1px solid var(--tph-line)!important;box-shadow:0 2px 10px rgba(20,33,61,.04)}
body>header a,.top a,.top .brand,.brand,.logo{color:var(--tph-ink)!important;text-decoration:none}
body>header .brand:first-letter,.logo:first-letter{color:var(--tph-blue)}
.hero,.home-hero{background:radial-gradient(circle at 82% 18%,#287ce8 0,transparent 34%),linear-gradient(135deg,#081a39,#123f87)!important;color:#fff!important}
.hero h1,.hero h2,.hero p,.hero .lead,.home-hero h1,.home-hero p{color:#fff!important}
.hero small,.hero .eyebrow,.hero .tag,.home-hero .eyebrow{color:#a8d4ff!important}
.card,.tool-card,.lesson-card,.game,.app,.info,.notice,.related,.source-grid a,.workspace{
  border:1px solid var(--tph-line)!important;border-radius:var(--tph-radius)!important;
  box-shadow:var(--tph-shadow)!important;background:var(--tph-white)!important
}
.card,.tool-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.card:hover,.tool-card:hover{transform:translateY(-4px)!important;border-color:#84adf4!important;box-shadow:0 18px 42px rgba(20,33,61,.14)!important}
.card h2,.card h3,.tool-card h2,.tool-card h3{color:var(--tph-ink)!important}
.card p,.card small,.card .meta,.tool-card p,.info p{color:var(--tph-muted)!important}
.card b,.tool-card b,.kicker,.tag,.eyebrow.dark{color:var(--tph-blue)!important}
button,.button,.primary,.next,.complete,.start,#newChallenge,.card a.button{
  border-radius:9px!important;background:var(--tph-blue)!important;color:#fff!important;border-color:var(--tph-blue)!important;font-weight:750!important
}
button:hover,.button:hover,.primary:hover,.next:hover,.complete:hover,.start:hover,#newChallenge:hover{background:var(--tph-blue-dark)!important}
input,select,textarea,.field,.answer,.choice,.navbtn{border-color:var(--tph-line)!important;border-radius:9px!important}
input:focus,select:focus,textarea:focus,.field:focus-within{outline:2px solid #84adf4!important;border-color:transparent!important}
.result,.practice,.privacy{background:var(--tph-navy)!important;color:#fff!important;border-radius:var(--tph-radius)!important}
.result *,.practice *,.privacy *{color:#fff}
.features{border:1px solid var(--tph-line);border-radius:var(--tph-radius)!important;box-shadow:var(--tph-shadow)!important}
.navbtn.active,.chip.active,.progress i{background:var(--tph-blue)!important;color:#fff!important;border-color:var(--tph-blue)!important}
.example,.passage,.quiz,.story-head{background:var(--tph-sky)!important;border-color:#84adf4!important}
.ad,.wide-ad{border-color:#b8c6d9!important;background:#fff!important;color:#98a2b3!important;border-radius:10px!important}
footer,.footer{background:var(--tph-navy)!important;color:#dce8fb!important;border:0!important}
footer a,.footer a{color:#a8d4ff!important}
/* Homepage design tokens */
.tph-home{--ink:var(--tph-ink)!important;--muted:var(--tph-muted)!important;--teal:var(--tph-blue)!important;--teal2:#287ce8!important;--cream:var(--tph-paper)!important;--gold:var(--tph-yellow)!important}
.tph-home .tph-hero{background:radial-gradient(circle at 78% 25%,#287ce84d 0 18%,transparent 19%),linear-gradient(135deg,#081a39,#123f87)!important}
.tph-home .tph-hero h1 em{color:#7cc4ff!important}.tph-home .tph-pill:before{background:#78d4ff!important}
.tph-home .tph-card{border-color:var(--tph-line)!important;border-radius:var(--tph-radius)!important;box-shadow:var(--tph-shadow)!important}
.tph-home .tph-icon{background:var(--tph-sky)!important;color:var(--tph-blue)!important}
.tph-home .tph-app{background:linear-gradient(145deg,#0b2b5f,#175cd3)!important;border:1px solid #ffffff26!important;box-shadow:var(--tph-shadow)!important}
.tph-home .tph-why{background:var(--tph-navy)!important}.tph-home .tph-cta{background:linear-gradient(120deg,var(--tph-sky),#fff4d1)!important}
@media(max-width:600px){.card,.tool-card{border-radius:12px!important}.hero,.home-hero{background:linear-gradient(145deg,#081a39,#175cd3)!important}}