:root{--navy:#1B3A5C;--navy-dark:#0B1D2F;--gold:#C5A55A;--gold-light:#E6D6A6;--coral:#C85F56;--coral-dark:#A84A44;--cream:#F7F4EC;--paper:#FCFBF8;--ink:#142638;--muted:#5E6C79;--line:#D9E0E6;--shadow:0 18px 55px rgba(11,29,47,.12);--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit}button,input,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:999;background:white;padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,29,47,.96);color:white;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.site-header__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-width:220px}.brand__seal{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;letter-spacing:.02em}.brand small{display:block;color:var(--gold-light);text-transform:uppercase;letter-spacing:.18em;font-size:.65rem}.nav{display:flex;align-items:center;gap:22px}.nav>a:not(.button){color:rgba(255,255,255,.78);text-decoration:none;font-size:.92rem}.nav>a[aria-current=page],.nav>a:hover{color:white}.menu-toggle{display:none;background:transparent;color:white;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.55rem .9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.76rem 1.15rem;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:750;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--coral);color:white;box-shadow:0 10px 30px rgba(200,95,86,.25)}.button--primary:hover{background:var(--coral-dark)}.button--outline{border-color:var(--navy);color:var(--navy);background:transparent}.button--outline-light{border-color:rgba(255,255,255,.45);color:white;background:rgba(255,255,255,.04)}.button--text{padding:0;min-height:auto;color:var(--coral-dark);border:0}.button--text-light{padding:0;min-height:auto;color:var(--gold-light);border:0}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:800;color:var(--coral-dark)}.eyebrow--gold{color:var(--gold-light)}h1,h2,h3{margin-top:0;line-height:1.08}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}h1{font-size:clamp(2.9rem,6vw,5.3rem);letter-spacing:-.04em}h2{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.03em}h3{font-size:1.18rem}.home-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--navy-dark),var(--navy) 62%,#315a7e);color:white}.home-hero__texture{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle at 77% 32%,rgba(197,165,90,.18),transparent 25%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mask-image:linear-gradient(to left,black,transparent 82%)}.home-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:52px;padding:92px 0 84px;align-items:center}.home-hero__copy h1{max-width:860px}.home-hero__intro{max-width:760px;font-size:1.18rem;color:rgba(255,255,255,.82)}.hero-facts{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72)}.hero-facts strong{color:white;margin-right:5px}.journey-panel{background:rgba(8,24,39,.82);border:1px solid rgba(197,165,90,.28);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.journey-panel h2{font-size:2rem}.journey-panel ol{list-style:none;margin:24px 0;padding:0}.journey-panel li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.journey-panel li>span{color:var(--gold);font-weight:800}.journey-panel li strong,.journey-panel li small{display:block}.journey-panel li small{color:rgba(255,255,255,.62);margin-top:2px}.section{padding:88px 0}.section--light{background:var(--paper)}.section--cream{background:var(--cream)}.section--navy{background:var(--navy-dark);color:white}.section__header{max-width:800px;margin:0 auto 42px;text-align:center}.section__intro{font-size:1.08rem;color:var(--muted)}.section--navy .section__intro{color:rgba(255,255,255,.68)}.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pathway-card{padding:30px;min-height:330px;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px rgba(11,29,47,.06)}.pathway-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;color:var(--navy)}.pathway-card p:not(.eyebrow){color:var(--muted)}.pathway-card .button{margin-top:auto;align-self:flex-start}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.split-grid--center{align-items:center}.placeholder{min-height:360px;border-radius:var(--radius);border:1px solid rgba(197,165,90,.5);background:radial-gradient(circle at 25% 20%,rgba(197,165,90,.2),transparent 24%),linear-gradient(135deg,#102b44,#203f5e);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:white;overflow:hidden}.placeholder--portrait{min-height:520px}.placeholder__mark{font-size:3rem;color:var(--gold);margin-bottom:auto}.placeholder span{color:rgba(255,255,255,.62);font-size:.9rem}.feature-list{display:grid;gap:22px}.feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:0 12px}.feature-list>div span{grid-row:1/3;color:var(--gold);font-weight:800}.feature-list h3,.feature-list p{margin:0}.feature-list p{color:rgba(255,255,255,.68)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-grid>div{padding:28px;border-left:3px solid var(--gold);background:white;box-shadow:0 10px 30px rgba(11,29,47,.05)}.guide-grid strong{color:var(--coral-dark);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.standards-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.standards-strip span{padding:.7rem 1rem;border-radius:999px;border:1px solid #d8cfba;background:white}.standards-strip--dark span{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}.centered-action{display:flex;justify-content:center;margin-top:34px}.registration-band{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:white;padding:82px 0}.registration-band__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.registration-form,.support-form{display:grid;gap:14px;padding:26px;background:white;color:var(--ink);border-radius:var(--radius)}.registration-form label,.support-form label{display:grid;gap:6px;font-weight:700}.registration-form input,.support-form input,.support-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem}.registration-form small,.support-form small{color:var(--muted)}.page-hero{background:linear-gradient(125deg,var(--navy-dark),var(--navy));color:white}.page-hero__inner{padding:78px 0;max-width:1000px}.page-hero p{max-width:760px;color:rgba(255,255,255,.78);font-size:1.12rem}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card h3{color:var(--navy)}.card__body{color:var(--muted)}.card ul{padding-left:1.15rem}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-list span{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.step-list{list-style:none;padding:0;margin:0;display:grid;gap:18px;max-width:900px;margin-inline:auto}.step-list li{display:grid;grid-template-columns:68px 1fr;gap:22px;padding:24px;background:white;border:1px solid var(--line);border-radius:18px}.step-list li>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold-light);font-weight:800}.step-list h3,.step-list p{margin:0}.plain-steps{padding-left:1.15rem}.discussion-question{max-width:900px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.25;text-align:center;color:var(--navy)}.center-copy{max-width:820px;margin:24px auto 0;text-align:center;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--cream);color:var(--navy)}.checklist{max-width:760px;margin:0 auto;display:grid;gap:12px}.checklist label{display:flex;gap:12px;padding:16px;background:white;border:1px solid var(--line);border-radius:14px}.placeholder-download,.video-placeholder{border:1px dashed rgba(255,255,255,.4);border-radius:18px;padding:36px;text-align:center}.video-placeholder{color:var(--muted);border-color:var(--line);background:var(--cream)}.callout{max-width:820px;margin:0 auto;padding:28px;border-radius:18px;border-left:5px solid var(--gold);background:var(--cream)}.callout strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--navy)}.placeholder-note{font-size:.86rem;color:var(--coral-dark)}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}details{background:white;border:1px solid var(--line);border-radius:14px;padding:16px 18px}summary{cursor:pointer;font-weight:800;color:var(--navy)}.support-form{max-width:800px;margin:0 auto}.prose{max-width:850px;margin:0 auto}.prose h2{font-size:2rem;margin-top:42px;color:var(--navy)}.site-footer{background:#081827;color:white;padding:64px 0 24px}.site-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.site-footer h2{font-family:inherit;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-light)}.site-footer a{display:block;color:rgba(255,255,255,.68);text-decoration:none;margin:.6rem 0}.site-footer p{color:rgba(255,255,255,.6)}.partner-note{color:var(--gold-light)!important}.site-footer__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;color:rgba(255,255,255,.5);font-size:.8rem}@media(max-width:1000px){.nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:var(--navy-dark);padding:20px}.nav--open{display:flex}.menu-toggle{display:block}.home-hero__grid,.registration-band__grid{grid-template-columns:1fr}.journey-panel{max-width:720px}.pathway-grid,.detail-grid,.guide-grid{grid-template-columns:1fr 1fr}.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.site-header__inner{min-height:72px}.brand strong{font-size:1.05rem}.brand__seal{width:36px;height:36px}.home-hero__grid{padding:64px 0}h1{font-size:2.65rem}.section{padding:64px 0}.pathway-grid,.detail-grid,.guide-grid,.split-grid,.resource-list{grid-template-columns:1fr}.hero-facts{flex-direction:column;gap:8px}.site-footer__grid{grid-template-columns:1fr}.site-footer__bottom{flex-direction:column}.step-list li{grid-template-columns:48px 1fr;padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Production compatibility layer while preserving the approved public design */
:root{--navy-deep:var(--navy-dark);--red:var(--coral);--white:#fff}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.button-primary{background:var(--coral);color:#fff;box-shadow:0 10px 30px rgba(200,95,86,.25)}
.button-gold{background:var(--gold);color:var(--navy-dark)}
.button-outline{border:1px solid var(--navy);color:var(--navy);background:transparent}
.button-outline-light{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04)}
.button-small{min-height:42px;padding:.6rem .9rem;font-size:.86rem}
.narrow{width:min(780px,calc(100% - 40px));margin:0 auto}
.section-cream{background:var(--cream)}.section-navy{background:var(--navy-dark);color:#fff}
.section-head{max-width:800px;margin:0 auto 42px;text-align:center}.section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.03em}.section-intro{font-size:1.08rem;color:var(--muted)}.section-navy .section-intro{color:rgba(255,255,255,.68)}
.grade-tag{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;background:#F1E7CD;color:var(--navy);font-size:.78rem;font-weight:900}
.card-grid,.feature-grid,.resource-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.resource-card,.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 8px 24px rgba(11,31,56,.05)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.preview-frame{border-radius:18px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}
.feature-item{display:grid;grid-template-columns:45px 1fr;gap:14px}.feature-item span{width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:900}.feature-item h3{margin:0 0 3px}.feature-item p{margin:0;color:#CED8E2}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process article{background:#fff;border-radius:16px;border:1px solid var(--line);padding:22px}.process b{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--navy);color:var(--gold);border-radius:50%}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:18px;font-size:.85rem}
.experience-preview-image{border-radius:var(--radius);border:1px solid rgba(197,165,90,.5);box-shadow:var(--shadow);width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:980px){.header-inner{min-height:76px}.split,.dashboard-grid{grid-template-columns:1fr}.card-grid,.feature-grid,.resource-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.card-grid,.feature-grid,.resource-grid,.stat-grid,.footer-grid,.process{grid-template-columns:1fr}}

.prose{max-width:820px}.prose h2{font-family:Georgia,serif;font-size:2rem;color:var(--navy);margin-top:2rem}.prose h3{color:var(--red)}.prose li{margin:.4rem 0}.callout{background:var(--cream);border-left:5px solid var(--gold);padding:20px 22px;border-radius:10px;margin:24px 0}.legal-note{border:1px solid #E2CF9D;background:#FFF9E9;padding:15px;border-radius:10px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}.field label,.field>span{font-weight:800;color:var(--navy)}input,select,textarea{width:100%;border:1px solid #BFC9D4;border-radius:9px;padding:12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(197,165,90,.35);border-color:var(--gold)}.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{width:auto;margin-top:5px}.form-message{margin-top:14px;padding:12px;border-radius:9px;display:none}.form-message.show{display:block}.form-message.success{background:#E5F6EA;color:#195A2A}.form-message.error{background:#FCE9E9;color:#8A2222}
.auth-layout{min-height:calc(100vh - 76px);background:var(--cream);padding:60px 0}.auth-card{max-width:720px;margin:auto}.status-banner{border-radius:10px;padding:13px 16px;margin-bottom:18px;background:#FFF4CF;color:#654C00}.status-banner.verified{background:#E4F5E8;color:#185B28}
.dashboard-shell{background:#F3F5F7;min-height:calc(100vh - 76px);padding:36px 0}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dashboard-head h1{margin:0;color:var(--navy)}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.dash-nav,.dash-main{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.dash-nav a,.dash-nav button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;border-radius:8px;text-decoration:none}.dash-nav a:hover,.dash-nav button:hover{background:var(--cream)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:var(--cream);border-radius:12px;padding:15px}.stat strong{display:block;font-size:1.6rem;color:var(--navy)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--navy);font-size:.85rem}.code{font-family:ui-monospace,monospace;background:#EEF1F4;border-radius:6px;padding:3px 6px;font-weight:900;letter-spacing:.08em}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px}.tab.active{background:var(--navy);color:#fff}.hidden{display:none!important}
.student-shell{min-height:100vh;background:linear-gradient(135deg,var(--navy-deep),var(--navy));padding:34px 0}.student-card{max-width:850px;margin:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:var(--shadow)}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:20px 0}.progress span{height:7px;background:#DDE4EA;border-radius:999px}.progress span.done{background:var(--gold)}.question{border:1px solid var(--line);border-radius:13px;padding:18px;margin:16px 0}.option{display:flex;gap:10px;padding:9px}.option input{width:auto}.certificate{max-width:940px;margin:30px auto;background:#fff;border:14px double var(--navy);padding:54px;text-align:center;position:relative}.certificate:before{content:"★";color:var(--gold);font-size:60px}.certificate h1{font-family:Georgia,serif;color:var(--navy);font-size:2.7rem}.certificate .student-name{font-family:Georgia,serif;font-size:2.4rem;border-bottom:2px solid var(--gold);padding:10px;min-height:70px}.certificate small{display:block;color:var(--muted)}
.badge{display:inline-grid;place-items:center;width:180px;height:180px;border-radius:50%;border:12px double var(--gold);background:var(--navy);color:#fff;text-align:center;padding:16px}.badge strong{color:var(--gold)}.badge-note{font-size:.8rem;color:var(--muted)}
.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}
.site-footer{background:#07182B;color:#D9E1E9;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{display:block;color:#D9E1E9;text-decoration:none;margin:7px 0}.site-footer a:hover{color:#F1D48A}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:18px;font-size:.85rem}
.admin-panel{background:#101E2F;color:#fff;border-radius:18px;padding:22px}.admin-panel .data-table th,.admin-panel .data-table td{border-color:rgba(255,255,255,.14);color:#fff}.admin-panel input,.admin-panel select,.admin-panel textarea{background:#fff;color:#111}
.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:100;display:none}.toast.show{display:block}
@media(max-width:980px){.nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--navy-deep);padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.support-grid,.dashboard-grid{grid-template-columns:1fr}.journey-card{max-width:650px}.pathway-grid,.card-grid,.feature-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container,.narrow{width:min(100% - 24px,1180px)}.brand span:last-child{display:none}.hero-grid{padding:46px 0}.hero h1{font-size:2.6rem}.pathway-grid,.card-grid,.feature-grid,.resource-grid,.form-grid,.footer-grid,.process{grid-template-columns:1fr}.field-full{grid-column:auto}.section{padding:54px 0}.dashboard-head{display:block}.stats{grid-template-columns:1fr 1fr}.student-card{border-radius:0;padding:22px}.student-shell{padding:0}.certificate{margin:0;border-width:8px;padding:26px}.progress{grid-template-columns:repeat(5,1fr)}}
@media print{.site-header,.site-footer,.no-print,.button,.dash-nav{display:none!important}.dashboard-shell,.student-shell{background:#fff;padding:0}.certificate{box-shadow:none;margin:0 auto;page-break-inside:avoid}.dashboard-grid{display:block}.dash-main{border:0}}

/* v3 launch design: dashboard, recognitions, certificate */
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:20px 0 24px}.dashboard-welcome h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,5vw,4rem);line-height:1;margin:.2rem 0 .5rem;color:var(--navy-deep)}.dashboard-welcome p{margin:.2rem 0;color:var(--muted)}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(11,31,56,.06);position:relative}.kpi-card .kpi-icon{color:var(--gold);font-size:1.5rem}.kpi-card strong{display:block;font-family:Georgia,serif;font-size:2.1rem;color:var(--navy-deep);line-height:1.1;margin:.4rem 0}.kpi-card span{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.kpi-card small{display:block;color:#2f7a45;margin-top:.4rem}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:22px;align-items:start}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(11,31,56,.06);margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.panel-heading h2{font-family:Georgia,serif;color:var(--navy-deep);margin:.15rem 0;font-size:1.7rem}.panel-heading .eyebrow{margin:0}.completion-bar{width:90px;height:6px;border-radius:999px;background:#e5e9ed;overflow:hidden;margin-top:5px}.completion-bar span{display:block;height:100%;background:var(--navy);border-radius:inherit}.growth-positive{color:#2f7a45;font-weight:800}.download-list{display:grid;gap:10px}.download-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:11px;text-decoration:none}.download-item:hover{background:var(--cream)}.download-icon{width:36px;height:36px;border-radius:9px;background:#F8E7E4;color:var(--red);display:grid;place-items:center;font-weight:900}.download-item strong{display:block;color:var(--navy-deep)}.download-item small{color:var(--muted)}
.recognition-panel{margin-top:0}.recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recognition-card{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(135deg,#fff,#fbf8f1)}.recognition-card img{width:110px;height:110px;object-fit:contain}.recognition-card h3{font-family:Georgia,serif;margin:.15rem 0;color:var(--navy-deep)}.recognition-card p{font-size:.88rem;color:var(--muted);margin:.25rem 0}.recognition-card .verification-id{font-family:ui-monospace,monospace;font-size:.76rem;color:var(--navy);display:block;margin:.4rem 0}.recognition-actions{display:flex;gap:8px;flex-wrap:wrap}.recognition-disclaimer{font-size:.83rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin:18px 0 0}.support-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--navy-deep);color:#fff}.support-panel h2{font-family:Georgia,serif;margin:.2rem 0}.support-panel p{color:#d6dee7;margin:.35rem 0}
.modal{border:0;padding:0;background:transparent;max-width:min(720px,calc(100% - 24px));width:100%}.modal::backdrop{background:rgba(4,16,29,.72);backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;border-radius:20px;padding:30px;box-shadow:var(--shadow);display:grid;gap:16px}.modal-wide{max-width:940px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:2rem;color:var(--muted)}
.student-title{text-align:center}.student-title h1{font-family:Georgia,serif;font-size:2.6rem;margin:.2rem 0;color:var(--navy-deep)}.progress-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:.72rem;color:var(--muted);text-align:center;margin-top:25px}.privacy-mini{background:var(--cream);border-left:4px solid var(--gold);border-radius:8px;padding:14px;margin-top:22px;font-size:.9rem}.certificate-premium{border:10px solid var(--navy-deep);outline:2px solid var(--gold);outline-offset:-20px;background:#fffdf8;max-width:1020px;padding:20px}.certificate-premium:before{display:none}.certificate-inner{border:2px solid #e5c97e;padding:42px 55px;position:relative;background:radial-gradient(circle at 80% 40%,rgba(197,165,90,.07),transparent 35%)}.certificate-brand{display:grid;justify-items:center;color:var(--navy-deep)}.certificate-star{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy-deep);color:var(--gold);font-size:2rem;border:4px solid var(--gold)}.certificate-brand strong{font-family:Georgia,serif;font-size:1.5rem;margin-top:8px}.certificate-brand small{letter-spacing:.25em;font-weight:800;color:var(--navy)}.certificate-premium h1{font-size:3.25rem;margin:30px 0 10px}.certificate-premium h3{letter-spacing:.28em;color:var(--red);font-size:1.2rem}.certificate-premium .student-name{font-size:3rem;max-width:660px;margin:0 auto}.certificate-copy{font-family:Georgia,serif;font-size:1.25rem}.certificate-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:38px 0}.certificate-meta>div{padding:0 18px;border-right:1px solid var(--gold)}.certificate-meta>div:last-child{border-right:0}.certificate-meta small{letter-spacing:.12em;font-weight:900;color:var(--navy)}.certificate-meta strong{display:block;font-family:Georgia,serif;font-size:1.05rem;margin-top:8px}.certificate-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-top:24px}.signature span{font-family:"Brush Script MT","Segoe Script",cursive;font-size:2.4rem;border-bottom:1px solid var(--gold);display:block;padding-bottom:5px}.signature small{letter-spacing:.15em;font-weight:800;color:var(--navy);margin-top:8px}.partner-note{color:var(--navy);font-family:Georgia,serif;font-style:italic}.certificate-foot{display:block;margin-top:38px!important;border-top:1px solid #ead9aa;padding-top:14px}
.recognition-hero{text-align:center}.recognition-hero p{margin-left:auto;margin-right:auto}.recognition-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.recognition-product{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(11,31,56,.08)}.recognition-product img{width:250px;height:250px;object-fit:contain;margin:0 auto}.recognition-product h2{font-family:Georgia,serif;color:var(--navy-deep);font-size:1.7rem}.recognition-product ul{text-align:left;color:var(--muted)}.recognition-notice{display:flex;gap:14px;align-items:center;border:1px solid #e2cf9d;background:#fffaf0;border-radius:14px;padding:18px;margin:34px 0}.recognition-notice span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold);font-size:1.4rem}.recognition-notice p{margin:0}.recognition-cta{margin-top:60px}.button-row.center{justify-content:center}.verification-result{margin-top:22px}.verification-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--cream)}.verification-card.verified{border-color:#86b990;background:#eff8f1}.verification-card h2{font-family:Georgia,serif;color:var(--navy-deep)}
@media(max-width:1050px){.dashboard-layout{grid-template-columns:1fr}.recognition-grid,.recognition-showcase{grid-template-columns:1fr 1fr}.recognition-card{grid-template-columns:90px 1fr}.recognition-card img{width:84px;height:84px}}
@media(max-width:700px){.dashboard-welcome,.support-panel{display:block}.dashboard-kpis{grid-template-columns:1fr 1fr}.recognition-grid,.recognition-showcase{grid-template-columns:1fr}.recognition-card{grid-template-columns:100px 1fr}.certificate-inner{padding:28px 18px}.certificate-premium h1{font-size:2.1rem}.certificate-premium .student-name{font-size:2.2rem}.certificate-meta,.certificate-bottom{grid-template-columns:1fr;gap:18px}.certificate-meta>div{border-right:0;border-bottom:1px solid var(--gold);padding:12px}.progress-labels{display:none}}
@media print{.certificate-premium{width:10in;height:7.4in;max-width:none;border-width:10px;padding:18px}.certificate-inner{height:100%;padding:28px 48px}.certificate-premium h1{font-size:2.65rem}.certificate-premium .student-name{font-size:2.5rem}.student-card{padding:0}.student-card>section:not([data-stage="4"]),.student-title,.progress,.progress-labels{display:none!important}}

/* v5 approved first-rendering hero: lighter educational Pearl Harbor background */
.home-hero{
  min-height:720px;
  background:
    linear-gradient(90deg,rgba(8,29,53,.92) 0%,rgba(8,29,53,.80) 38%,rgba(8,29,53,.30) 67%,rgba(8,29,53,.08) 100%),
    url('/assets/images/pearl-harbor-educator-hero-first-rendering.jpg') center center/cover no-repeat;
}
.home-hero__texture{display:none}
.home-hero__grid{min-height:720px;padding:88px 0 78px;align-items:center}
.home-hero__copy{max-width:790px;text-shadow:0 2px 16px rgba(4,18,34,.28)}
.home-hero__copy h1{font-size:clamp(3.1rem,5.7vw,5.2rem);line-height:1.06}
.home-hero__intro{max-width:720px;color:rgba(255,255,255,.91)}
.journey-panel{
  background:linear-gradient(180deg,rgba(8,31,57,.91),rgba(7,27,49,.88));
  border-color:rgba(230,214,166,.44);
  box-shadow:0 24px 70px rgba(3,16,31,.24);
  backdrop-filter:blur(8px);
}
.site-header{background:rgba(8,29,53,.98)}
@media(max-width:1000px){
  .home-hero{background-position:62% center}
  .home-hero__grid{min-height:auto;padding:72px 0}
}
@media(max-width:700px){
  .home-hero{background-position:67% center}
  .home-hero:before{content:"";position:absolute;inset:0;background:rgba(8,29,53,.25);pointer-events:none}
}


/* v9 complete experience and content fixes */
.home-hero{
  min-height:720px;
  background:
    linear-gradient(90deg,rgba(8,29,53,.91) 0%,rgba(8,29,53,.77) 38%,rgba(8,29,53,.27) 68%,rgba(8,29,53,.08) 100%),
    url('/assets/images/pearl-harbor-educator-hero-first-rendering.jpg?v=9') center center/cover no-repeat;
}
.home-hero__texture{display:none}
.home-hero__grid{min-height:720px;padding:88px 0 78px;align-items:center}
.home-hero__copy{max-width:790px;text-shadow:0 2px 16px rgba(4,18,34,.28)}
.home-hero__copy h1{font-size:clamp(3rem,5.5vw,5.1rem);line-height:1.055}
.home-hero__intro{max-width:730px;color:rgba(255,255,255,.93)}
.journey-panel{background:linear-gradient(180deg,rgba(8,31,57,.92),rgba(7,27,49,.89));border-color:rgba(230,214,166,.44);backdrop-filter:blur(8px)}
.site-header{background:rgba(8,29,53,.98)}

.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-link{display:flex;flex-direction:column;min-height:180px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 8px 26px rgba(11,29,47,.05);transition:.2s ease}
.overview-link:hover,.overview-link:focus{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 16px 34px rgba(11,29,47,.11)}
.overview-link__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:var(--gold-light);font-weight:900;margin-bottom:14px}
.overview-link h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.24rem;margin:0 0 7px}
.overview-link p{color:var(--muted);font-size:.92rem;margin:0 0 16px}
.overview-link span:last-child{margin-top:auto;color:var(--coral-dark);font-weight:800;font-size:.9rem}

.registration-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.registration-benefits div{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:16px}
.registration-benefits strong{display:block;color:var(--navy);margin-bottom:4px}
.form-note{font-size:.9rem;color:var(--muted);background:var(--cream);border-left:4px solid var(--gold);padding:13px 15px;border-radius:8px}

.standard-nav{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 0 34px}
.standard-nav a{display:inline-flex;padding:.6rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:800;color:var(--navy)}
.standard-nav a:hover,.standard-nav a:focus{border-color:var(--gold);background:#fffaf0}
.grade-standard{scroll-margin-top:100px;margin:0 0 42px}
.grade-standard__head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px 24px;background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:#fff;border-radius:18px 18px 0 0}
.grade-standard__head h2{font-size:2rem;margin:0}
.grade-standard__head p{margin:0;color:#dce4ec;max-width:620px}
.standards-table td:first-child,.standards-table th:first-child{min-width:160px}
.standards-table td:nth-child(2){min-width:210px}
.standard-source{display:inline-flex;margin-top:8px;color:var(--coral-dark);font-weight:800}
.standards-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px}
.standards-summary .card{height:100%}

.tech-options{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tech-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:23px;background:#fff;min-height:250px}
.tech-card__icon{width:46px;height:46px;border-radius:13px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;margin-bottom:15px}
.tech-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.38rem;margin:0 0 8px}
.tech-card ul{padding-left:1.1rem;color:var(--muted);margin-top:auto}
.tech-checklist{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tech-check{display:grid;grid-template-columns:26px 1fr;align-items:start;gap:12px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:92px}
.tech-check input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--coral)}
.tech-check strong{display:block;color:var(--navy);margin-bottom:3px}
.tech-check small{display:block;color:var(--muted)}
.requirements-table td:first-child{font-weight:800;color:var(--navy);width:24%}
.domain-list{font-family:ui-monospace,monospace;background:#eef2f5;padding:.15rem .4rem;border-radius:5px}

.reading-intro{max-width:900px;margin:0 auto 35px;text-align:center;color:var(--muted)}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.book-card{display:grid;grid-template-columns:70px 1fr;gap:17px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 7px 22px rgba(11,29,47,.05)}
.book-card:hover,.book-card:focus{border-color:var(--gold);transform:translateY(-2px)}
.book-card__mark{width:66px;height:86px;border-radius:7px;background:linear-gradient(145deg,var(--navy),#315a7e);color:var(--gold-light);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.5rem;box-shadow:5px 6px 0 #e8ddc0}
.book-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.28rem;margin:0 0 4px}
.book-card p{margin:0;color:var(--muted)}
.book-card span{display:inline-block;margin-top:10px;color:var(--coral-dark);font-weight:800}

.contact-band{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-band h2{font-size:1.8rem;margin:0 0 5px;color:var(--navy)}
.contact-band p{margin:0;color:var(--muted)}
.contact-email{font-weight:900;color:var(--coral-dark);white-space:nowrap}

@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(3,1fr)}.tech-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.overview-grid{grid-template-columns:repeat(2,1fr)}.standards-summary,.book-grid,.tech-checklist{grid-template-columns:1fr}.registration-benefits{grid-template-columns:1fr}.grade-standard__head{display:block}.grade-standard__head p{margin-top:8px}.contact-band{display:block}.contact-email{display:inline-block;margin-top:12px}}
@media(max-width:560px){.overview-grid,.tech-options{grid-template-columns:1fr}.book-card{grid-template-columns:52px 1fr}.book-card__mark{width:48px;height:68px;font-size:1.1rem}.home-hero__copy h1{font-size:2.75rem}.home-hero{background-position:60% center}}


/* v10 compact, linked landing page */
.home-hero{background-image:linear-gradient(90deg,rgba(7,25,43,.94) 0%,rgba(10,31,52,.78) 46%,rgba(10,31,52,.40) 74%,rgba(10,31,52,.48) 100%),url('/assets/images/pearl-harbor-educator-hero-first-rendering.jpg');background-size:cover;background-position:center 52%;}
.home-hero__texture{display:none}
.home-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.64fr);gap:38px;padding:48px 0 44px;min-height:590px}
.home-hero__copy h1{font-size:clamp(2.55rem,4.65vw,4.35rem);max-width:760px;line-height:1.02;margin-bottom:20px}
.home-hero__intro{font-size:1.03rem;max-width:690px;line-height:1.65}
.home-hero .button-row{margin-top:22px}
.home-hero .button{min-height:46px;padding:.68rem 1.08rem}
.hero-facts{margin-top:24px;padding-top:18px;gap:18px;font-size:.93rem}
.journey-panel{padding:24px;border-radius:22px;background:rgba(8,24,39,.90)}
.journey-panel h2{font-size:1.72rem;margin-bottom:8px}
.journey-panel ol{margin:14px 0}
.journey-panel li{grid-template-columns:38px 1fr;gap:10px;padding:11px 0}
.journey-panel li small{font-size:.78rem;line-height:1.35}
.hero-jump{margin:17px 0 0}.hero-jump a{color:var(--gold-light);font-weight:750;text-decoration:none}.hero-jump a:hover{text-decoration:underline}
.section__header--compact{margin-bottom:28px}
.program-links{padding-top:62px;padding-bottom:70px}
.program-link-grid{display:grid;gap:18px}
.program-link-grid--primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.program-link-card{display:flex;flex-direction:column;min-height:245px;padding:25px;border-radius:18px;border:1px solid var(--line);background:white;text-decoration:none;box-shadow:0 10px 28px rgba(11,29,47,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.program-link-card:hover,.program-link-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,29,47,.13);border-color:var(--gold)}
.program-link-card__number{font-size:.75rem;font-weight:850;letter-spacing:.14em;color:var(--coral-dark)}
.program-link-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;color:var(--navy);margin:18px 0 10px}
.program-link-card p{color:var(--muted);font-size:.94rem;line-height:1.5;margin:0 0 22px}
.program-link-card__action{margin-top:auto;color:var(--coral-dark);font-weight:800;font-size:.9rem}
.program-link-grid--tools{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}
.program-tool-card{display:flex;flex-direction:column;gap:4px;padding:18px 19px;border-radius:14px;border:1px solid var(--line);background:var(--cream);text-decoration:none;min-height:92px;transition:.18s ease}
.program-tool-card:hover,.program-tool-card:focus-visible{background:white;border-color:var(--gold);transform:translateY(-2px)}
.program-tool-card strong{color:var(--navy);font-size:.98rem}.program-tool-card span{color:var(--muted);font-size:.82rem;line-height:1.35}
@media(max-width:1050px){.program-link-grid--primary{grid-template-columns:repeat(2,1fr)}.program-link-grid--tools{grid-template-columns:repeat(3,1fr)}.home-hero__grid{grid-template-columns:1fr;min-height:auto}.journey-panel{max-width:700px}}
@media(max-width:720px){.home-hero__grid{padding:38px 0}.home-hero__copy h1{font-size:clamp(2.3rem,11vw,3.5rem)}.program-link-grid--primary,.program-link-grid--tools{grid-template-columns:1fr}.program-link-card{min-height:210px}.program-links{padding-top:46px}}


/* v11: Make every classroom-journey step a real, full-row hyperlink. */
.journey-panel li{
  display:block;
  padding:0;
  border-top:1px solid rgba(255,255,255,.12);
}
.journey-step-link{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  gap:10px;
  align-items:start;
  width:100%;
  padding:13px 6px;
  border-radius:12px;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.journey-step-link>span:first-child{
  color:var(--gold);
  font-weight:800;
}
.journey-step-link strong,
.journey-step-link small{
  display:block;
}
.journey-step-link small{
  color:rgba(255,255,255,.68);
  margin-top:2px;
  font-size:.78rem;
  line-height:1.35;
}
.journey-step-link__arrow{
  align-self:center;
  color:var(--gold-light);
  font-size:1.05rem;
  opacity:.78;
  transform:translateX(0);
  transition:transform .18s ease,opacity .18s ease;
}
.journey-step-link:hover,
.journey-step-link:focus-visible{
  background:rgba(255,255,255,.09);
  box-shadow:inset 3px 0 0 var(--gold);
  transform:translateX(2px);
  outline:none;
}
.journey-step-link:hover .journey-step-link__arrow,
.journey-step-link:focus-visible .journey-step-link__arrow{
  opacity:1;
  transform:translateX(3px);
}
.journey-step-link:focus-visible{
  outline:2px solid var(--gold-light);
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  .journey-step-link,
  .journey-step-link__arrow{transition:none!important}
}


/* v12 hard-click fix */
.home-hero__texture,.home-hero::before,.home-hero::after{pointer-events:none!important}
.home-hero__grid,.journey-panel,.journey-panel ol,.journey-panel li,.journey-step-link{position:relative;z-index:30;pointer-events:auto!important}
.journey-panel li{display:block!important;padding:0!important}
.journey-step-link{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;width:100%!important;padding:15px 8px!important;color:#fff!important;text-decoration:none!important;cursor:pointer!important;border-radius:12px!important;touch-action:manipulation}
.journey-step-link__number{color:var(--gold)!important;font-weight:900;align-self:start;padding-top:2px}
.journey-step-link__copy strong{display:block;color:#fff}.journey-step-link__copy small{display:block;margin-top:3px;color:rgba(255,255,255,.68);line-height:1.4}
.journey-step-link__action{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:34px;padding:.45rem .68rem;border:1px solid rgba(230,214,166,.7);border-radius:999px;color:var(--gold-light);font-size:.72rem;font-weight:850;white-space:nowrap}
.journey-step-link:hover,.journey-step-link:focus-visible{background:rgba(255,255,255,.10)!important;box-shadow:inset 4px 0 0 var(--gold);outline:none}
.journey-step-link:hover .journey-step-link__action,.journey-step-link:focus-visible .journey-step-link__action{background:var(--gold);color:var(--navy-dark);border-color:var(--gold)}
@media(max-width:560px){.journey-step-link{grid-template-columns:36px minmax(0,1fr)!important}.journey-step-link__action{grid-column:2;justify-self:start;margin-top:5px}}


/* v15 approved recognition, certificate, compact support, and real activity preview */
.recognition-panel-v15{padding:34px 38px;background:linear-gradient(145deg,#fff,#fdfbf6);border-color:#e7dfcf}
.recognition-panel-v15 .panel-heading{align-items:flex-start;border-bottom:1px solid #e2c989;padding-bottom:24px;margin-bottom:24px}
.recognition-panel-v15 .panel-heading h2{font-size:clamp(2rem,3.4vw,3.1rem)}
.recognition-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.recognition-progress-card{display:flex;flex-direction:column;border:1px solid #dfe3e7;border-radius:18px;padding:20px;background:#fff;box-shadow:0 9px 28px rgba(11,31,56,.07);min-width:0}
.recognition-progress-card__top{display:grid;grid-template-columns:158px minmax(0,1fr);gap:16px;align-items:center;min-height:190px}
.recognition-progress-card img{width:158px;height:158px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(11,31,56,.13))}
.recognition-progress-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy-deep);font-size:1.5rem;margin:0 0 8px;line-height:1.12}
.recognition-progress-card p{color:var(--muted);margin:.25rem 0}
.recognition-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:750;color:#567078}
.recognition-status.earned{color:#2f7a45}
.recognition-status__icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e1f3e5;color:#2f7a45;font-weight:900}
.recognition-progress{height:8px;background:#e7e7e7;border-radius:999px;overflow:hidden;margin-top:10px}.recognition-progress span{display:block;height:100%;background:var(--gold);border-radius:inherit}
.recognition-progress-card__actions{display:flex;gap:10px;border-top:1px solid #eadcb8;padding-top:16px;margin-top:auto}
.recognition-progress-card__actions .button{flex:1;min-height:44px}
.recognition-disclaimer-v15{display:flex;gap:14px;align-items:center;border-top:1px solid #e2c989;margin-top:26px;padding-top:22px;color:var(--muted)}
.recognition-disclaimer-v15 span{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold)}
.recognition-showcase-v15{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.recognition-showcase-v15 .recognition-product{box-shadow:none;border:0;background:transparent;padding:8px 20px}
.recognition-showcase-v15 .recognition-product img{width:290px;height:290px;max-width:100%;filter:drop-shadow(0 10px 14px rgba(11,31,56,.14))}
.support-contact-card{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:42px;border:1px solid #ddcfaa;border-radius:24px;background:#fff;padding:34px 40px;box-shadow:0 12px 35px rgba(11,31,56,.08);align-items:start}
.support-contact-card__intro{padding:8px 0}.support-contact-card__seal{width:58px;height:58px;border-radius:50%;background:var(--navy-deep);border:3px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:1.8rem;margin-bottom:16px}
.support-contact-card__intro h2{font-size:clamp(2.3rem,4.4vw,3.8rem);margin-bottom:16px}.support-contact-card__intro p{font-size:1rem;color:var(--muted)}
.support-contact-card .form-card{padding:0;border:0;box-shadow:none;border-radius:0}.support-contact-card .form-card>h2,.support-contact-card .form-card>p{display:none}
.support-contact-card .form-grid{gap:14px 18px}.support-contact-card input,.support-contact-card select{min-height:50px}.support-contact-card textarea{min-height:138px;max-height:210px}.support-contact-card .button{min-height:46px;padding:.7rem 1.2rem}
.sample-activity-link{display:block;border:1px solid #e2cf9d;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 13px 35px rgba(11,31,56,.08);transition:.2s ease}.sample-activity-link:hover,.sample-activity-link:focus{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,31,56,.13);outline:3px solid rgba(197,165,90,.35)}
.sample-activity-link img{display:block;width:100%;height:auto}.sample-activity-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;color:var(--navy-deep)}.sample-activity-caption span:last-child{color:var(--coral-dark);font-weight:850}
.certificate-art{position:relative;width:100%;max-width:1080px;aspect-ratio:4/3;margin:24px auto 30px;background:#f9f6ee;overflow:hidden;border:0;padding:0;box-shadow:0 18px 48px rgba(11,31,56,.18)}
.certificate-art:before{display:none}.certificate-art__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.certificate-art__field{position:absolute;text-align:center;color:#112d4c;font-family:Georgia,"Times New Roman",serif;line-height:1.05;z-index:2}
.certificate-art__name{left:32.2%;top:43.1%;width:38.5%;font-size:clamp(22px,3.3vw,52px);background:#f9f6ee;padding:.2% .5%}
.certificate-art__pathway{left:14.6%;top:68.2%;width:17.8%;font-size:clamp(10px,1.42vw,22px);background:#f9f6ee;padding:.25%}
.certificate-art__date{left:34.3%;top:68.2%;width:15.4%;font-size:clamp(10px,1.42vw,22px);background:#f9f6ee;padding:.25%}
.certificate-art__verification{left:50.8%;top:68.2%;width:20.1%;font-size:clamp(9px,1.28vw,20px);background:#f9f6ee;padding:.35% .2%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:1080px){.recognition-program-grid{grid-template-columns:1fr}.recognition-progress-card__top{grid-template-columns:145px 1fr}.support-contact-card{grid-template-columns:1fr}.support-contact-card__intro{max-width:620px}.recognition-showcase-v15{grid-template-columns:1fr}}
@media(max-width:620px){.recognition-progress-card__top{grid-template-columns:105px 1fr}.recognition-progress-card img{width:105px;height:105px}.recognition-progress-card__actions{flex-direction:column}.support-contact-card{padding:24px 20px}.sample-activity-caption{display:block}.sample-activity-caption span:last-child{display:block;margin-top:6px}}
@media print{@page{size:landscape;margin:.18in}.certificate-art{width:10.62in;height:7.96in;max-width:none;margin:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.certificate-art__name{font-size:34pt}.certificate-art__pathway,.certificate-art__date{font-size:14pt}.certificate-art__verification{font-size:12pt}}


/* v16: Main Harrison's Heroes site banner */
.main-site-banner{
  background:var(--gold);
  color:var(--navy-dark);
  border-bottom:1px solid rgba(11,29,47,.18);
}
.main-site-banner__inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.main-site-banner a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--navy-dark);
  text-decoration:none;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.02em;
}
.main-site-banner a:hover,
.main-site-banner a:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:700px){
  .main-site-banner__inner{justify-content:center}
  .main-site-banner a{font-size:.74rem}
}


/* v17 curriculum cleanup and navigation refinement */
.site-header .nav{gap:16px}
.site-header .nav .button{min-height:40px;padding:.58rem 1rem;font-size:.94rem;white-space:nowrap}
.site-header .nav>a:not(.button){font-size:.9rem}
@media(max-width:1120px){.site-header .nav{gap:12px}.site-header .nav .button{padding:.54rem .9rem;font-size:.9rem}}
.sample-activity-link{text-decoration:none}
.sample-activity-link .sample-activity-caption{display:block;padding:16px 22px 20px}
.sample-activity-link .sample-activity-caption strong{display:block;font-size:1.1rem;color:var(--navy-deep)}
.sample-activity-link .sample-activity-caption small{display:block;margin-top:5px;color:var(--muted);font-size:.95rem}
.sample-activity-link:hover .sample-activity-caption strong,.sample-activity-link:focus-visible .sample-activity-caption strong{text-decoration:underline;text-underline-offset:3px}
.curriculum-preview-header{max-width:880px;margin:0 auto 30px;text-align:center}
.curriculum-preview-header .eyebrow{margin-bottom:12px}
.packet-question-card{max-width:1040px;margin:0 auto;background:linear-gradient(180deg,#fffef9,#fff);border:1px solid #e7dcc6;border-radius:24px;box-shadow:0 18px 42px rgba(11,31,56,.08);overflow:hidden}
.packet-question-card__head{padding:20px 28px;border-bottom:1px solid #eadfc8;background:linear-gradient(180deg,#fff9ef,#fffdf8)}
.packet-question-card__head p{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:var(--coral-dark)}
.packet-question-card__head h2{margin:.45rem 0 0;font-size:clamp(2rem,4vw,3rem);color:var(--navy-deep)}
.packet-question-card__body{padding:34px 36px}
.packet-question-card__label{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .82rem;border:1px solid #e2cf9d;border-radius:999px;background:#fffaf0;color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.packet-question-card__prompt{margin:22px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.2vw,4rem);line-height:1.16;color:var(--navy-deep)}
.packet-question-card__note{margin:0;max-width:900px;font-size:1.06rem;color:var(--muted)}
.packet-question-card__note strong{color:var(--navy)}
@media(max-width:700px){.site-header .nav .button{min-height:38px;padding:.5rem .82rem;font-size:.88rem}.packet-question-card__head,.packet-question-card__body{padding:18px 18px 22px}.packet-question-card__prompt{font-size:2.05rem}}


/* v19: compact discussion excerpt and badge preview */
.registration-badge-preview{
  margin-top:4px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.registration-badge-preview__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #e5dcc8;
  border-radius:14px;
  background:linear-gradient(135deg,#fffdf7,#f8f4ea);
  color:var(--ink);
  text-decoration:none;
}
.registration-badge-preview__images{
  display:flex;
  align-items:center;
  min-width:132px;
}
.registration-badge-preview__images img{
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px rgba(11,31,56,.12));
}
.registration-badge-preview__images img+img{margin-left:-10px}
.registration-badge-preview__copy strong{
  display:block;
  color:var(--navy);
  font-size:.92rem;
  line-height:1.25;
}
.registration-badge-preview__copy span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.35;
}
.registration-badge-preview__action{
  color:var(--coral-dark);
  font-size:.78rem;
  font-weight:850;
  white-space:nowrap;
}
.registration-badge-preview__link:hover,
.registration-badge-preview__link:focus-visible{
  border-color:var(--gold);
  box-shadow:0 9px 24px rgba(11,31,56,.08);
  outline:none;
}
.packet-question-card{
  max-width:860px;
  border-radius:20px;
}
.packet-question-card__head{
  padding:16px 22px;
}
.packet-question-card__head p{
  font-size:.7rem;
}
.packet-question-card__head h2{
  margin:.3rem 0 0;
  font-size:clamp(1.75rem,3vw,2.35rem);
}
.packet-question-card__body{
  padding:24px 26px 26px;
}
.packet-question-card__label{
  padding:.38rem .7rem;
  font-size:.69rem;
}
.packet-question-card__prompt{
  margin:16px 0 14px;
  font-size:clamp(1.55rem,3vw,2.45rem);
  line-height:1.18;
}
.packet-question-card__note{
  font-size:.95rem;
  line-height:1.55;
}
@media(max-width:760px){
  .registration-badge-preview__link{grid-template-columns:auto 1fr}
  .registration-badge-preview__action{grid-column:2}
  .registration-badge-preview__images{min-width:112px}
  .registration-badge-preview__images img{width:44px;height:44px}
  .packet-question-card__head{padding:14px 18px}
  .packet-question-card__body{padding:20px 18px 22px}
  .packet-question-card__prompt{font-size:1.75rem}
}

/* v20 administrator, badge tracking, and technology refinements */
.admin-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:32px}.admin-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(11,31,56,.05)}.admin-summary strong{display:block;font-family:Georgia,serif;font-size:2.15rem;color:var(--navy);line-height:1}.admin-summary span{display:block;margin-top:8px;color:var(--muted);font-size:.86rem}.admin-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;margin:0 0 24px;box-shadow:0 10px 28px rgba(11,31,56,.05)}.admin-section__head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:20px}.admin-section__head h2{font-size:2rem;margin-bottom:6px}.admin-section__head p{margin-top:0;color:var(--muted)}.admin-actions{display:flex;align-items:center;gap:10px}.admin-actions input{min-width:290px}.badge-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.status-pill{display:inline-flex;padding:.35rem .6rem;border-radius:999px;background:#eef1f4;color:var(--navy);font-weight:800;font-size:.76rem}.status-pill--earned{background:#e6f4e9;color:#236233}.status-pill--ready{background:#e6f4e9;color:#236233}.status-pill--blocked{background:#fff1e8;color:#8a451c}.admin-section button:disabled{opacity:.45;cursor:not-allowed}.domain-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.domain-list li{display:grid;gap:3px}.domain-list code{width:max-content;max-width:100%;overflow-wrap:anywhere;background:#eef1f4;border-radius:7px;padding:.3rem .5rem}.domain-list span{color:var(--muted);font-size:.92rem}.domain-callout{margin:14px 0 22px;font-size:.95rem}
@media(max-width:1050px){.admin-summary{grid-template-columns:repeat(3,1fr)}.badge-admin-grid{grid-template-columns:1fr}.admin-section__head{align-items:start;flex-direction:column}.admin-actions{width:100%;flex-wrap:wrap}.admin-actions input{min-width:0;flex:1}}
@media(max-width:650px){.admin-summary{grid-template-columns:1fr 1fr}.admin-section{padding:18px}.admin-actions{display:grid;grid-template-columns:1fr}.admin-actions input{width:100%}}


/* v21: registration section based on approved rendering 2 */
.registration-band{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b2747 0%,#14385d 48%,#0b1d2f 100%);padding:64px 0}
.registration-band__grid{grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);gap:42px;align-items:stretch}
.registration-story-panel{position:relative;isolation:isolate;min-height:680px;padding:20px 14px 24px 0;display:flex;flex-direction:column;overflow:hidden}
.registration-story-panel:before{content:"";position:absolute;z-index:-2;left:-6vw;right:-4vw;bottom:-150px;height:430px;background:linear-gradient(180deg,rgba(12,37,64,0),rgba(12,37,64,.25) 20%,rgba(12,37,64,.76) 58%,rgba(12,37,64,.96)),url('/assets/images/pearl-harbor-educator-hero-first-rendering.jpg') center 62%/cover no-repeat;opacity:.48;filter:saturate(.75)}
.registration-story-panel:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 35% 70%,rgba(197,165,90,.12),transparent 34%)}
.registration-story-panel h2{font-size:clamp(3.2rem,5.6vw,5.7rem);max-width:680px;margin:0 0 30px;color:#fff}
.registration-story-panel__intro{max-width:710px;font-size:1.15rem;line-height:1.75;color:rgba(255,255,255,.86);margin:0}
.registration-recognition{margin-top:44px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}
.registration-recognition__head h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,3.3vw,3.15rem);color:#fff;margin:0 0 10px}
.registration-recognition__head p{max-width:720px;margin:0;color:rgba(255,255,255,.82);font-size:1.05rem}
.registration-recognition__badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;max-width:760px}
.registration-recognition__badge{display:grid;justify-items:center;align-content:start;text-align:center;text-decoration:none;color:#fff;min-width:0;padding:4px 2px 10px;border-radius:16px;transition:transform .2s ease,background .2s ease}
.registration-recognition__badge:hover,.registration-recognition__badge:focus-visible{transform:translateY(-4px);background:rgba(255,255,255,.06);outline:2px solid rgba(230,214,166,.65);outline-offset:3px}
.registration-recognition__badge img{width:min(100%,190px);height:170px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.25))}
.registration-recognition__badge span{font-family:Georgia,"Times New Roman",serif;font-size:1.04rem;font-style:italic;color:#fff;margin-top:4px;line-height:1.2}
.registration-form{align-self:stretch;padding:38px 36px 32px;border-radius:28px;box-shadow:0 24px 70px rgba(1,15,30,.3);gap:18px}
.registration-form>h3{font-size:1.55rem;margin-bottom:4px}
.registration-form>p:not(.eyebrow){font-size:1.06rem;line-height:1.65;margin:0 0 10px}
.registration-benefits{gap:16px}
.registration-benefits>div{padding:22px 20px;min-height:238px;align-content:start}
.registration-benefit-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:14px;border:1px solid #d9c99e;border-radius:13px;color:var(--navy);font-size:1.45rem;background:#fffdf7}
.registration-form>.button{min-height:58px;font-size:1.02rem}
@media(max-width:1100px){.registration-band__grid{grid-template-columns:1fr}.registration-story-panel{min-height:auto;padding-right:0}.registration-story-panel:before{height:380px;bottom:-180px}.registration-recognition__badges{max-width:820px}.registration-form{max-width:760px;width:100%}}
@media(max-width:720px){.registration-band{padding:50px 0}.registration-story-panel h2{font-size:3.2rem}.registration-recognition__badges{gap:8px}.registration-recognition__badge img{height:125px}.registration-recognition__badge span{font-size:.88rem}.registration-form{padding:28px 22px}.registration-benefits{grid-template-columns:1fr}.registration-benefits>div{min-height:auto}}

.registration-benefit-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* v22: prevent device icon labels from overflowing */
.tech-card__icon{overflow:hidden;flex:0 0 auto}
.tech-card__icon--device svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}