:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#172e3d;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:#12678a;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid #dce6eb;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #14334b0b}.topinner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:11px;color:#143d57;font-size:19px;font-weight:800;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:11px;font-weight:600;color:#607886;margin-top:5px}.logo{background:#13768e;color:#fff;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-size:23px}.top nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.top nav a{font-size:13px;font-weight:650;color:#345364}.top nav .emlink{background:#b3262e;color:white;padding:8px 12px;border-radius:10px}main.wrap{padding-top:32px;padding-bottom:80px;min-height:70vh}h1{font-size:clamp(27px,4vw,44px);line-height:1.16;letter-spacing:-.035em;margin:12px 0 18px}h2{font-size:23px;letter-spacing:-.025em;margin:28px 0 15px}h3{font-size:18px;line-height:1.35;margin:8px 0}p{margin:8px 0 14px}.muted{color:#617887}.hero{background:linear-gradient(115deg,#123e56,#126d82);color:#fff;border-radius:24px;padding:clamp(28px,6vw,70px);margin:4px 0 32px}.hero h1{max-width:680px;font-size:clamp(34px,5vw,62px)}.hero p{max-width:650px;color:#d7eef2;font-size:17px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#187a8e}.hero .eyebrow,.emergencyhero .eyebrow{color:#b5f4ef}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.btn,button{border:0;background:#116e83;color:#fff;font-weight:750;border-radius:10px;padding:11px 17px;cursor:pointer;font:inherit;font-weight:750}.btn{display:inline-block}.hero .btn{background:#fff;color:#13495e}.hero .ghost{background:#ffffff18;color:#fff;border:1px solid #ffffff65}.secondary{background:#e9eff2;color:#304d5c}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.sectionhead h1,.sectionhead h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #dfebef;border-radius:16px;padding:22px;box-shadow:0 4px 20px #19425808}.tile{display:block;color:inherit;min-height:188px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);text-decoration:none;border-color:#7bb7c3}.tileicon{font-size:28px}.tile p{color:#657e8c;font-size:14px}.more{color:#14758d;font-size:13px;font-weight:750}.highlight{background:#e9f6f5}.stack{display:grid;gap:14px}.listcard{display:flex;align-items:center;justify-content:space-between;gap:18px;color:inherit}.listcard span:last-child{color:#14758d;font-size:13px}.narrow{max-width:620px;margin:auto}.form{display:grid;gap:15px}.form label{display:grid;gap:6px;font-size:14px;font-weight:700}.form input,.form select,.form textarea,.inlineform input{font:inherit;width:100%;padding:11px 12px;border:1px solid #cddde5;border-radius:9px;background:#fff;color:#183648}.form textarea{resize:vertical}.form .check{display:flex;align-items:center}.form .check input{width:auto}.notice{padding:13px 17px;background:#e6f4ec;border:1px solid #a9dbc3;border-radius:10px;margin-bottom:20px}.error{padding:13px 17px;background:#fff0f0;border:1px solid #f0b1b1;border-radius:10px;margin-bottom:20px;color:#912329}.reading{max-width:790px;background:#fff;border:1px solid #dfebef;padding:clamp(20px,4vw,42px);border-radius:18px}.lessonbody{white-space:normal;font-size:17px;line-height:1.9;margin:25px 0}.lessonimg,.postimg{max-width:100%;max-height:460px;object-fit:contain;border-radius:12px}.postimg{max-height:360px}.source{background:#edf4f6;padding:14px;border-radius:10px;font-size:13px;margin:18px 0;color:#3e606f}.quizcard{max-width:830px}.option{display:flex;align-items:flex-start;gap:10px;border:1px solid #d6e3e8;border-radius:10px;padding:13px;margin:9px 0;cursor:pointer}.option:hover{background:#f0f7f8}.option input{margin-top:5px;accent-color:#116e83}.score{font-size:48px;font-weight:850;color:#126e84}.correct{color:#137748;font-weight:750}.incorrect{color:#aa2b32;font-weight:750}.comment{background:#f1f5f7;padding:10px 13px;border-radius:9px;font-size:13px}.inlineform{display:flex;gap:7px}.inlineform button{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats .card{display:grid;gap:4px}.stats strong{font-size:27px}.stats span{font-size:12px;color:#657d8a}.admincols{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}details.card{margin:16px 0}summary{cursor:pointer;font-weight:800;font-size:17px}details .form{margin-top:22px}.emergencyhero{background:#a6242e;color:white;border-radius:20px;padding:30px;margin-bottom:22px}.emergencyhero h1{margin:10px 0}.emergencyhero p{color:#ffebeb}.contactgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact h2{font-size:19px;margin:0 0 14px}.numbergrid{display:flex;flex-wrap:wrap;gap:9px}.call,.extension{display:grid;gap:2px;min-width:115px;border-radius:11px;padding:12px 15px;font-size:18px;font-weight:800}.call{background:#e7f5ed;color:#176e48;border:1px solid #a8d7bd}.extension{background:#f0f3f6;color:#3e5967;border:1px solid #d8e2e7}.call small,.extension small{font-size:10px;font-weight:650}.mobilebar{display:none}footer{background:#eaf1f4;color:#617a88;font-size:12px;padding:26px 0}footer .wrap{line-height:1.9}@media(max-width:950px){.topinner{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}.top nav{gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wrap{padding:0 15px}.topinner{min-height:60px;padding-top:9px;padding-bottom:9px}.top nav{display:none}main.wrap{padding-top:18px;padding-bottom:100px}.hero{border-radius:18px;padding:30px 22px}.hero p{font-size:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:14px;min-height:170px}.tileicon{font-size:24px}.tile h3{font-size:15px}.tile p{font-size:12px}.card{padding:17px}.sectionhead{align-items:flex-start}.sectionhead .btn{font-size:12px}.contactgrid,.admincols{grid-template-columns:1fr}.contact{padding:18px}.listcard{align-items:flex-start;flex-direction:column}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:11;background:#fff;border-top:1px solid #dce6eb;justify-content:space-around;padding:9px 4px max(9px,env(safe-area-inset-bottom));box-shadow:0 -4px 15px #14334b12}.mobilebar a{color:#28566a;font-size:22px;text-align:center;line-height:1}.mobilebar small{display:block;font-size:10px;font-weight:650;margin-top:6px}.brand{font-size:17px}.brand small{font-size:10px}.score{font-size:38px}}

