
/* V7 — Lighthouse statewide learning layer */
.learn-hot{background:#ffd91f!important;color:#111!important}.learning-hero{position:relative;overflow:hidden;background:#111;color:#fff;border-bottom:8px solid #111}.learning-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(255,217,31,.22),transparent 32%),repeating-linear-gradient(-8deg,transparent 0 26px,rgba(255,255,255,.025) 27px 29px);pointer-events:none}.learning-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding-top:64px;padding-bottom:64px}.learning-hero h1{font-family:var(--display);font-size:clamp(3.4rem,8vw,8.8rem);line-height:.78;text-transform:uppercase;margin:.16em 0;color:#fff}.learning-hero h1 em{color:var(--cel-yellow);font-style:normal}.learning-hero p{font-family:Georgia,serif;font-size:1.18rem;line-height:1.62;max-width:760px}.learning-hero figure{margin:0;border:7px solid #fff;box-shadow:14px 14px 0 var(--cel-red);background:#f4e7cf;transform:rotate(1deg)}.learning-hero figure img{display:block;width:100%;height:auto}.broadcast-badge{display:inline-flex;gap:8px;align-items:center;border:3px solid #fff;padding:6px 10px;font:800 .78rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.broadcast-badge:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--cel-red);box-shadow:0 0 0 4px rgba(231,57,39,.25)}
.learning-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.learning-card{grid-column:span 4;border:5px solid #111;background:#fff;box-shadow:7px 7px 0 #111;padding:20px;min-height:230px}.learning-card.sun{background:var(--cel-yellow)}.learning-card.red{background:var(--cel-red);color:#fff}.learning-card.wide{grid-column:span 6}.learning-card h3{font-family:var(--display);font-size:1.6rem;text-transform:uppercase;margin:.1rem 0 .5rem}.learning-card p,.learning-card li{font-family:Georgia,serif;line-height:1.55}.learning-card .num{font-family:var(--display);font-size:3rem;line-height:1;opacity:.3;float:right}.mode-stack{display:grid;grid-template-columns:repeat(4,1fr);border:5px solid #111;box-shadow:8px 8px 0 #111}.mode-stack article{padding:20px;min-height:240px;border-right:3px solid #111;background:#fff}.mode-stack article:nth-child(2){background:var(--cel-yellow)}.mode-stack article:nth-child(4){background:var(--cel-red);color:#fff}.mode-stack article:last-child{border-right:0}.mode-stack h3{font-family:var(--display);text-transform:uppercase}.mode-stack p{font-family:Georgia,serif;line-height:1.5}.studio-spec{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-spec .spec{border:4px solid #111;background:#fff;padding:20px;box-shadow:5px 5px 0 #111}.studio-spec h3{font-family:var(--display);text-transform:uppercase}.studio-spec p,.studio-spec li{font-family:Georgia,serif;line-height:1.55}
.course-toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:0 0 20px}.course-toolbar input,.course-toolbar select{border:3px solid #111;background:#fff;padding:12px;font:700 .95rem Arial,sans-serif}.course-catalog-v7{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-card-v7{border:5px solid #111;background:#fff;box-shadow:7px 7px 0 #111;padding:18px;display:flex;flex-direction:column;min-height:330px}.course-card-v7:nth-child(3n+2){background:#fff8e9}.course-card-v7 .course-code{display:flex;justify-content:space-between;gap:8px;font:900 .75rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.course-card-v7 h3{font-family:var(--display);font-size:1.55rem;line-height:1.02;text-transform:uppercase;margin:.6rem 0}.course-card-v7 p{font-family:Georgia,serif;line-height:1.5}.course-card-v7 .course-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.course-card-v7 .course-meta span{border:2px solid #111;background:#ffd91f;padding:4px 7px;font:800 .72rem Arial,sans-serif;text-transform:uppercase}.course-card-v7 .course-actions{display:flex;gap:8px;margin-top:14px}.enrollment-strip{border:5px solid #111;background:#111;color:#fff;padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.enrollment-strip strong{font-family:var(--display);font-size:1.55rem;text-transform:uppercase;color:var(--cel-yellow)}
.teleclass-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;min-height:680px;border:6px solid #111;background:#fff;box-shadow:10px 10px 0 #111}.teleclass-rail{background:#111;color:#fff;padding:16px}.teleclass-rail h3{font-family:var(--display);color:var(--cel-yellow);text-transform:uppercase}.teleclass-rail button{display:block;width:100%;text-align:left;border:2px solid #fff;background:transparent;color:#fff;padding:10px;margin:7px 0;font-weight:800}.teleclass-rail button.active{background:var(--cel-yellow);color:#111;border-color:#111}.teleclass-stage{padding:22px;background:#f4e7cf}.teleclass-stage .screen{min-height:330px;border:5px solid #111;background:#222;color:#fff;display:grid;place-items:center;text-align:center;padding:26px;position:relative;overflow:hidden}.teleclass-stage .screen:after{content:"LIGHTHOUSE STUDIO · PROPOSED LIVE FEED";position:absolute;left:12px;bottom:10px;background:#e73927;padding:5px 8px;font:800 .7rem Arial,sans-serif;letter-spacing:.06em}.teleclass-stage .screen h2{font-family:var(--display);font-size:clamp(2.1rem,5vw,4.5rem);text-transform:uppercase;margin:.2em}.teleclass-stage .controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.teleclass-stage .controls button{border:3px solid #111;background:#fff;padding:10px 12px;font-weight:900}.teleclass-stage .controls button.on{background:var(--cel-yellow)}.teleclass-side{border-left:4px solid #111;padding:18px;background:#fff}.teleclass-side h3{font-family:var(--display);text-transform:uppercase}.class-checkin{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.class-checkin label{border:3px solid #111;text-align:center;padding:9px;font-weight:900}.class-checkin label:has(input:checked){background:var(--cel-yellow)}.teleclass-side textarea,.teleclass-side input,.teleclass-side select{width:100%;box-sizing:border-box;border:3px solid #111;padding:9px;margin:5px 0;background:#fff}.lesson-board{border:4px solid #111;background:#fff;padding:16px;margin-top:14px}.lesson-board h3{font-family:var(--display);text-transform:uppercase}.learning-progress{display:grid;gap:9px}.learning-progress .row{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:2px solid #111;padding:8px 0}.learning-progress strong{font-family:var(--display);text-transform:uppercase}.progress-pill{border:2px solid #111;background:#ffd91f;padding:3px 7px;font:800 .73rem Arial,sans-serif;text-transform:uppercase}
.readiness-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.readiness-grid label{border:3px solid #111;background:#fff;padding:12px;font-weight:800}.readiness-output{border:5px solid #111;background:#ffd91f;padding:20px;box-shadow:6px 6px 0 #111}.credential-lanes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.credential-lanes article{border:4px solid #111;background:#fff;padding:18px}.credential-lanes article:last-child{background:#111;color:#fff}.credential-lanes h3{font-family:var(--display);text-transform:uppercase}.source-stack{display:grid;gap:8px}.source-stack a{display:block;border-left:7px solid #ffd91f;background:#fff;padding:12px;color:#111;font-family:Georgia,serif;font-weight:700}.course-empty{border:4px dashed #111;padding:24px;background:#fff;font-family:Georgia,serif}
@media(max-width:980px){.learning-hero .wrap,.studio-spec,.credential-lanes{grid-template-columns:1fr}.learning-card{grid-column:span 6}.mode-stack{grid-template-columns:repeat(2,1fr)}.mode-stack article:nth-child(2){border-right:0}.course-catalog-v7{grid-template-columns:repeat(2,1fr)}.course-toolbar{grid-template-columns:1fr 1fr}.teleclass-shell{grid-template-columns:170px 1fr}.teleclass-side{grid-column:1/-1;border-left:0;border-top:4px solid #111}.learning-hero figure{transform:none}}
@media(max-width:660px){.learning-card,.learning-card.wide{grid-column:1/-1}.mode-stack,.course-catalog-v7,.course-toolbar,.readiness-grid{grid-template-columns:1fr}.mode-stack article{border-right:0;border-bottom:3px solid #111}.teleclass-shell{grid-template-columns:1fr}.teleclass-rail{display:flex;overflow:auto;gap:7px}.teleclass-rail h3{display:none}.teleclass-rail button{min-width:130px}.enrollment-strip{grid-template-columns:1fr}.learning-hero .wrap{padding-top:38px}.learning-hero h1{font-size:clamp(3rem,16vw,5rem)}}
