/* ================= HAPPY SUNRISE THEME ================= */
:root{--cream:#FFF8EF;--porcelain:#FFF8EF;--white:#FFFFFF;--ink:#14263B;--slate:#566273;--line:#F0E2D2;
--coral:#FF6F59;--sun:#FFB547;--peach:#FFD9C2;--sea:#0FA3A3;--deep:#0B4A50;--deep2:#0E5D63;--sky:#6EC6F0;
--night:#0B4A50;--night-2:#0E5D63;--night-3:#137079;--void:#0B4A50;--gold:#FFB547;--gold-deep:#E8603C;--gold-soft:#FFE9D6}
body{background:var(--cream)}
.kicker{color:#E8603C}
.dark .kicker{color:#FFC977}
.gold-text{background:linear-gradient(100deg,#FF6F59 0%,#FF9A4D 30%,#FFC24D 50%,#FF8A5B 70%,#FF6F59 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.dark .gold-text,.stats .gold-text,.ph .gold-text,.life .gold-text,.mos-sec .gold-text,.marquee .gold-text,#steps .gold-text{background:linear-gradient(100deg,#FFD27A,#FFB547 40%,#FFE7B0 55%,#FF9A6B 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-gold{background:linear-gradient(135deg,#FFB547,#FF8A5B 55%,#FF6F59);color:#fff;box-shadow:0 14px 34px -14px rgba(255,111,89,.75),inset 0 1px 0 rgba(255,255,255,.45);text-shadow:0 1px 0 rgba(0,0,0,.08)}
.btn-gold:hover{background:linear-gradient(135deg,#FFC25E,#FF946A 55%,#FF7A66);box-shadow:0 18px 40px -14px rgba(255,111,89,.9)}
.btn-ink{background:var(--deep);color:#fff}.btn-ink:hover{background:var(--deep2)}
.notice{background:linear-gradient(90deg,#FF8A5B,#FFB547 50%,#FF8A5B);background-size:200% 100%;color:#3A1406}
.notice a{color:#3A1406}
/* header: bright glass */
header.site{background:rgba(255,248,239,.9);color:var(--ink);border-bottom:1px solid rgba(20,38,59,.08)}
.brand{color:var(--ink)}
.brand-mark circle[fill="#fff"]{fill:#0FA3A3}
.brand-mark circle[fill="#D7B47A"]{fill:#FF6F59}
.brand-mark circle[stroke="#D7B47A"],.brand-mark path{stroke:#FF8A5B}
nav.primary a{color:rgba(20,38,59,.78)}
nav.primary a:hover{color:var(--ink);background:rgba(20,38,59,.06)}
nav.primary a[aria-current]{color:#E8603C!important}
.menu-btn{color:var(--ink);border-color:rgba(20,38,59,.25)}
@media (max-width:1100px){nav.primary{background:#FFF8EF;border-bottom:1px solid var(--line)}nav.primary a{border-bottom-color:rgba(20,38,59,.08)}nav.primary .btn-mobile{color:#fff}}
footer .brand-name{color:#fff!important}
/* hero: sunrise */
.hx{background:linear-gradient(160deg,#FFF3E4 0%,#FFE6D3 40%,#E7F6F4 100%);color:var(--ink)}
.hx .a1{background:#FF9A6B;opacity:.45}.hx .a2{background:#41C9C0;opacity:.35}.hx .a3{background:#FFC857;opacity:.5}.hx .a4{background:#7CC8F2;opacity:.35}
.hx::after{opacity:.05}
.hx .gridlines{background-image:linear-gradient(rgba(20,38,59,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,38,59,.05) 1px,transparent 1px)}
.hx .glow{background:radial-gradient(circle,rgba(255,154,107,.28),transparent 60%)}
.hx .lede{color:rgba(20,38,59,.74)}
.hx .btn-line,.ph .btn-line.dark-on-light{border-color:rgba(20,38,59,.25);color:var(--ink)}
.hx .btn-line:hover{border-color:#FF6F59;color:#E8603C}
.pill{background:rgba(255,255,255,.7);border-color:rgba(20,38,59,.1);color:var(--ink)}
.trust{color:rgba(20,38,59,.65)}.trust b{color:var(--ink)}.trust .stars{color:#FF9A4D}.trust i{background:rgba(20,38,59,.15)}
.stage .halo{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,214,170,.55) 40%,transparent 68%)}
.stage .ring{border-color:rgba(255,111,89,.35)}.stage .r2{border-color:rgba(15,163,163,.3)}
.stage .main-vial{filter:drop-shadow(0 40px 50px rgba(150,80,40,.35))}
.stage .side-vial{filter:blur(1px) drop-shadow(0 26px 30px rgba(150,80,40,.3))}
.orb{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 20px 50px -24px rgba(150,80,40,.45)}
.orb small{color:var(--slate)}
.scrollcue{color:rgba(20,38,59,.5)}.scrollcue span{background:linear-gradient(#FF6F59,transparent)}
/* marquee & stats */
.marquee{background:linear-gradient(90deg,#FF6F59,#FF9A4D 50%,#FFB547);border:0}
.marquee::before{background:linear-gradient(90deg,#FF6F59,transparent)}.marquee::after{background:linear-gradient(-90deg,#FFB547,transparent)}
.mq span{color:#fff}.mq span::after{color:#fff}
.stats{background:linear-gradient(135deg,#0B4A50,#0E6B70 60%,#13858A)}
.stats li{border-left-color:rgba(255,255,255,.15)}
/* dark sections become deep sea */
.dark{background:linear-gradient(160deg,#0B4A50,#0E6168)}
#grades{background:radial-gradient(800px 500px at 90% 0%,rgba(255,181,71,.18),transparent 60%),linear-gradient(160deg,#0B4A50,#0E6168)}
.mos-sec{background:linear-gradient(170deg,#0B4A50,#0E6168)}
.quote-tile{background:linear-gradient(90deg,rgba(255,181,71,.18),transparent)}
.life::before{background:linear-gradient(90deg,rgba(11,74,80,.85),rgba(11,74,80,.3) 55%,rgba(255,140,90,.08)),linear-gradient(0deg,rgba(11,74,80,.8),transparent 45%)}
.tile::after{background:linear-gradient(0deg,rgba(11,40,50,.82),transparent 55%)}
.tool::before{background:linear-gradient(0deg,rgba(11,58,64,.92) 10%,rgba(11,58,64,.12))}
footer{background:#0A3F44}
footer a:hover{color:#FFB547}
/* care cards: happier gradients */
.c-em{background:linear-gradient(150deg,#14B08E,#0B6E63)}
.c-sa{background:linear-gradient(150deg,#4FA8F0,#2464C8)}
.c-te{background:linear-gradient(150deg,#FF8A5B,#D9483B)}
.c-am{background:linear-gradient(150deg,#FFC24D,#E8862A)}
.c-ro{background:linear-gradient(150deg,#FF9DB4,#E05A84)}
.c-vi{background:linear-gradient(150deg,#9B7CF5,#5A3FCB)}
.c-pl{background:linear-gradient(150deg,#F47AB7,#B23A86)}
/* sub-pages */
.ph::before{background:linear-gradient(90deg,rgba(11,74,80,.9) 0%,rgba(11,74,80,.62) 45%,rgba(255,140,90,.12) 100%),linear-gradient(0deg,rgba(11,74,80,.75),transparent 40%)}
.pband::before{background:linear-gradient(0deg,rgba(11,74,80,.9),rgba(11,74,80,.1) 60%)}
.crumbs a{color:#FFC977}
.calc .out{background:radial-gradient(500px 300px at 80% 0%,rgba(255,181,71,.25),transparent 60%),linear-gradient(160deg,#0B4A50,#0E6168)}
.kv b{color:#FFD27A}
#steps{background:radial-gradient(800px 500px at 90% 0%,rgba(255,181,71,.18),transparent 60%),linear-gradient(160deg,#0B4A50,#0E6168)!important}
.ladder .bar{background:linear-gradient(180deg,#FFC24D,#FF8A5B);color:#fff}
.ladder .bar.maint{background:linear-gradient(180deg,#3FD0B4,#0FA3A3)}
.toc{background:rgba(255,248,239,.94)}
.toc a:hover,.toc a.on,.tabs button.on,.chips button.on{background:#0B4A50;border-color:#0B4A50;color:#fff}
.qbar{background:rgba(255,248,239,.95)}
.qi[open]{border-color:#FFB58F}
.qi[open] .pm{background:#FF6F59;border-color:#FF6F59}
.qi .no,.flow li::before{color:#FF6F59}
mark{background:#FFE0A6}
.callout.gold{background:linear-gradient(135deg,#FFF4E3,#FFE5CF);border-color:#FFD2AE}
.fld input[type=range]{accent-color:#FF6F59}
.seg button.on{background:#0B4A50}
.mos-sec .lede{color:rgba(255,255,255,.78)}