/* Suraksha 2.0 visual refresh */
:root{--ink:#142b3c;--teal:#087b82;--line:#dfe9ee;--soft:#f3f8fa}body{background:linear-gradient(180deg,#f7fbfc,#edf5f7 70%,#f7fbfc);color:var(--ink)}.top{backdrop-filter:blur(16px);background:#fffffff0}.top nav a:hover{color:#00838c}.brand{letter-spacing:-.03em}.logo{background:linear-gradient(145deg,#076a7a,#18a7a1);box-shadow:0 6px 16px #07808a38}.modern-hero{position:relative;overflow:hidden;min-height:310px;background:linear-gradient(90deg,#0c2d41f7 0%,#0e4459e8 52%,#0b3c4d99 100%),url("illustrations/steel-coils.svg") center right/cover no-repeat}.modern-hero:after{content:"";position:absolute;right:-90px;bottom:-190px;width:400px;height:400px;border:1px solid #ffffff2b;border-radius:50%;pointer-events:none}.modern-hero h1{font-weight:850;letter-spacing:-.05em}.card,.feature-card{box-shadow:0 10px 35px #11334c0c;border-color:#e1ebf0}.tile{min-height:168px;transition:transform .22s,box-shadow .22s}.tile:hover{box-shadow:0 18px 40px #123c5220;transform:translateY(-5px)}.tileicon{display:grid;place-items:center;background:#e8f6f5;border-radius:14px;width:54px;height:54px}.sectionhead h2{font-size:clamp(21px,2.6vw,27px)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{display:block;background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;color:inherit;transition:transform .2s}.feature-card:hover{text-decoration:none;transform:translateY(-4px)}.feature-art{height:150px;background:linear-gradient(135deg,#e0f3f0,#d2e7f1);display:grid;place-items:center;color:#33717a;font-weight:800;letter-spacing:.12em;font-size:11px}.feature-art img{width:100%;height:100%;object-fit:cover}.feature-content{padding:18px}.feature-content small{color:#0c7c83;font-weight:800}.feature-content h3{margin:7px 0 15px}.feature-content span{color:#117782;font-weight:800;font-size:13px}.byte-card{border-left:5px solid #13a29c;background:linear-gradient(120deg,#e6f7f2,#fff)}.quiz-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:15px;padding:14px 18px;margin:15px 0}.quiz-toolbar>span{font-size:12px;font-weight:750;color:#557181}.quiz-progress{height:9px;border-radius:20px;background:#e6eff2;flex:1;min-width:100px;overflow:hidden}.quiz-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0b8c88,#42c2a5);transition:width .2s}.quizcard{border-radius:20px}.quizcard .option{transition:background .15s,border-color .15s;min-height:52px}.quizcard .option:has(input:checked){border-color:#058e8c;background:#e9f9f5;box-shadow:0 0 0 2px #0e9e9820}.quizcard .option input{width:18px;height:18px}.reading{box-shadow:0 14px 42px #12384c0d}.lessonbody{font-size:16px}.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.admin-sidebar{position:sticky;top:98px;background:white;border:1px solid var(--line);padding:13px;border-radius:18px;display:grid;gap:5px}.admin-sidebar a{padding:11px 12px;border-radius:10px;color:#35566a;font-weight:750;font-size:13px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#e6f6f4;color:#087a7c;text-decoration:none}.admin-main{min-width:0}.admin-section{scroll-margin-top:105px}.admin-section>h2{margin-top:12px}.admin-section .card{margin-bottom:12px}.admin-shell details.card{margin:12px 0}.admin-shell summary{font-size:15px}.admin-overview{padding:18px;background:linear-gradient(110deg,#11394e,#176879);color:white;border-radius:17px;margin-bottom:16px}.admin-overview h1{color:white;margin:3px 0}.admin-overview p{color:#d6f0ee}.admin-section[hidden]{display:none!important}.admin-sidebar .admin-nav-title{font-size:11px;letter-spacing:.1em;color:#7a909a;padding:10px 12px 5px}.btn:hover,button:hover{filter:brightness(1.08)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;overflow:auto;white-space:nowrap;gap:5px}.admin-sidebar a{flex-shrink:0}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.modern-hero{min-height:285px;background-position:65% center}.feature-grid{grid-template-columns:1fr}.feature-art{height:185px}.admin-sidebar{margin:0 -2px}.quiz-toolbar>span:last-child{display:none}.stats strong{font-size:23px}}

/* Learning Studio upgrade */
.admin-overview{background:linear-gradient(115deg,#102c43,#11677a);color:#fff;border-radius:22px;padding:28px;margin:24px 0}.admin-overview h1{color:#fff;margin:.4rem 0}.admin-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px}.admin-sidebar{position:sticky;top:88px;align-self:start;display:grid;gap:7px;background:#fff;padding:12px;border-radius:18px;border:1px solid #e3eaf0}.admin-sidebar a{padding:12px;border-radius:10px;text-decoration:none;color:#284455;font-weight:650}.admin-sidebar a.active{background:#e0f4f1;color:#07675c}.admin-main{min-width:0}.admin-main>section[hidden]{display:none}.question-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 6px;border-bottom:1px solid #e2e8ee}.question-row label{display:flex;align-items:start;gap:10px}.question-row small{display:block;color:#718092;margin:5px 0}.question-list{max-height:620px;overflow:auto}.bulk-actions,.filter-pills,.editor-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0}.filter-pills a{padding:8px 13px;border-radius:99px;background:#e8f2f5}.editor-focus{margin-top:18px;border:2px solid #0b9d89}.lesson-preview{background:#fff;border:2px dashed #89b9c1;padding:24px;border-radius:14px;margin:16px 0}.lesson-preview[hidden]{display:none}.lesson-preview img,.lessonbody img{max-width:100%;height:auto;border-radius:12px}.lesson-preview table,.lessonbody table{border-collapse:collapse;display:block;overflow-x:auto;width:100%;margin:20px 0}.lesson-preview td,.lesson-preview th,.lessonbody td,.lessonbody th{border:1px solid #d9e3eb;padding:10px 14px;min-width:100px}.lesson-preview th,.lessonbody th{background:#e9f4f4}.lessonbody h2{margin-top:32px;border-bottom:1px solid #e3e9ee;padding-bottom:9px}.lessonbody li{margin:8px 0}.lessonbody blockquote{border-left:4px solid #0a9a87;padding:14px;background:#eef9f7}.editor-image{max-width:240px;border-radius:12px}.quiz-hero{background:linear-gradient(110deg,#102e45,#126d7b);padding:30px;color:#fff;border-radius:22px;margin:20px 0}.quiz-hero h1{color:#fff}.level-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.level-pills a{border:1px solid #a8cad1;color:#fff;border-radius:99px;padding:8px 15px}.level-pills a.selected{background:#fff;color:#164257}.quiz-progress{position:sticky;top:0;z-index:5;background:#fff;border-radius:12px;padding:14px 18px;margin:15px 0;box-shadow:0 4px 22px #0e304015}.quiz-track{height:8px;background:#dce9ed;border-radius:99px;margin-top:9px;overflow:hidden}.quiz-track span{display:block;height:100%;background:#0d9986;transition:width .2s}.quizcard{background:#fff;border:1px solid #dce7ee;border-radius:20px;padding:26px}.quizcard[hidden]{display:none}.quiz-top{display:flex;justify-content:space-between}.difficulty{background:#edf6f7;border-radius:30px;padding:5px 12px;font-size:.8rem}.quiz-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,35%);gap:24px;align-items:start}.quiz-question-layout:not(:has(.quiz-photo)){grid-template-columns:1fr}.quiz-photo{margin:0}.quiz-photo img{width:100%;border-radius:14px;object-fit:contain;max-height:340px}.quiz-photo figcaption{color:#657787;font-size:.8rem}.quiz-options{display:grid;gap:10px}.quiz-options .option{margin:0}.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.byte-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.byte-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e1e9ee;box-shadow:0 6px 22px #1c46500b}.byte-card>img,.byte-pattern{height:180px;width:100%;object-fit:cover}.byte-pattern{display:grid;place-content:center;background:linear-gradient(135deg,#0f4965,#119b89);color:white;font-weight:800;letter-spacing:.16em}.byte-inner{padding:21px}.byte-inner h2{font-size:1.2rem}.byte-inner p{line-height:1.65}.reading{max-width:920px}.lessonbody{line-height:1.8;font-size:1.04rem}.lessonbody figure{margin:20px 0}.lessonbody figcaption{font-size:.85rem;color:#687f8b}
@media(max-width:760px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;overflow:auto;white-space:nowrap}.admin-sidebar a{flex-shrink:0}.quiz-question-layout{grid-template-columns:1fr}.quiz-photo{order:-1}.quizcard{padding:18px}.admin-overview{padding:20px}.question-row{align-items:flex-start;flex-wrap:wrap}.bulk-actions button{flex:1}.byte-grid{grid-template-columns:1fr}}


/* Unified visual correction, 2026-11-09. Loaded last deliberately. */
:root{--ui-ink:#142e3d;--ui-teal:#087b83;--ui-border:#dce8ed;--ui-muted:#5b7382}
body{background:#f4f7f9;color:var(--ui-ink)}main.wrap{max-width:1320px;padding-top:32px}.topinner{max-width:1320px}.top nav{gap:19px}.top nav a{white-space:nowrap}
.hero.modern-hero{min-height:0;padding:54px 58px;background:linear-gradient(105deg,rgba(8,37,54,.96),rgba(13,91,103,.86)),url('images/pltcm-safety.jpg') center/cover no-repeat;border-radius:24px}
.hero.modern-hero h1{font-size:clamp(36px,4vw,56px);max-width:650px;margin:15px 0}.hero.modern-hero p{max-width:580px}.hero.modern-hero:after{display:none}
.academy-heading{padding:30px 0 22px}.academy-heading h1{font-size:clamp(34px,4vw,52px);margin:8px 0}.academy-heading p{max-width:760px;color:var(--ui-muted);font-size:17px}
.academy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:36px}
.academy-card{display:flex;flex-direction:column;overflow:hidden;border-radius:19px;border:1px solid var(--ui-border);background:#fff;color:inherit;box-shadow:0 8px 28px #153e5110;transition:transform .2s,box-shadow .2s}
.academy-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 17px 38px #153e5122}.academy-art{height:190px;overflow:hidden;background:#d9e7e9}.academy-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.academy-card:hover img{transform:scale(1.05)}
.academy-info{display:flex;flex:1;flex-direction:column;padding:23px}.academy-kicker{font-size:11px;letter-spacing:.1em;font-weight:850;color:#087c82}.academy-info h3{font-size:21px;margin:11px 0 8px}.academy-info p{font-size:14px;line-height:1.6;color:var(--ui-muted);margin:0 0 19px}.academy-go{margin-top:auto;color:#087783;font-weight:800;font-size:14px}
.feature-art{height:190px}.feature-art img{display:block;object-fit:cover}.feature-content{min-height:150px;display:flex;flex-direction:column}.feature-content span{margin-top:auto}.feature-grid{margin-bottom:28px}
.admin-overview{margin:0 0 23px;padding:27px 32px;background:linear-gradient(105deg,#102e43,#126d78)}.admin-overview h1{font-size:36px;margin:8px 0}.admin-overview p{font-size:15px}.admin-shell{grid-template-columns:225px minmax(0,1fr);gap:25px}.admin-sidebar{position:sticky;top:95px;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--ui-border);border-radius:17px;background:white}.admin-sidebar a{display:block;padding:13px 14px;border-radius:10px;font-size:14px;line-height:1.3;color:#345365;font-weight:700;text-decoration:none}.admin-sidebar a.active,.admin-sidebar a:hover{background:#e4f5f2;color:#086d70}.admin-main{min-width:0}.admin-main>section[hidden]{display:none!important}.admin-main>section{padding:0 0 20px}.admin-main .stats{gap:15px}.admin-main .stats .card{min-height:130px}.admin-main h2{margin-top:5px}
.quizcard{max-width:none}.quiz-question-layout{gap:26px}.quiz-photo img{object-fit:contain;background:#eef4f6}.quiz-options .option{padding:15px;border-radius:12px}
.reading{max-width:1000px;margin:0 auto}.lessonbody{overflow-wrap:anywhere}.lessonbody img{max-width:100%;height:auto}.lessonbody table{font-size:14px}.byte-grid{gap:22px}
@media(max-width:1020px){.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.admin-sidebar a{flex-shrink:0}.top nav{gap:10px}}
@media(max-width:680px){main.wrap{padding-top:18px}.hero.modern-hero{padding:33px 23px;border-radius:18px}.hero.modern-hero h1{font-size:35px}.academy-grid{grid-template-columns:1fr;gap:15px}.academy-art{height:185px}.academy-info{padding:19px}.admin-overview{padding:22px}.admin-overview h1{font-size:31px}.feature-grid{grid-template-columns:1fr}.admin-main .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{margin:0;gap:5px}.admin-sidebar a{padding:10px}.quiz-question-layout{grid-template-columns:1fr}}

/* Quiz Arena responsive redesign 20261109 */
.quiz-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#092f54 0%,#075a83 65%,#087c8b 100%);border-radius:22px;padding:clamp(20px,4vw,38px);margin:8px 0 18px;color:white;box-shadow:0 15px 35px #0a34542b}.quiz-hero h1{font-size:clamp(25px,3.2vw,39px);margin:7px 0;color:white}.quiz-hero p{color:#d8eef7;max-width:680px}.quiz-hero .eyebrow{color:#9debe6}.level-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.level-pills a{display:inline-flex;align-items:center;min-height:39px;padding:8px 15px;border:1px solid #ffffff70;color:white;border-radius:99px;font-weight:700;font-size:13px}.level-pills a.selected{background:#fff;color:#0d4565}.quiz-progress{position:relative;top:auto;display:block;background:white;border:1px solid #dce9f0;border-radius:16px;padding:16px 20px;margin:0 0 13px;box-shadow:0 8px 24px #123b5610}.quiz-progress strong{font-size:14px}.quiz-track{height:9px;margin-top:10px;border-radius:20px;background:#e7f0f4;overflow:hidden}.quiz-track span{display:block;height:100%;background:linear-gradient(90deg,#048fa3,#23b89a);transition:width .2s}.quiz-palette{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:5px 0 17px}.quiz-palette button{flex:0 0 39px;width:39px;height:39px;padding:0;border-radius:11px;border:1px solid #c8dce5;background:white;color:#31566c;font-size:13px;font-weight:800}.quiz-palette button.current{background:#0c4c77;color:#fff;border-color:#0c4c77;box-shadow:0 3px 9px #0b42622b}.quiz-palette button.answered:not(.current){background:#e4f8ed;color:#126647;border-color:#7acaa5}.quizcard{max-width:none;width:100%;border:1px solid #dce8ef;background:#fff;padding:clamp(18px,3vw,34px);border-radius:22px;box-shadow:0 12px 40px #12374c10}.quizcard[hidden]{display:none!important}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.difficulty{background:#eaf3f9;color:#17557b;padding:7px 13px;border-radius:30px;font-size:12px;font-weight:750}.quiz-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,38%);gap:clamp(18px,3vw,32px);align-items:start}.quiz-question-layout:not(:has(.quiz-photo)){grid-template-columns:1fr}.quiz-question-layout h2{font-size:clamp(20px,2.3vw,29px);line-height:1.4;margin:0 0 24px;letter-spacing:-.02em}.quiz-options{display:grid;gap:12px}.quiz-options .option{display:flex;align-items:center;gap:14px;margin:0;padding:15px 17px;min-height:62px;border:1.5px solid #dce6ed;border-radius:14px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.quiz-options .option:hover{border-color:#3e9eaa;background:#f4fbfb;transform:translateY(-1px)}.quiz-options .option.chosen,.quiz-options .option:has(input:checked){background:#eaf9f4;border-color:#159d83;box-shadow:0 0 0 2px #159d8318}.quiz-options .option input{width:19px;height:19px;flex-shrink:0;accent-color:#0b927c;margin:0}.quiz-options .option span{font-size:15px;line-height:1.5}.quiz-options .option b{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eaf1f5;margin-right:9px;color:#25546c}.quiz-photo{margin:0;overflow:hidden;border:1px solid #dce8ef;border-radius:17px;background:#f0f5f7}.quiz-photo img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}.quiz-photo figcaption{padding:11px 14px;font-size:12px;color:#567080}.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0 30px;padding:14px 0}.quiz-controls button{min-height:46px;padding:11px 20px;border-radius:12px}.quiz-controls button:disabled{opacity:.45;cursor:not-allowed}.quiz-controls span{font-size:13px;color:#5d7483;font-weight:750;text-align:center}.quiz-controls #quiz-submit{background:#137c64}.quiz-controls [hidden]{display:none!important}@media(max-width:760px){.quiz-hero{border-radius:16px;padding:23px 18px}.quiz-question-layout{grid-template-columns:minmax(0,1fr)!important;gap:15px}.quiz-photo{order:-1}.quiz-photo img{max-height:250px}.quizcard{padding:19px 15px;border-radius:16px}.quiz-question-layout h2{font-size:20px;margin-bottom:17px}.quiz-options .option{padding:12px;min-height:56px}.quiz-controls{position:sticky;bottom:69px;z-index:8;background:#f5f9fbed;border:1px solid #e2ebef;border-radius:13px;padding:9px;box-shadow:0 5px 18px #1c3f4e17}.quiz-controls button{padding:10px 12px;font-size:13px;min-height:42px}.quiz-controls span{font-size:11px}.quiz-palette{padding-bottom:12px}}

/* CRM-III dashboard reference redesign: intentionally appended after earlier styles */
:root{--brand-navy:#092d5b;--brand-blue:#0755a7;--brand-yellow:#ffc928;--brand-bg:#f4f7fc}
body{background:var(--brand-bg);color:#102b49}main.wrap{max-width:1480px;padding-top:20px}.top{background:#fff;border-bottom:3px solid #dbe7f4;box-shadow:0 2px 10px #113f6910}.topinner{max-width:1480px}.brand{font-size:19px;font-weight:900;letter-spacing:-.035em;color:#0c3260}.brand em{font-style:normal;color:#d4a200}.brand small{font-size:10px;letter-spacing:.09em;font-weight:750}.brand .logo{border-radius:9px;background:#073f82;color:white}.top nav a{font-size:13px;font-weight:800}.top nav a:hover{color:#0759ad}
.dashboard-hero{min-height:290px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(3,34,78,.98) 0%,rgba(5,54,105,.93) 33%,rgba(6,58,100,.25) 64%,rgba(2,32,66,.1) 100%),url('images/banner-home.jpg') center 49%/cover no-repeat;display:flex;align-items:center;margin:0 0 15px;box-shadow:0 8px 22px #123b6418}.dashboard-hero-copy{padding:36px 50px;max-width:660px;color:#fff}.hero-kicker{display:block;font-weight:850;font-size:22px;font-style:italic;color:#f7d13c}.dashboard-hero h1{color:#fff;font-size:clamp(32px,3.3vw,52px);letter-spacing:-.04em;margin:8px 0 14px;line-height:1.08}.dashboard-hero p{color:#e6f1ff;font-size:16px;max-width:470px;line-height:1.55}.dashboard-hero .hero-cta{display:inline-block;margin-top:15px;background:#ffd034;color:#0a2c54;border-radius:11px;padding:13px 22px;font-weight:900;box-shadow:0 5px 12px #061a3c33}.quicklinks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:20px}.quicklinks a{display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:13px 11px;border:1px solid #d9e5f0;border-radius:12px;background:#fff;color:#12385d;text-decoration:none;box-shadow:0 3px 12px #173f6310;min-width:0}.quicklinks a:hover{border-color:#72a8e0;transform:translateY(-2px)}.quicklinks span{grid-row:span 2;font-size:24px}.quicklinks strong{font-size:13px;line-height:1.2}.quicklinks small{font-size:11px;color:#627b91;margin-top:4px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:18px;align-items:start}.dashboard-primary{background:#fff;border:1px solid #dfeaf3;border-radius:16px;padding:20px;min-width:0}.dashboard-sectionhead{margin:0 0 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-sectionhead h2{font-size:25px;color:#102e5b;margin:0 0 5px}.dashboard-sectionhead p{color:#617b90;margin:0;font-size:13px}.dashboard-sectionhead a{white-space:nowrap;font-size:13px;font-weight:800}.dashboard-courses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-course{overflow:hidden;border:1px solid #dce6f1;border-radius:12px;background:#fff;box-shadow:0 4px 11px #143c6310;color:#0d2f59;text-decoration:none;min-width:0}.dashboard-course:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 9px 22px #143c6322}.dashboard-course img{display:block;width:100%;height:145px;object-fit:cover;background:#dce6ef}.dashboard-course div{padding:12px}.dashboard-course strong{display:block;font-size:14px;line-height:1.35;min-height:38px}.dashboard-course small{display:block;margin-top:5px;color:#2368b5;font-weight:750;font-size:12px}.dashboard-aside{display:grid;gap:13px}.dash-widget{padding:16px;border:1px solid #d9e6f2;background:#fff;border-radius:14px;box-shadow:0 4px 12px #143c6310}.dash-widget h3{background:linear-gradient(90deg,#0755a5,#0097c4);color:white;border-radius:9px;margin:-5px -5px 13px;padding:12px;font-size:16px}.dash-widget p{font-size:13px;line-height:1.55;color:#536c82}.dash-widget a{font-size:13px;font-weight:850}.dash-widget strong{display:block;margin-top:9px}.dash-byte-photo{width:100%;height:145px;object-fit:cover;border-radius:10px}.academy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.academy-art{height:160px}.academy-info{padding:15px}.academy-info h3{font-size:17px}.academy-info p{font-size:13px}.academy-heading{padding-top:18px}.academy-heading h1{font-size:40px}.quiz-hero{background:linear-gradient(90deg,#06346b,#0875b6),url('images/banner-quiz.jpg') center/cover}.quizcard{box-shadow:0 8px 26px #163e6515}
@media(max-width:1150px){.quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-courses{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.dashboard-columns{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{min-height:260px}}
@media(max-width:600px){main.wrap{padding:12px 12px 80px}.dashboard-hero{min-height:270px;background-position:58% center;background-image:linear-gradient(90deg,rgba(3,30,69,.97),rgba(4,47,92,.8) 75%,rgba(3,35,78,.55)),url('images/banner-home.jpg')}.dashboard-hero-copy{padding:24px}.hero-kicker{font-size:15px}.dashboard-hero h1{font-size:32px}.dashboard-hero p{font-size:13px}.quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quicklinks a{padding:10px 8px;grid-template-columns:27px minmax(0,1fr)}.quicklinks span{font-size:20px}.quicklinks strong{font-size:12px}.quicklinks small{font-size:10px}.dashboard-primary{padding:12px}.dashboard-sectionhead h2{font-size:21px}.dashboard-sectionhead p{font-size:12px}.dashboard-sectionhead a{font-size:11px}.dashboard-courses{gap:9px}.dashboard-course img{height:110px}.dashboard-course div{padding:9px}.dashboard-course strong{font-size:12px;min-height:35px}.dashboard-course small{font-size:10px}.dashboard-aside{grid-template-columns:1fr}.academy-grid{grid-template-columns:1fr}.academy-art{height:185px}.topinner .brand{font-size:14px}.brand small{font-size:8px}}

/* 2026-11-10 learning studio layout improvements */
.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.studio-toolbar form{margin:0}.admin-sidebar{display:flex;gap:.55rem;flex-wrap:wrap}.admin-sidebar a{white-space:nowrap}
.question-list{max-height:70vh;overflow:auto;scrollbar-gutter:stable}.question-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 0;border-bottom:1px solid #e2e8f0}.question-row label{min-width:0;overflow-wrap:anywhere}
.quizcard[hidden], [data-admin-panel][hidden]{display:none!important}.quiz-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,36%);gap:1.3rem;align-items:start}
.quiz-question-layout:not(:has(.quiz-photo)){grid-template-columns:1fr}.quiz-photo{margin:0;min-width:0}.quiz-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.quiz-options{display:grid;gap:.7rem}.quiz-options .option{display:block;cursor:pointer;border:1px solid #d5e1ee;border-radius:12px;padding:.85rem;background:#fff}.quiz-options .option.chosen{border-color:#0475bd;background:#e9f5ff}
.quiz-palette{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.quiz-palette button{min-width:2.35rem;min-height:2.35rem;padding:.4rem;border-radius:.6rem}.quiz-palette button.current{outline:3px solid #ffcb2f}.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.academy-card img,.course-card img,.topic-card img,.safety-byte img,.byte-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
@media(max-width:760px){.quiz-question-layout{grid-template-columns:1fr}.quiz-photo{order:-1}.quiz-photo img{aspect-ratio:16/9;max-height:230px}.quizcard{padding:1rem}.quiz-controls button{flex:1}.admin-sidebar{overflow-x:auto;flex-wrap:nowrap}.studio-toolbar{display:block}.studio-toolbar form{margin-top:1rem}.question-list{max-height:none}}


/* Quiz Arena / Quiz Player final design — isolated to qa classes */
.qa-intro,.qa-player-intro{background:linear-gradient(115deg,#082e60,#075b9b);color:#fff;border-radius:19px;padding:clamp(20px,3vw,34px);margin:8px 0 20px;position:relative;overflow:hidden}.qa-intro{display:flex;align-items:center;justify-content:space-between}.qa-intro h1,.qa-player-intro h1{font-size:clamp(27px,3vw,40px);color:#fff;margin:6px 0}.qa-intro p,.qa-player-intro p{color:#e4effc;margin:0;line-height:1.55}.qa-kicker{font-size:12px;font-weight:850;letter-spacing:.12em;color:#ffdc66}.qa-intro-icon{font-size:70px;opacity:.55}.qa-list-heading,.qa-player-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.qa-list-heading{margin:24px 0 14px}.qa-list-heading h2{margin:0;color:#102e5b}.qa-list-heading p{margin:5px 0 0;color:#657b90}.qa-list-heading>span{color:#53718b;font-size:13px}.qa-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:32px}.qa-topic{min-width:0;background:#fff;border:1px solid #dbe5f1;border-radius:16px;overflow:hidden;box-shadow:0 4px 13px #0c37600f;display:flex;flex-direction:column}.qa-topic-media{height:155px;position:relative;background:#e9eff5}.qa-topic-media img{width:100%;height:100%;display:block;object-fit:cover}.qa-topic-count{position:absolute;bottom:10px;left:10px;padding:5px 10px;background:#fff;border-radius:20px;color:#12365d;font-size:11px;font-weight:850}.qa-topic-body{padding:15px;display:flex;flex-direction:column;flex:1}.qa-topic-body h3{font-size:17px;color:#0d2d58;margin:0 0 8px}.qa-topic-body p{font-size:13px;color:#667c8e;line-height:1.5;flex:1;margin:0 0 14px}.qa-topic-action{display:inline-flex;justify-content:space-between;align-items:center;gap:10px;color:#075caa;font-weight:850;text-decoration:none}.qa-topic-unavailable{font-size:12px;color:#8a6970}.qa-back{display:inline-block;color:#e5f5ff;font-size:13px;font-weight:750;margin-bottom:12px}.qa-total{border-radius:12px;padding:10px 12px;background:#ffffff22;color:#fff;font-size:12px;white-space:nowrap}.qa-levels{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.qa-level{color:#e7f3ff;border:1px solid #ffffff77;border-radius:10px;padding:9px 14px;text-decoration:none;font-size:13px;font-weight:750}.qa-level small{display:inline-block;margin-left:7px;opacity:.75}.qa-level.is-active{background:#ffce3e;color:#102b50;border-color:#ffce3e}.qa-empty{padding:30px;border:1px solid #dce7f2;border-radius:15px;background:#fff}.qa-progress{padding:15px 18px;background:#fff;border:1px solid #dce7f2;border-radius:14px;margin-bottom:15px}.qa-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.qa-progress strong{font-size:14px;color:#13365c}.qa-progress span{font-size:12px;color:#687e90}.qa-progress .quiz-track{margin-top:11px}.qa-question{padding:clamp(18px,2.5vw,30px);border-radius:17px}.qa-question .quiz-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,245px)!important;gap:22px;align-items:start}.qa-question .quiz-question-layout.no-photo{grid-template-columns:minmax(0,1fr)!important}.qa-question-main{min-width:0}.qa-question h2{font-size:clamp(19px,2vw,25px);line-height:1.42;color:#153451;margin:0 0 21px}.qa-question .quiz-photo{width:100%;max-width:245px;margin:0;border:1px solid #dce7f2;border-radius:13px;background:#f3f7fa;overflow:hidden}.qa-question .quiz-photo img{width:100%;height:170px;max-height:170px;aspect-ratio:auto;object-fit:contain;border-radius:0;display:block}.qa-question .quiz-photo figcaption{font-size:11px;color:#647c8f;padding:9px;text-align:center}.qa-question .quiz-options{display:grid;gap:10px}.qa-question .quiz-options .option{display:flex;align-items:center;gap:12px;border:1.5px solid #dce7ef;border-radius:12px;padding:13px 15px;min-height:55px;background:#fff;cursor:pointer;margin:0}.qa-question .quiz-options .option:hover{border-color:#559bcd;background:#f6fbff}.qa-question .quiz-options .option:has(input:checked),.qa-question .quiz-options .option.chosen{border-color:#0076c9;background:#eaf5ff;box-shadow:0 0 0 2px #0076c915}.qa-question .quiz-options input{accent-color:#0076c9;flex-shrink:0;margin:0}.qa-option-letter{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:#edf3fa;font-size:13px;font-weight:850;color:#12446f}.qa-option-text{flex:1;min-width:0;font-size:14px;line-height:1.5;color:#173a58}.qa-question-number{font-size:12px;color:#286391;font-weight:850;letter-spacing:.08em}.qa-palette-heading{display:flex;justify-content:space-between;gap:10px;margin-top:18px;color:#21435f;font-size:13px}.qa-palette-heading span{color:#6b8092;font-size:11px}.quiz-palette{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 16px;overflow:visible}.quiz-palette button{width:39px;height:39px;min-width:39px;padding:0;border:1px solid #c9dbe8;border-radius:9px;background:#fff;color:#275373;font-size:13px;font-weight:850}.quiz-palette button.current{background:#006db4;color:#fff;border-color:#006db4;outline:none}.quiz-palette button.answered:not(.current){background:#e1f6e9;color:#146d41;border-color:#92d5ab}.qa-question[hidden],.quiz-controls [hidden]{display:none!important}.quiz-controls{margin-top:8px}.quiz-controls button{min-height:43px}.qa-topic-action:focus-visible,.qa-level:focus-visible,.quiz-palette button:focus-visible{outline:3px solid #ffc82e;outline-offset:2px}
@media(max-width:1100px){.qa-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.qa-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.qa-topic-media{height:130px}.qa-topic-body{padding:12px}.qa-topic-body h3{font-size:14px}.qa-topic-body p{font-size:12px}.qa-question .quiz-question-layout{grid-template-columns:1fr!important}.qa-question .quiz-photo{order:-1;max-width:260px}.qa-question .quiz-photo img{height:140px;max-height:140px}.qa-player-title{align-items:flex-start}.qa-total{white-space:normal}.qa-intro-icon{font-size:45px}.qa-question .quiz-options .option{padding:11px}.qa-palette-heading{flex-wrap:wrap}.quiz-controls{position:static;bottom:auto}}@media(max-width:430px){.qa-topic-grid{grid-template-columns:1fr}.qa-topic-media{height:170px}.qa-total{display:none}.qa-question .quiz-photo{max-width:100%}.qa-question .quiz-photo img{height:155px}}

/* Lesson Studio & reading view — isolated from quiz and admin navigation */
.lesson-back{margin:0 0 18px;font-size:14px;font-weight:750}.reading-upgraded{max-width:940px;margin:auto;padding:0;overflow:hidden;border-radius:22px;box-shadow:0 14px 50px #16384a10}.lesson-page-head{padding:clamp(25px,5vw,48px);background:linear-gradient(125deg,#103d58,#166a80);color:#fff}.lesson-page-head h1{font-size:clamp(29px,4vw,43px);margin:8px 0 14px;max-width:760px}.lesson-kicker{font-size:11px;font-weight:850;letter-spacing:.15em;color:#b9edf2}.lesson-topic{font-size:14px;color:#ccecf1;margin:16px 0 0}.lesson-intro{font-size:16px;color:#e1f1f5;max-width:690px}.lesson-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.lesson-meta span{background:#ffffff18;border:1px solid #ffffff30;border-radius:50px;padding:6px 12px;font-size:12px}.reading-upgraded>.lessonimg{display:block;max-height:350px;max-width:calc(100% - 72px);margin:28px auto 0;object-fit:contain}.reading-upgraded>.source,.reading-upgraded>form,.reading-upgraded>.muted,.reading-upgraded>.lesson-safety-note{margin-left:clamp(20px,5vw,48px);margin-right:clamp(20px,5vw,48px)}.lesson-prose{padding:clamp(20px,5vw,48px);margin:0!important;color:#273e4a;font-size:16px;line-height:1.8}.lesson-prose h2,.lesson-preview h2{font-size:clamp(21px,3vw,27px);line-height:1.3;margin:34px 0 14px;color:#134a64;padding-bottom:10px;border-bottom:1px solid #d9e7ec}.lesson-prose h3,.lesson-preview h3{font-size:19px;margin:25px 0 11px;color:#185b70}.lesson-prose h4,.lesson-preview h4{font-size:16px;margin:20px 0 9px}.lesson-prose p,.lesson-preview p{margin:10px 0 16px}.lesson-prose ul,.lesson-prose ol,.lesson-preview ul,.lesson-preview ol{padding-left:25px;margin:12px 0 21px}.lesson-prose li,.lesson-preview li{padding-left:4px;margin:7px 0}.lesson-prose table,.lesson-preview table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;width:100%;margin:20px 0 27px;font-size:14px;line-height:1.55;border:1px solid #d7e5e9;border-radius:10px}.lesson-prose th,.lesson-preview th{background:#e8f2f5;color:#18475b;text-align:left;font-weight:800}.lesson-prose th,.lesson-prose td,.lesson-preview th,.lesson-preview td{border:1px solid #d9e5ea;padding:12px 14px;min-width:100px;vertical-align:top}.lesson-prose tbody tr:nth-child(even),.lesson-preview tbody tr:nth-child(even){background:#f7fafb}.lesson-prose img,.lesson-preview img{display:block;max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;margin:15px auto;border-radius:12px}.lesson-prose figure,.lesson-preview figure{margin:24px 0;text-align:center}.lesson-prose figcaption,.lesson-preview figcaption{font-size:13px;color:#607886;margin-top:7px}.lesson-prose blockquote,.lesson-preview blockquote{border-left:4px solid #0b8195;background:#eef8f9;border-radius:0 10px 10px 0;margin:20px 0;padding:15px 20px;color:#184d5c}.lesson-prose .lesson-warning,.lesson-preview .lesson-warning{border-left:5px solid #d84b37;background:#fff1ed;color:#7a2e25;padding:16px 19px;border-radius:0 10px 10px 0;margin:22px 0}.lesson-prose .lesson-tip,.lesson-preview .lesson-tip{border-left:5px solid #138b7b;background:#eaf8f4;color:#16594e;padding:16px 19px;border-radius:0 10px 10px 0;margin:22px 0}.lesson-prose .lesson-objectives,.lesson-preview .lesson-objectives{background:#f0f7fb;border:1px solid #d3e8f1;padding:15px 23px;border-radius:14px;margin:20px 0}.lesson-prose .lesson-objectives h2,.lesson-preview .lesson-objectives h2{margin-top:8px}.lesson-safety-note{background:#fff7e9;border:1px solid #efd9b4;border-radius:12px;padding:17px 20px;margin-bottom:25px;font-size:14px}.lesson-safety-note p{margin:5px 0 0}.lesson-editor .lesson-preview{background:#fff;padding:clamp(15px,3vw,28px);border:1px solid #d6e5ea;border-radius:14px;max-height:650px;overflow:auto;font-size:15px;line-height:1.75}.lesson-editor .lesson-preview[hidden]{display:none!important}.lesson-editor .editor-buttons{display:flex;flex-wrap:wrap;gap:8px}.lesson-editor textarea.html-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.lesson-editor .lesson-studio-help{background:#f0f7fb;border:1px solid #d4e8f1;border-radius:12px;padding:13px 16px;font-size:13px;font-weight:500}.lesson-editor .lesson-studio-help code{background:#e1eef5;padding:2px 4px;border-radius:4px}@media(max-width:650px){.lesson-prose{font-size:15px}.lesson-prose th,.lesson-prose td{padding:10px}.lesson-prose img{max-height:250px}.reading-upgraded>.lessonimg{max-width:calc(100% - 40px)}}

/* Lesson management actions */
.lesson-manage-row{align-items:center;gap:1rem;flex-wrap:wrap}.lesson-manage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.lesson-manage-actions form{margin:0}.lesson-manage-actions .btn,.lesson-manage-actions button{display:inline-flex;align-items:center;min-height:38px;padding:.5rem .8rem;text-decoration:none;border-radius:9px;font-size:.88rem}.lessonbody:empty{min-height:80px}

/* Quiz Arena visual recovery: isolated from lesson/admin styles */
main.wrap .qa-intro{display:flex!important;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#082f65,#0869a8)!important;color:#fff!important;padding:30px 36px!important;border-radius:22px!important;margin:12px 0 28px!important;box-shadow:0 14px 32px #092d551b}
main.wrap .qa-intro h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;color:#fff!important;margin:8px 0 12px!important}main.wrap .qa-intro p{color:#e5f3ff!important;font-size:15px!important}main.wrap .qa-intro-icon{font-size:65px!important}
main.wrap .qa-list-heading{display:flex!important;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px!important}main.wrap .qa-list-heading h2{margin:0 0 6px!important;color:#102d53!important}main.wrap .qa-list-heading p{color:#657b90!important}main.wrap .qa-list-heading>span{background:#e6f0fa;padding:7px 12px;border-radius:99px;white-space:nowrap;font-size:12px;color:#245077}
main.wrap .qa-topic-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important;align-items:stretch;margin-bottom:35px!important}
main.wrap .qa-topic{display:flex!important;flex-direction:column!important;min-width:0!important;background:#fff!important;border:1px solid #dce6f1!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 7px 22px #143d6414!important;transition:transform .2s,box-shadow .2s}main.wrap .qa-topic:hover{transform:translateY(-3px);box-shadow:0 14px 28px #143d6423!important}
main.wrap .qa-topic-media{position:relative!important;width:100%!important;height:155px!important;overflow:hidden!important;background:#dce9f2!important}main.wrap .qa-topic-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}main.wrap .qa-topic-count{position:absolute!important;bottom:10px!important;left:10px!important;background:#fff!important;color:#0c3760!important;padding:5px 10px!important;border-radius:99px!important;font-size:11px!important;font-weight:800!important}
main.wrap .qa-topic-body{padding:16px!important;display:flex!important;flex-direction:column!important;flex:1!important}main.wrap .qa-topic-body h3{margin:0 0 7px!important;font-size:17px!important;color:#0e3159!important}main.wrap .qa-topic-body p{font-size:13px!important;line-height:1.5!important;color:#65798c!important;flex:1!important;margin:0 0 14px!important}main.wrap .qa-topic-action{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#0063b5!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important}main.wrap .qa-topic-unavailable{font-size:12px;color:#806d76}
main.wrap .qa-player-intro{background:linear-gradient(110deg,#082f65,#0869a8)!important;color:white!important;border-radius:20px!important;padding:26px 30px!important;margin:12px 0 20px!important}main.wrap .qa-player-intro h1{color:white!important;margin:5px 0 9px!important;font-size:clamp(28px,3vw,40px)!important}main.wrap .qa-player-intro p{color:#e2f0ff!important}main.wrap .qa-player-intro .qa-back{color:#d6ebff!important}main.wrap .qa-player-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}main.wrap .qa-levels{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:20px!important}main.wrap .qa-level{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:9px 14px!important;border:1px solid #ffffff77!important;border-radius:10px!important;color:#fff!important;text-decoration:none!important;font-weight:750!important;font-size:13px!important}main.wrap .qa-level.is-active{background:#ffd348!important;border-color:#ffd348!important;color:#17345c!important}main.wrap .qa-level small{font-size:11px!important}
main.wrap .qa-progress{background:#fff!important;padding:15px 18px!important;border-radius:14px!important;border:1px solid #dce6f1!important;margin-bottom:15px!important}main.wrap .qa-progress>div:first-child{display:flex!important;justify-content:space-between!important;gap:12px!important}main.wrap .qa-progress strong{color:#14375b!important}main.wrap .qa-question{background:#fff!important;border:1px solid #dce6f1!important;padding:clamp(18px,3vw,30px)!important;border-radius:17px!important;box-shadow:0 8px 24px #0b356012!important}main.wrap .qa-question[hidden]{display:none!important}main.wrap .qa-question .quiz-question-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,225px)!important;gap:20px!important}main.wrap .qa-question .quiz-question-layout.no-photo{grid-template-columns:1fr!important}main.wrap .qa-question .quiz-options{display:grid!important;gap:10px!important}main.wrap .qa-question .option{display:flex!important;align-items:center!important;gap:12px!important;min-height:56px!important;padding:12px 14px!important;border:1px solid #d3e0ed!important;border-radius:11px!important;background:#fff!important;cursor:pointer!important}main.wrap .qa-question .option:has(input:checked){border-color:#0877bc!important;background:#eaf5ff!important}main.wrap .qa-option-letter{display:grid!important;place-items:center!important;flex:0 0 30px!important;height:30px!important;background:#edf4fa!important;border-radius:8px!important;color:#175078!important;font-weight:800!important}main.wrap .qa-option-text{font-size:14px!important;line-height:1.5!important}main.wrap .qa-question .quiz-photo{width:100%!important;max-width:225px!important;margin:0!important}main.wrap .qa-question .quiz-photo img{width:100%!important;height:155px!important;object-fit:contain!important;border-radius:12px!important}main.wrap .qa-palette-heading{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:20px 0 8px!important}main.wrap .quiz-palette{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:10px 0 18px!important}main.wrap .quiz-palette button{width:39px!important;height:39px!important;padding:0!important}main.wrap .quiz-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}main.wrap .quiz-controls [hidden]{display:none!important}
@media(max-width:1050px){main.wrap .qa-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){main.wrap .qa-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}main.wrap .qa-intro{padding:24px!important}main.wrap .qa-topic-media{height:130px!important}main.wrap .qa-question .quiz-question-layout{grid-template-columns:1fr!important}main.wrap .qa-question .quiz-photo{order:-1!important;max-width:220px!important}main.wrap .qa-player-title{align-items:flex-start!important;flex-direction:column!important}main.wrap .qa-list-heading{align-items:flex-start!important}}@media(max-width:460px){main.wrap .qa-topic-grid{grid-template-columns:1fr!important}main.wrap .qa-topic-media{height:170px!important}main.wrap .qa-intro-icon{display:none!important}main.wrap .qa-list-heading>span{display:none!important}main.wrap .qa-progress>div:first-child{flex-wrap:wrap!important}main.wrap .quiz-controls button{font-size:12px!important;padding:10px!important}}

/* Lesson reading page: reliable horizontal spacing — 2026-11-10 */
/* Covers both the current .lesson-prose and legacy .lessonbody markup. */
main.wrap .reading-upgraded > .lesson-prose,
main.wrap .reading-upgraded > .lessonbody,
main.wrap .reading > .lesson-prose,
main.wrap .reading > .lessonbody {
  display: flow-root;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 28px 38px !important;
  margin: 0 !important;
  overflow-wrap: break-word;
}
/* Prevent wide tables, pictures, and author HTML from spilling outside. */
main.wrap .reading .lesson-prose > *,
main.wrap .reading .lessonbody > * {
  max-width: 100%;
  box-sizing: border-box;
}
main.wrap .reading .lesson-prose table,
main.wrap .reading .lessonbody table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
main.wrap .reading .lesson-prose img,
main.wrap .reading .lessonbody img { max-width: 100%; height: auto; }
@media (max-width: 650px) {
  main.wrap .reading-upgraded > .lesson-prose,
  main.wrap .reading-upgraded > .lessonbody,
  main.wrap .reading > .lesson-prose,
  main.wrap .reading > .lessonbody {
    padding: 18px 17px !important;
  }
}

/* Unit Safety Knowledge 2026 refresh */
.unit-hero{padding:36px;border-radius:22px;background:linear-gradient(115deg,#0a3265,#086d92);color:#fff;margin-bottom:20px}.unit-hero h1{font-size:clamp(28px,4vw,43px);margin:8px 0}.unit-hero p{max-width:760px;color:#e3f2ff}.unit-hero .eyebrow{color:#a9e9ff}.unit-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.unit-controls input{max-width:420px;width:100%;border:1px solid #c8d8e9;border-radius:13px;padding:13px 16px}.unit-controls span{color:#64748b;font-size:14px}.unit-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.unit-tile{display:block;overflow:hidden;border:1px solid #dce6ef;border-radius:18px;background:#fff;text-decoration:none;color:#102947;box-shadow:0 5px 19px #123e6212;transition:transform .2s,box-shadow .2s}.unit-tile:hover{transform:translateY(-4px);box-shadow:0 12px 25px #123e6222}.unit-tile[hidden]{display:none!important}.unit-tile-image{position:relative;height:190px;background:#d9e6f0}.unit-tile-image img{width:100%;height:100%;object-fit:cover}.unit-tile-count{position:absolute;bottom:12px;right:12px;border-radius:999px;background:#092c57df;color:white;padding:7px 11px;font-size:12px}.unit-tile-info{padding:19px}.unit-tile-info h2{font-size:20px;margin:7px 0}.unit-tile-info p{font-size:14px;color:#586b7f;min-height:44px}.unit-tile-info strong{color:#007c9e;font-size:14px}.unit-back{display:inline-block;margin:10px 0 18px}.unit-detail-hero{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:28px;align-items:center;background:linear-gradient(120deg,#edf7ff,#fff);border:1px solid #d9e8f7;border-radius:20px;overflow:hidden;margin-bottom:28px}.unit-detail-hero img{width:100%;height:260px;object-fit:cover}.unit-detail-hero h1{margin:9px 0}.unit-detail-hero p{color:#566b80}.unit-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 30px}.unit-course{display:flex;gap:16px;background:#fff;border:1px solid #dbe8f3;border-radius:16px;padding:21px;text-decoration:none;color:#183450}.unit-course:hover{border-color:#0593b6}.unit-course-icon{font-size:28px}.unit-course small{color:#657e92}.unit-course h3{margin:6px 0}.unit-course p{font-size:14px;color:#667b8f}.unit-course strong{color:#007a9d}.unit-docs{display:grid;gap:10px}.unit-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit-admin-thumb{width:100%;max-height:160px;object-fit:cover;border-radius:10px;margin:12px 0}@media(max-width:900px){.unit-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.unit-gallery,.unit-course-grid,.unit-admin-grid{grid-template-columns:1fr}.unit-detail-hero{grid-template-columns:1fr}.unit-detail-hero img{height:200px}.unit-detail-hero>div{padding:0 20px 20px}.unit-controls{flex-direction:column;align-items:stretch}.unit-hero{padding:25px}.unit-tile-image{height:190px}}