:root{--navy:#071a3d;--blue:#0d3b82;--ink:#10213e;--muted:#61708a;--line:#dce5f2;--bg:#f5f8fd;--white:#fff;--green:#087a55}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.disclaimer{background:#06152f;color:#dbe8ff;text-align:center;padding:8px 14px;font-size:12px}header{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:800}.brand b{color:#1657b8}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#061a3d,#1765d2);color:white;font-weight:900}nav{display:flex;gap:22px;font-size:14px;font-weight:650}nav a:hover{color:#1657b8}.menu{display:none;border:0;background:none;font-size:25px}main{min-height:70vh}.wrap{max-width:1180px;margin:auto;padding:32px 20px}.hero{background:radial-gradient(circle at 80% 10%,#174b91,#071a3d 58%);color:#fff;padding:68px 20px}.hero .inner{max-width:1180px;margin:auto}.eyebrow{color:#9fc5ff;font-weight:700}.hero h1{font-size:clamp(34px,6vw,62px);max-width:850px;line-height:1.02;margin:12px 0}.hero p{max-width:720px;color:#d6e3f7;font-size:18px}.search{display:flex;max-width:720px;margin-top:28px;background:#fff;padding:7px;border-radius:14px}.search input{flex:1;border:0;padding:14px;font-size:16px;outline:0}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:#1458b7;color:#fff;font-weight:750;cursor:pointer}.btn.secondary{background:#eef4ff;color:#10428b}.btn.official{background:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 22px #0b2b5a0a}.card h3{margin:8px 0}.tag{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;background:#eaf2ff;color:#174f9c;padding:6px 8px;border-radius:7px}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:12px 0}.VIpgJd-ZVi9od-ORHb{display:none!important;}.VIpgJd-ZVi9od-ORHb table{display:none!important;}.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none;}.section-head{display:flex;align-items:end;justify-content:space-between;margin:10px 0 20px}.section-head h2{margin:0;font-size:28px}.ad-slot{min-height:90px;border:1px dashed #b6c5da;background:#fff;display:grid;place-items:center;color:#8a98ad;border-radius:12px;margin:25px 0;font-size:12px}.detail{display:grid;grid-template-columns:1fr 300px;gap:24px}.content-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{padding:14px;background:#f7faff;border-radius:10px}.notice{padding:14px;border-left:4px solid #e3a008;background:#fff8df;border-radius:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.form{max-width:700px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #ccd8e8;border-radius:9px;margin:5px 0 14px;background:white}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-icon{font-size:28px}footer{background:#06152f;color:#cbd9ef;padding:45px max(5vw,20px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;margin:9px 0}.copy{grid-column:1/-1;border-top:1px solid #1b3157;padding-top:20px}.pagination{display:flex;gap:8px;margin-top:20px}.pagination a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}@media(max-width:800px){nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column}nav.open{display:flex}.menu{display:block}.grid,.tools-grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.hero{padding:45px 5px}.search{flex-direction:column}.facts{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:480px){.grid,.tools-grid{grid-template-columns:1fr}}
.auth-card{max-width:560px;margin:48px auto;padding:32px;background:#fff;border:1px solid #dce5f2;border-radius:22px;box-shadow:0 20px 60px #08224a12}.auth-card form,.quiz{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;font-weight:700}.auth-card input,.auth-card select{padding:13px;border:1px solid #cbd8e8;border-radius:10px}.alert{padding:14px;border-radius:10px;background:#fff4d7;border:1px solid #f1d27a;margin:12px 0}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:38px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:35px}.stats div,.scorebox{background:#082a55;color:#fff;padding:22px;border-radius:16px;display:grid}.stats b,.scorebox b{font-size:26px}.stats span,.scorebox span{opacity:.75}.empty{padding:24px;border:1px dashed #9db2cc;border-radius:16px}.question{background:#fff;border:1px solid #dce5f2;border-radius:16px;padding:20px}.question label{display:block;padding:10px;margin:7px 0;background:#f5f8fc;border-radius:9px}.pricing-hero{text-align:center;padding:60px 20px;background:linear-gradient(145deg,#061c39,#0a376c);color:#fff;border-radius:26px;margin:35px 0}.price b{font-size:48px}.price span{opacity:.7}.pricing-hero small{display:block;margin-top:15px;opacity:.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-link{border:1px solid #bfd0e5;padding:8px 12px;border-radius:9px}.admin-table{display:grid;gap:12px}@media(max-width:720px){.dashboard-head{align-items:flex-start;flex-direction:column}.stats,.feature-grid{grid-template-columns:1fr}.auth-card{margin:20px 0;padding:20px}}
.portal-hero{background:linear-gradient(125deg,#04142f 0%,#082e67 60%,#0e55a8 100%);color:#fff;padding:42px 0 34px}.portal-hero-inner{padding-top:0;padding-bottom:0}.portal-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.06;margin:12px 0;max-width:850px}.portal-hero p{color:#d8e8ff;max-width:780px;font-size:17px}.trust-pill{display:inline-flex;background:#ffffff18;border:1px solid #ffffff32;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.portal-search{display:flex;max-width:780px;background:#fff;padding:6px;border-radius:12px;margin-top:22px}.portal-search input{flex:1;border:0;outline:0;padding:13px;font-size:15px}.portal-search button{border:0;border-radius:8px;background:#0c4b9e;color:#fff;padding:0 24px;font-weight:800}.home-wrap{padding-top:18px}.quick-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:14px}.quick-nav a{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center;padding:12px 7px;font-size:13px;font-weight:800;color:#0a3979}.source-note{background:#eaf3ff;border:1px solid #c9ddf8;border-radius:10px;padding:12px 14px;font-size:13px}.compact{margin-top:24px}.hot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hot-card{min-height:88px;background:linear-gradient(145deg,#082f69,#0e56ad);color:#fff;border-radius:11px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.hot-card:nth-child(2n){background:linear-gradient(145deg,#0b477b,#087d88)}.hot-card:nth-child(3n){background:linear-gradient(145deg,#102b58,#4054a7)}.hot-card b{font-size:14px;line-height:1.2}.hot-card span{font-size:11px;color:#d7e7ff;margin-top:10px}.portal-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.portal-panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-title{background:#071a3d;color:#fff;padding:13px 15px;font-size:18px;font-weight:900;display:flex;justify-content:space-between}.panel-title a{font-size:11px;align-self:center;color:#b9d7ff}.news-row{display:flex;gap:10px;padding:13px 15px;border-bottom:1px solid #e8eef6}.news-row:hover{background:#f5f9ff}.news-row .dot{width:7px;height:7px;background:#1260c4;border-radius:50%;margin-top:7px;flex:0 0 auto}.news-row b{display:block;font-size:13px;line-height:1.3}.news-row small{display:block;color:#718198;margin-top:4px}.portal-panel .news-row:last-child{border-bottom:0}@media(max-width:900px){.quick-nav{grid-template-columns:repeat(4,1fr)}.hot-grid{grid-template-columns:repeat(2,1fr)}.portal-columns{grid-template-columns:1fr}}@media(max-width:520px){.quick-nav{grid-template-columns:repeat(2,1fr)}.hot-grid{grid-template-columns:1fr 1fr}.portal-search{flex-direction:column}.portal-search button{padding:12px}.portal-hero{padding:30px 0}.home-wrap{padding-left:12px;padding-right:12px}}
.feed-list{display:grid;gap:10px;margin:24px 0}.feed-item{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 18px;border:1px solid #d9e4f3;border-radius:14px;background:#fff;color:#061b45;text-decoration:none}.feed-item:hover{box-shadow:0 8px 28px #0b4da214;transform:translateY(-1px)}.feed-item span{display:grid;gap:5px}.feed-item small{color:#64748b}.feed-item strong{white-space:nowrap;color:#0b56b3}.pager{display:flex;justify-content:space-between;margin:24px 0 40px}.pager a,.official-actions .btn{padding:11px 16px;border-radius:10px;background:#0b56b3;color:#fff;text-decoration:none;font-weight:700}.empty{padding:28px;background:#fff;border:1px dashed #b8c9df;border-radius:14px}.detail-card{background:#fff;border:1px solid #d9e4f3;border-radius:18px;padding:24px;margin-top:25px;margin-bottom:40px}.official-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 28px}.portal-search.mini{max-width:760px;margin-top:16px}@media(max-width:700px){.story-hero h1 {
    font-size: clamp(24px, 4.8vw, 30px)!important;
}.feed-item{align-items:flex-start;flex-direction:column}.feed-item strong{font-size:14px}}
.detail-hero{background:linear-gradient(125deg,#061a3d,#0d4f9f);color:#fff;padding:42px 0}.detail-hero .wrap{padding-top:0;padding-bottom:0}.crumb{font-size:13px;color:#c8dcfa;margin-bottom:18px}.detail-badge{display:inline-block;background:#ffffff18;border:1px solid #ffffff2d;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.detail-hero h1{font-size:clamp(28px,4.5vw,48px);line-height:1.08;max-width:950px;margin:14px 0}.detail-chips{display:flex;flex-wrap:wrap;gap:9px}.detail-chips span{background:#fff;color:#092553;padding:9px 12px;border-radius:9px;font-size:13px}.detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.detail-content{display:grid;gap:18px}.verify-box{background:#fff7dd;border:1px solid #f0d47c;border-radius:14px;padding:16px}.pretty-card,.sticky-card{background:#fff;border:1px solid #dbe5f2;border-radius:18px;padding:22px;box-shadow:0 8px 30px #08224a0a}.pretty-card h2{font-size:21px;margin:0 0 16px}.pretty-card ul{margin:0;padding-left:20px;display:grid;gap:9px}.pretty-table{border:1px solid #e2eaf4;border-radius:12px;overflow:hidden}.pretty-table div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 14px;border-bottom:1px solid #e8eef6}.pretty-table div:last-child{border:0}.pretty-table span{color:#65748b}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.links-card a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e8eef6}.links-card a:last-child{border:0}.links-card b{background:#0b56b3;color:#fff;padding:8px 12px;border-radius:8px;white-space:nowrap}.sticky-card{position:sticky;top:92px}.sticky-card h3{margin-top:0}.sticky-card small,.sticky-card b{display:block}.sticky-card>div{background:#f3f7fc;padding:12px;border-radius:10px;margin:14px 0}.side-btn{display:block;text-align:center;background:#0b56b3;color:#fff;padding:11px;border-radius:9px;font-weight:800}@media(max-width:850px){.detail-shell{grid-template-columns:1fr}.two-cards{grid-template-columns:1fr}.sticky-card{position:static}}@media(max-width:560px){.pretty-table div{grid-template-columns:1fr;gap:4px}.detail-hero{padding:28px 0}.pretty-card{padding:17px}}
/* V3.5 polished tools */
.tool-page,.tools-landing{background:linear-gradient(180deg,#eef5ff 0,#f7f9fd 340px);min-height:72vh}.tool-head{text-align:center;padding-top:54px;padding-bottom:25px}.tool-head h1{font-size:clamp(32px,5vw,52px);margin:9px 0 10px;letter-spacing:-1.5px}.tool-head p{max-width:700px;margin:auto;color:#63728a;font-size:16px}.tool-kicker{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#1460c5;background:#e1edff;padding:7px 11px;border-radius:999px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding-top:0;padding-bottom:60px}.tool-workspace,.calc-card{background:#fff;border:1px solid #dce6f3;border-radius:24px;padding:28px;box-shadow:0 18px 60px rgba(16,55,105,.07)}.drop-zone{min-height:285px;border:2px dashed #a9c3e7;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8fbff;transition:.2s;padding:28px}.drop-zone.drag{border-color:#1260c4;background:#edf5ff;transform:scale(.995)}.drop-icon{width:64px;height:64px;border-radius:18px;background:#e5f0ff;display:grid;place-items:center}.drop-icon svg{width:30px;fill:none;stroke:#1260c4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.drop-zone h2{margin:16px 0 4px}.drop-zone p,.drop-zone small{color:#77869b}.choose-btn{border:0;background:#0e58b7;color:#fff;font-weight:800;border-radius:11px;padding:12px 20px;margin:12px;cursor:pointer}.image-preview{display:flex;gap:16px;align-items:center;background:#f4f8fd;border:1px solid #dbe6f3;border-radius:16px;padding:14px;margin-bottom:20px}.image-preview img{width:92px;height:72px;object-fit:contain;background:#fff;border-radius:10px}.image-preview div{display:grid;gap:4px}.image-preview span{font-size:12px;color:#74839a}.text-btn{border:0;background:none;color:#0d5bbd;padding:0;text-align:left;font-weight:800;cursor:pointer}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.control-grid label{display:grid;gap:8px;font-weight:800}.control-grid label span{display:flex;justify-content:space-between}.control-grid label span b{font-size:11px;color:#78879a}.control-grid input{width:100%;border:1px solid #cad8e9;border-radius:12px;padding:13px;background:#fff;font:inherit}.control-grid .wide{grid-column:1/-1}.tool-primary{width:100%;display:flex;justify-content:center;gap:12px;border:0;background:linear-gradient(135deg,#0b4d9f,#1671d8);color:#fff;border-radius:13px;padding:15px 18px;margin-top:20px;font-weight:900;font-size:15px;cursor:pointer}.tool-result{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eaf8f2;border:1px solid #b9e5d2;padding:15px;border-radius:14px;margin-top:16px}.tool-result div{display:grid}.tool-result span{font-size:12px;color:#4c7164}.tool-result a{background:#087a55;color:#fff;padding:10px 14px;border-radius:9px;font-weight:800}.tool-side{background:#081f45;color:#fff;border-radius:24px;padding:22px;height:max-content}.tool-side h3{margin-top:0}.tool-side button{width:100%;border:1px solid #ffffff1f;background:#ffffff0c;color:#fff;border-radius:12px;padding:13px;margin:5px 0;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.tool-side button b{color:#9ec6ff}.privacy-note{margin-top:20px;padding:15px;background:#ffffff0c;border-radius:14px}.privacy-note p{color:#b7cae4;font-size:13px;margin-bottom:0}.calc-card{max-width:760px;margin:0 auto 65px}.calc-icon{width:64px;height:64px;border-radius:18px;background:#e8f1ff;color:#0b58b6;display:grid;place-items:center;font-size:27px;font-weight:900}.metric-result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.metric-result div,.big-result{background:#071f45;color:#fff;border-radius:16px;padding:20px;text-align:center}.metric-result b,.big-result b{display:block;font-size:32px}.metric-result span,.big-result span{color:#aac2e3;font-size:12px}.big-result{margin-top:20px}.big-result b{font-size:42px;margin-top:4px}.tool-error{color:#b42318;font-weight:700}.modern-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:10px;padding-bottom:65px}.modern-tools>a{background:#fff;border:1px solid #dbe5f2;border-radius:20px;padding:22px;display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center;box-shadow:0 10px 35px #08224a0a}.modern-tools>a:hover{transform:translateY(-2px);box-shadow:0 16px 40px #08224a14}.modern-tools h3{margin:0 0 5px}.modern-tools p{margin:0;color:#708096;font-size:13px}.mi{width:52px;height:52px;border-radius:15px;background:#e9f2ff;color:#0d58b6;display:grid;place-items:center;font-size:23px;font-weight:900}.auth-modern{text-align:left}.auth-modern>.auth-mark{width:48px;height:48px;border-radius:14px;background:#0d58b6;color:#fff;display:grid;place-items:center;font-weight:900}.auth-modern h1{margin-bottom:6px}.auth-modern>p{color:#6c7c92}.auth-modern small{font-size:11px;color:#78869a;font-weight:500}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-submit{width:100%;padding:14px}.auth-foot{text-align:center!important}.auth-foot a{color:#0d58b6;font-weight:800}
/* V3.5 exam detail */
.exam-detail{background:#f4f7fb;padding-bottom:60px}.exam-crumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#718097;padding:5px 0 18px}.exam-crumb a{color:#145bb5;font-weight:700}.exam-title-card{background:linear-gradient(125deg,#061a3d,#0d4e9e);color:#fff;border-radius:24px;padding:32px;display:flex;justify-content:space-between;gap:25px;align-items:flex-end;box-shadow:0 18px 50px #082a5c1f}.exam-title-card h1{font-size:clamp(28px,4vw,43px);line-height:1.08;margin:10px 0}.exam-title-card p{margin:0;color:#c7dcf8}.exam-status{display:inline-block;background:#fff;color:#0b4f9e;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:900;text-transform:uppercase}.exam-mini{display:flex;gap:9px;flex-wrap:wrap;min-width:260px}.exam-mini span{background:#ffffff12;border:1px solid #ffffff22;padding:11px 13px;border-radius:12px;font-size:11px;display:grid;gap:4px}.exam-mini b{font-size:14px}.exam-alert{display:flex;gap:13px;background:#eaf3ff;border:1px solid #c5dcfa;border-radius:15px;padding:15px 18px;margin:18px 0}.exam-alert>span{font-size:21px;color:#0b59b8}.exam-alert p{margin:4px 0 0;color:#60738d;font-size:13px}.exam-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.exam-main{display:grid;gap:18px}.exam-section{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:22px;box-shadow:0 6px 24px #08224a08}.section-label{display:flex;gap:11px;align-items:center;margin-bottom:16px}.section-label>span{width:34px;height:34px;border-radius:10px;background:#e8f1ff;color:#0d58b6;display:grid;place-items:center;font-size:12px;font-weight:900}.section-label h2{margin:0;font-size:20px}.info-table{border:1px solid #e1e8f1;border-radius:12px;overflow:hidden}.info-table>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8eef5}.info-table>div:last-child{border:0}.info-table span,.info-table b{padding:12px 14px}.info-table span{background:#f7f9fc;color:#64758b}.exam-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-list{margin:0;padding-left:19px;display:grid;gap:9px;line-height:1.55}.detail-list li::marker{color:#0d5bbd}.detail-list.roomy{gap:13px}.pending-info{background:#f7f9fc;border:1px dashed #c9d6e6;border-radius:12px;padding:15px;color:#66778e}.action-section{border-top:3px solid #0b58b7}.action-links{display:grid;gap:9px}.action-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #dce5f0;border-radius:12px;padding:13px 14px}.action-links a:hover{border-color:#9fc0ea;background:#f7fbff}.action-links span{display:grid}.action-links small{color:#75859a;margin-top:3px}.action-links strong{background:#0b58b7;color:#fff;border-radius:9px;padding:9px 12px;font-size:12px}.exam-side-card,.safe-card{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:20px;box-shadow:0 6px 24px #08224a08}.exam-side-card{position:sticky;top:90px}.side-cap{font-size:10px;letter-spacing:1.4px;color:#0b58b7;font-weight:900}.exam-side-card h3{margin:7px 0 18px}.exam-side-card>div{display:grid;gap:5px;padding:12px 0;border-top:1px solid #e7edf5}.exam-side-card>div span{font-size:11px;color:#74849a}.exam-side-card .green{color:#087a55}.exam-side-card>a{display:block;background:#0b58b7;color:#fff;text-align:center;padding:11px;border-radius:10px;font-weight:800;margin-top:10px}.safe-card{margin-top:15px;background:#edf8f4;border-color:#cbe9dd}.safe-card b{color:#087a55}.safe-card p{font-size:12px;color:#5d746b;margin-bottom:0}
@media(max-width:850px){.tool-layout,.exam-grid{grid-template-columns:1fr}.tool-side{order:2}.exam-side-card{position:static}.exam-split{grid-template-columns:1fr}.exam-title-card{align-items:flex-start;flex-direction:column}.modern-tools{grid-template-columns:1fr}}@media(max-width:560px){.tool-head{text-align:left;padding-top:35px}.tool-workspace,.calc-card{padding:18px;border-radius:18px}.control-grid,.auth-two{grid-template-columns:1fr}.control-grid .wide{grid-column:auto}.metric-result{grid-template-columns:repeat(3,1fr)}.metric-result div{padding:14px 7px}.metric-result b{font-size:25px}.tool-result{align-items:flex-start;flex-direction:column}.exam-title-card{padding:22px;border-radius:18px}.exam-mini{min-width:0}.exam-section{padding:17px}.info-table>div{grid-template-columns:1fr}.info-table span{padding-bottom:4px}.info-table b{padding-top:4px}.action-links a{align-items:flex-start;flex-direction:column}.modern-tools>a{grid-template-columns:48px 1fr auto}}

/* V3.6 layout, archive, listings, quizzes, auth and admin */
.mi svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notice-strip{background:#fff;border-bottom:1px solid var(--line)}.notice-strip>.wrap{padding-top:10px;padding-bottom:10px;display:flex;gap:16px;align-items:center}.notice-strip b{background:#d92525;color:#fff;border-radius:8px;padding:7px 10px;font-size:12px;white-space:nowrap}.notice-track{display:flex;gap:20px;overflow:auto;scrollbar-width:none}.notice-track::-webkit-scrollbar{display:none}.notice-track a{font-size:13px;font-weight:750;color:#18345c;white-space:nowrap}.notice-track a:before{content:'•';color:#1765d2;margin-right:7px}.panel-empty{padding:18px;color:#7b889d;font-size:13px}.section-head>div>h2{margin-bottom:4px}.section-head>div>p{margin:0;color:#718096;font-size:13px}.home-ca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 28px}.home-ca-grid>a{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.home-ca-grid>a>span{width:48px;height:48px;border-radius:13px;background:#e9f2ff;color:#0c58b7;display:grid;place-items:center;font-weight:900}.home-ca-grid small{display:block;color:#748298;margin-top:3px}.home-ca-grid strong{font-size:20px;color:#0d58b6}
.archive-hero,.listing-hero,.ca-hero,.mock-hero{background:linear-gradient(180deg,#eef5ff,#f7f9fd);border-bottom:1px solid #dce6f2}.archive-hero .wrap,.listing-hero .wrap,.ca-hero .wrap,.mock-hero .wrap{padding-top:54px;padding-bottom:38px}.archive-hero h1,.listing-hero h1,.ca-hero h1,.mock-hero h1{font-size:clamp(34px,5vw,50px);letter-spacing:-1.5px;margin:10px 0}.archive-hero p,.listing-hero p,.ca-hero p,.mock-hero p{max-width:760px;color:#66768d;line-height:1.6}.archive-search,.listing-search{display:grid;grid-template-columns:1fr 180px 120px;gap:10px;max-width:900px;margin-top:24px}.listing-search{grid-template-columns:1fr 120px}.archive-search>div{display:flex;align-items:center;background:#fff;border:1px solid #cad9eb;border-radius:12px;padding-left:13px}.archive-search input,.archive-search select,.listing-search input{width:100%;border:1px solid #cad9eb;background:#fff;border-radius:12px;padding:13px 14px;font:inherit;outline:0}.archive-search>div input{border:0}.archive-search button,.listing-search button{margin-left: 10px;
    padding: 0px 23px;border:0;border-radius:12px;background:#0d58b6;color:#fff;font-weight:850}.archive-wrap,.listing-wrap{padding-top:26px}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;color:#6f7f95;margin-bottom:12px}.archive-cards,.listing-list{display:grid;gap:10px}.archive-card,.listing-list>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;background:#fff;border:1px solid #dce6f2;border-radius:15px;padding:15px 17px;transition:.18s}.archive-card:hover,.listing-list>a:hover{border-color:#a8c4e8;box-shadow:0 10px 28px rgba(9,49,103,.08);transform:translateY(-1px)}.archive-icon,.list-icon{width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#0d58b6;display:grid;place-items:center;font-weight:900}.archive-card h3,.listing-list h3{margin:0 0 5px;font-size:15px}.archive-card p,.listing-list p{margin:0;color:#728198;font-size:12px}.archive-card time,.listing-list time{color:#66758b;font-size:12px;white-space:nowrap}.modern-page{display:flex;justify-content:center;gap:14px;align-items:center;margin:25px 0}.modern-page a,.modern-page span{background:#fff;border:1px solid #d9e4f1;padding:10px 14px;border-radius:10px}
.ca-wrap{padding-top:28px}.ca-top{display:flex;justify-content:space-between;align-items:end}.ca-top h2{margin-bottom:5px}.ca-top p{margin:0;color:#728198}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.month-card{background:#fff;border:1px solid #dce6f2;border-radius:18px;padding:19px;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(10,50,100,.04)}.month-card:hover{border-color:#a8c5e9;transform:translateY(-2px)}.month-num{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#0c4b9c,#1c73d8);color:#fff;display:grid;place-items:center;font-weight:900}.month-card h3{margin:0 0 4px}.month-card p{margin:0;color:#75849a;font-size:12px}.month-card>b{color:#0d58b6}.month-empty{opacity:.72}
.quiz-shell{max-width:1220px;margin:0 auto;padding:32px 20px 60px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}.quiz-breadcrumb{grid-column:1/-1;display:flex;gap:9px;color:#7a8799;font-size:13px}.quiz-breadcrumb a{color:#0d58b6;font-weight:800}.quiz-nav{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:18px;position:sticky;top:92px}.quiz-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7b8798}.quiz-progress-head b{font-size:12px}.progress-bar{height:6px;background:#e9edf2;border-radius:99px;overflow:hidden;margin:12px 0 18px}.progress-bar i{display:block;width:0;height:100%;background:#1b1f25;border-radius:99px;transition:.25s}.quiz-nav-label{font-size:10px;color:#7b8798}.q-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.q-grid button{height:44px;border-radius:11px;border:1px solid #d7dfe8;background:#fff;color:#707b89;cursor:pointer}.q-grid button.active{border-color:#111827;color:#111827;box-shadow:0 0 0 1px #111827 inset}.q-grid button.done{background:#eaf4ff;border-color:#9dc4ee;color:#0d58b6}.save-quiz{width:100%;margin-top:16px;border:1px solid #d7dfe8;background:#fff;border-radius:11px;padding:11px;cursor:pointer}.quiz-stage{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:24px;min-height:520px}.quiz-stage-head{display:flex;justify-content:space-between;font-size:11px;color:#1261c5;margin-bottom:24px}.quiz-type{color:#7c8797}.ca-category{display:inline-flex;padding:6px 9px;background:#eef5ff;border-radius:999px;font-size:10px;font-weight:850;color:#0d58b6}.ca-question h1{font-size:clamp(20px,2.4vw,30px);line-height:1.42;margin:15px 0 24px}.ca-options{display:grid;gap:10px}.ca-options button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid #d9e2ec;background:#fff;border-radius:13px;padding:13px 14px;font:inherit;cursor:pointer}.ca-options button span{width:32px;height:32px;border-radius:50%;background:#eef1f4;color:#7a8594;display:grid;place-items:center;font-weight:800}.ca-options button:hover:not(:disabled){border-color:#91b9e8;background:#f7fbff}.ca-options button.correct{border-color:#60bf91;background:#edf9f3}.ca-options button.correct span{background:#0b8b5e;color:#fff}.ca-options button.wrong{border-color:#eb8b8b;background:#fff2f2}.ca-options button.wrong span{background:#c93c3c;color:#fff}.answer-panel{margin-top:18px;border-radius:13px;padding:15px;background:#f6f9fc;border:1px solid #dce6ef}.answer-panel b{display:block;margin-bottom:7px}.answer-panel p{color:#66768c;line-height:1.55;margin:0}.answer-panel a{display:inline-block;margin-top:10px;color:#0d58b6;font-weight:800;font-size:12px}.quiz-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.quiz-actions button{border-radius:11px;padding:12px 18px;font-weight:850;cursor:pointer}.quiz-secondary{border:1px solid #d7e0ea;background:#fff}.quiz-primary{border:0;background:#1670df;color:#fff}.quiz-actions button:disabled{opacity:.45;cursor:not-allowed}.quiz-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:70px 20px}.mock-score{margin:18px 0;background:#071f45;color:#fff;border-radius:16px;padding:18px}.mock-score span{font-size:10px;letter-spacing:1px;color:#aac3e4}.mock-score b{display:block;font-size:34px;margin:5px 0}
.mock-filter{display:flex;gap:9px;overflow:auto;margin-top:22px;padding-bottom:3px}.mock-filter button{white-space:nowrap;border:1px solid #d3deeb;background:#fff;border-radius:12px;padding:10px 13px;color:#4b5c72;cursor:pointer}.mock-filter button.active{background:#0c58b7;color:#fff;border-color:#0c58b7}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:28px}.mock-card{background:#fff;border:1px solid #dce5ef;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.mock-art{height:155px;background:radial-gradient(circle at 50% 40%,#2474cf,#0a2e67 68%,#061a3d);display:grid;place-items:center;color:#fff;position:relative}.mock-art span{width:72px;height:72px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;font-size:24px;font-weight:950;background:#0d58b6}.mock-art b{position:absolute;bottom:14px;font-size:12px}.mock-body{padding:14px 15px}.mock-tags{display:flex;gap:6px;flex-wrap:wrap}.mock-tags span{font-size:9px;padding:5px 7px;border-radius:6px;background:#eff4f9}.mock-tags span:first-child{background:#fff0f0;color:#d93636}.mock-tags span:nth-child(2){background:#e8fff2;color:#07874f}.mock-body h3{margin:11px 0 6px}.mock-body p{margin:0;color:#75849a;font-size:12px}.mock-card>a{margin:0 10px 10px;background:#1670df;color:#fff;text-align:center;padding:11px;border-radius:9px;font-weight:850}
.auth-shell{max-width:1050px;margin:55px auto;padding:0 20px;display:grid;grid-template-columns:1fr 460px;gap:22px}.auth-visual{background:linear-gradient(145deg,#061a3d,#0c4d9e);color:#fff;border-radius:24px;padding:44px;display:flex;flex-direction:column;justify-content:center;min-height:580px}.auth-badge{font-size:10px;letter-spacing:1.4px;background:#ffffff18;border:1px solid #ffffff26;border-radius:99px;padding:7px 10px;width:max-content}.auth-visual h1{font-size:42px;line-height:1.06;margin:18px 0}.auth-visual p{color:#c6d9f5;line-height:1.6}.auth-points{display:grid;gap:10px;margin-top:20px;color:#dce9fb}.auth-card.auth-modern{max-width:none;margin:0;background:#fff;border:1px solid #dce5ef;border-radius:24px;padding:34px}.auth-modern h2{font-size:30px;margin:14px 0 5px}.auth-modern form{display:grid;gap:14px}.auth-modern label{display:grid;gap:7px;font-size:13px;font-weight:750}.auth-modern input,.auth-modern select{border:1px solid #cdd9e8;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}.alert{background:#fff3f2;border:1px solid #ffc9c4;color:#a52820;padding:11px 13px;border-radius:10px;margin:10px 0}
.admin-body{background:#f3f6fb}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-side{background:#071a3d;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-side .brand{color:#fff;margin-bottom:26px}.admin-side nav{display:grid;gap:4px}.admin-side nav a{padding:10px 11px;border-radius:9px;color:#cfdef4}.admin-side nav a:hover{background:#ffffff12;color:#fff}.admin-site-link{margin-top:auto;color:#9fc4f3;font-size:12px}.admin-main{padding:26px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-top h1{margin:0}.admin-top span{color:#7a8798}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.admin-stats.compact{grid-template-columns:repeat(6,1fr)}.admin-stats>div{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:16px}.admin-stats span{display:block;color:#7a8798;font-size:11px}.admin-stats b{display:block;font-size:28px;margin-top:6px}.admin-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.admin-card{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:18px;min-width:0}.admin-card-head{display:flex;justify-content:space-between;align-items:center}.admin-card-head h2,.admin-card h2{margin-top:0}.admin-card-head a{color:#0d58b6;font-weight:800}.admin-list{display:grid}.admin-list>div,.admin-list>a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid #edf1f5}.admin-list span{min-width:0}.admin-list small{display:block;color:#7a8798;margin-top:4px}.admin-list>div>span:last-child{display:flex;gap:9px;align-items:center}.admin-list form{display:inline}.admin-list button,.link-danger{border:0;background:none;color:#0d58b6;font:inherit;cursor:pointer}.admin-list .link-danger,.link-danger{color:#c43d3d}.admin-actions{display:grid;gap:9px}.admin-actions a{padding:12px;border:1px solid #dce5ef;border-radius:10px}.admin-two{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}.admin-form{display:grid;gap:11px}.admin-form label{display:grid;gap:5px;font-size:12px;font-weight:750}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #cfdbea;border-radius:9px;padding:10px;font:inherit}.admin-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.admin-form .check input{width:auto}.admin-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.admin-filter a{background:#eef4fb;padding:8px 10px;border-radius:8px;font-size:12px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e8edf3;text-align:left;font-size:12px}.admin-log{background:#07111f;color:#d7e5f7;padding:16px;border-radius:12px;white-space:pre-wrap;overflow:auto}.admin-login{max-width:440px;margin:9vh auto;background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:28px}.admin-login form{display:grid;gap:12px}.admin-login label{display:grid;gap:6px}.admin-login input{border:1px solid #cdd9e8;border-radius:10px;padding:11px}
@media(max-width:900px){.home-ca-grid,.month-grid,.mock-grid{grid-template-columns:1fr 1fr}.quiz-shell{grid-template-columns:1fr}.quiz-nav{position:static}.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:auto}.admin-shell{grid-template-columns:1fr}.admin-side{position:static;height:auto}.admin-side nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:18px}.admin-stats,.admin-stats.compact{grid-template-columns:repeat(2,1fr)}.admin-grid,.admin-two{grid-template-columns:1fr}}
@media(max-width:600px){.notice-strip>.wrap{align-items:flex-start}.home-ca-grid,.month-grid,.mock-grid{grid-template-columns:1fr}.archive-search,.listing-search{grid-template-columns:1fr}.archive-card,.listing-list>a{grid-template-columns:38px 1fr}.archive-card time,.listing-list time{grid-column:2}.quiz-shell{padding:20px 12px 45px}.quiz-stage{padding:17px}.q-grid{grid-template-columns:repeat(5,1fr)}.auth-shell{margin:25px auto}.auth-visual{padding:28px}.auth-visual h1{font-size:32px}.auth-card.auth-modern{padding:23px}.admin-side nav{grid-template-columns:1fr 1fr}.admin-main{padding:12px}}
/* V3.7 year-first flow, ticker and recruitment detail redesign */
.notice-strip{overflow:hidden}.notice-strip>.wrap{display:flex;align-items:center;gap:18px}.notice-window{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.notice-track.auto-scroll{display:flex;width:max-content;gap:28px;animation:slTicker 48s linear infinite;will-change:transform}.notice-window:hover .notice-track.auto-scroll{animation-play-state:paused}.notice-track.auto-scroll a{display:flex;align-items:center;gap:8px;white-space:nowrap}.ticker-year,.year-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf2ff;color:#0b57b5;font-size:10px;font-weight:900;padding:4px 7px;letter-spacing:.3px}.year-pill.small{padding:2px 6px;font-size:9px}.hot-card{position:relative}.hot-card>.year-pill{position:absolute;right:12px;top:12px}@keyframes slTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.year-divider{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:20px 0 6px;padding:9px 12px;border-radius:12px;background:#071a3d;color:#fff}.year-divider span{font-size:20px;font-weight:950}.year-divider b{font-size:12px;color:#b9d2f3;text-transform:uppercase;letter-spacing:.8px}.listing-list>.year-divider{border:0}.year-search{grid-template-columns:1fr 160px auto!important}.year-search select{border:1px solid #cfdbea;border-radius:10px;padding:0 12px;background:#fff}
.exam-title-card.redesign{background:linear-gradient(135deg,#071a3d 0%,#0c3e86 100%);color:#fff;border:0;box-shadow:0 18px 50px #071a3d22}.exam-title-card.redesign p{color:#c9ddf8}.title-badges{display:flex;gap:8px;align-items:center}.exam-title-card.redesign .year-pill{background:#ffffff1a;color:#fff;border:1px solid #ffffff2b}.exam-title-card.redesign .exam-mini span{background:#ffffff10;border-color:#ffffff20}.exam-title-card.redesign .exam-mini span>b{color:#fff}.data-board{padding:0!important;overflow:hidden}.board-title{background:#0a2858;color:#fff;text-align:center;padding:13px 16px;font-weight:950;font-size:16px;letter-spacing:.2px}.board-grid{display:grid;grid-template-columns:1fr 1fr}.board-grid>div{padding:0 0 12px}.board-grid>div+div{border-left:1px solid #d7e1ed}.board-grid h3{margin:0;background:#eff5ff;text-align:center;padding:10px;border-bottom:1px solid #d7e1ed}.board-grid ul{list-style:none;margin:0;padding:0}.board-grid li{display:flex;justify-content:space-between;gap:18px;padding:9px 14px;border-bottom:1px solid #edf1f5;line-height:1.45}.board-grid li span{color:#596b84}.board-grid li b{text-align:right}.board-grid>div:nth-child(2) li{display:list-item;margin-left:30px;padding-right:14px}.responsive-data-table{overflow:auto;border:1px solid #d7e1ed;border-radius:13px;margin-top:12px}.responsive-data-table table{width:100%;border-collapse:collapse;min-width:620px}.responsive-data-table th{background:#0a2858;color:#fff}.responsive-data-table th,.responsive-data-table td{border:1px solid #d7e1ed;padding:11px 12px;text-align:left;vertical-align:top;line-height:1.45}.responsive-data-table tr:nth-child(even) td{background:#f8fbff}.how-list{margin:0;padding-left:22px;display:grid;gap:12px}.how-list li{padding-left:5px;line-height:1.55}.selection-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.selection-steps>div{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #dce5ef;border-radius:12px;background:#fbfdff}.selection-steps span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0d58b6;color:#fff;font-size:11px;font-weight:900}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid #dce5ef;border-radius:12px;background:#fff;padding:13px 15px}.faq-list summary{font-weight:850;cursor:pointer}.faq-list p{color:#53657d;line-height:1.55;margin:10px 0 0}.ca-category-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.ca-category-strip>b{margin-right:4px}.ca-category-strip>span{border:1px solid #d7e1ed;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px}.ca-category-strip small{display:inline-grid;place-items:center;background:#0d58b6;color:#fff;border-radius:99px;min-width:20px;height:20px;margin-left:4px}.ca-note{margin-top:24px}
@media(max-width:760px){.year-search{grid-template-columns:1fr!important}.board-grid{grid-template-columns:1fr}.board-grid>div+div{border-left:0;border-top:1px solid #d7e1ed}.selection-steps{grid-template-columns:1fr}.notice-strip>.wrap{gap:10px}.notice-strip>.wrap>b{font-size:11px;white-space:nowrap}.notice-track.auto-scroll{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.notice-track.auto-scroll{animation:none}}
/* ===== V3.9 public UX, SEO content and scale polish ===== */
.clean-hero{padding:56px 0 34px;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)}
.clean-hero h1{max-width:780px;font-size:clamp(34px,4vw,58px);line-height:1.05;margin:14px 0}.clean-hero p{max-width:780px;font-size:18px;line-height:1.7;color:#4b5f7a}
.slow-scroll{animation-duration:140s!important}.notice-window:hover .auto-scroll{animation-play-state:paused!important}
.clean-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.clean-cards .hot-card{position:relative;min-height:132px;padding:22px 20px 18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.clean-cards .hot-card b{display:block;font-size:17px;line-height:1.35;padding-right:58px;overflow-wrap:anywhere}.clean-cards .hot-card .year-pill{position:absolute;right:14px;top:14px;color: #09326d;}.clean-cards .hot-card>span:last-child{font-size:13px;opacity:.92;margin-top:14px}.home-three{align-items:start}.home-info-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.home-info-band>div{background:#fff;border:1px solid #dce7f5;border-radius:18px;padding:22px}.home-info-band b{font-size:19px}.home-info-band p{color:#60708a;line-height:1.6;min-height:52px}.home-info-band a{font-weight:800;color:#0c5dcc}.daily-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.daily-mini-grid a{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dce7f5;padding:18px;border-radius:16px;color:#0a2348;text-decoration:none}.daily-mini-grid a>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#0b62c6}.daily-mini-grid b{line-height:1.35}.daily-mini-grid small{color:#74829a}.seo-copy-block{margin:32px 0;background:#fff;border:1px solid #dce7f5;border-radius:20px;padding:26px}.seo-copy-block h2{margin-top:0}.seo-copy-block p{font-size:16px;line-height:1.75;color:#4f6078}.seo-link-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.seo-link-grid a{background:#f2f7ff;border:1px solid #d6e6fb;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:750;color:#0b4f9f}.public-copy p{max-width:830px}.public-list>a{grid-template-columns:42px 1fr auto;gap:14px}.public-list h3{font-size:16px;line-height:1.45}.archive-summary{display:flex;align-items:end;gap:10px;margin-bottom:18px}.archive-summary b{font-size:34px}.archive-summary span{color:#6d7b91;padding-bottom:6px}
.pro-detail .exam-title-card{background:linear-gradient(135deg,#092f69,#0d61c2);color:#fff;border:none}.pro-title .title-copy p{color:#dbe9ff}.pro-title .year-pill{background:#fff;color:#0b4f9f}.pro-title .exam-status{background:#dff0ff;color:#083c80}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary-apply,.ghost-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-weight:850;text-decoration:none}.primary-apply{background:#fff;color:#0a4aa0}.ghost-action{border:1px solid rgba(255,255,255,.5);color:#fff}.pro-detail .exam-mini span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#dceaff}.pro-detail .exam-mini b{color:#fff}.official-action-table{display:grid;gap:10px}.official-action-table a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #d8e5f5;border-radius:14px;text-decoration:none;background:#fbfdff}.official-action-table a:hover{border-color:#0d61c2;box-shadow:0 8px 24px rgba(13,97,194,.08)}.official-action-table span{display:flex;flex-direction:column;gap:3px}.official-action-table small{color:#74829a}.official-action-table strong{white-space:nowrap;background:#0d61c2;color:#fff;padding:9px 12px;border-radius:10px}.side-apply{display:block!important;background:#0d61c2!important;color:#fff!important;border-radius:10px!important;padding:12px!important;text-align:center!important;margin:14px 0!important}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related-grid a{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e0e8f3;border-radius:12px;text-decoration:none}.related-grid span{background:#e7f1ff;color:#0c5dcc;border-radius:999px;padding:3px 8px;font-size:12px}.related-grid b{font-size:14px;line-height:1.45;color:#0c2347}.responsive-data-table table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px}.responsive-data-table th{background:#0a3978;color:#fff}.responsive-data-table td,.responsive-data-table th{padding:12px 14px;border-right:1px solid #d9e3f0;border-bottom:1px solid #d9e3f0;vertical-align:top}.responsive-data-table td:last-child,.responsive-data-table th:last-child{border-right:0}
.newspaper-hero{padding-bottom:30px}.daily-date-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.daily-date-form input{padding:12px 14px;border:1px solid #cdd9e9;border-radius:10px}.daily-date-form button,.daily-date-form a{border:0;background:#0d61c2;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:800}.newspaper-wrap{max-width:1080px;padding-top:28px}.newspaper-date{display:flex;align-items:end;justify-content:space-between;border-bottom:3px solid #0a2f66;margin:30px 0 12px}.newspaper-date span{font-weight:800;color:#d52b2b}.newspaper-date h2{margin:0 0 8px;font-family:Georgia,serif}.news-paper-card{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid #d9e3ef}.news-paper-card h3{font-family:Georgia,serif;font-size:22px;line-height:1.35;margin:8px 0}.news-paper-card p{color:#4e6078;line-height:1.65}.news-paper-card>a{align-self:center;text-decoration:none;font-weight:800;color:#0d61c2}.news-category{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#0d61c2;font-weight:900}.ca-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ca-hero-actions a{background:#fff;border:1px solid #d7e4f2;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:800;color:#0a4a98}
.gk-wrap{padding-top:28px}.gk-filter{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.gk-filter a{white-space:nowrap;padding:9px 13px;border:1px solid #d8e2ef;border-radius:999px;text-decoration:none;color:#31445e}.gk-filter a.active{background:#0d61c2;color:#fff;border-color:#0d61c2}.gk-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.gk-card{background:#fff;border:1px solid #dce6f2;border-radius:18px;padding:20px}.gk-card>span{font-size:11px;text-transform:uppercase;color:#0d61c2;font-weight:900}.gk-card h3{line-height:1.45}.gk-options{display:grid;gap:8px}.gk-options button{display:flex;gap:12px;text-align:left;border:1px solid #dce4ee;background:#f9fbfe;padding:12px;border-radius:12px;cursor:pointer}.gk-options button b{width:26px;height:26px;border-radius:50%;background:#e9eef5;display:grid;place-items:center}.gk-options button.right{background:#e9f8ef;border-color:#6dcc8b}.gk-options button.wrong{background:#fff0f0;border-color:#ee9696}.gk-explain{padding:12px;background:#f1f6ff;border-radius:10px;color:#40516a}.admin-note{color:#65758b;font-size:13px;margin-top:16px}
@media(max-width:1100px){.clean-cards{grid-template-columns:repeat(3,1fr)}.daily-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.clean-cards,.home-info-band,.gk-cards{grid-template-columns:1fr}.daily-mini-grid{grid-template-columns:1fr}.public-list>a{grid-template-columns:34px 1fr}.public-list time{display:none}.related-grid{grid-template-columns:1fr}.news-paper-card{grid-template-columns:1fr}.news-paper-card>a{justify-self:start}.clean-cards .hot-card b{padding-right:46px}.notice-strip{font-size:13px}}
.quiz-set-nav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.quiz-set-nav a{padding:7px 9px;border-radius:8px;border:1px solid #dce4ee;text-decoration:none;color:#42546c;font-size:12px}.quiz-set-nav a.active{background:#0d61c2;color:#fff;border-color:#0d61c2}
.home-news-section{padding:48px 0}.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-news-grid article{background:#fff;border:1px solid #d8e3f4;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:185px}.home-news-grid article>span,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0b63ce;text-transform:uppercase}.home-news-grid h3{font-size:17px;line-height:1.35;margin:0;color:#081f45}.home-news-grid small{color:#6b7b93}.home-news-grid a{margin-top:auto;font-weight:800}.news-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.news-category-tabs a{padding:9px 13px;border:1px solid #cfddf1;border-radius:999px;background:#fff}.news-category-tabs a.active{background:#0b63ce;color:#fff;border-color:#0b63ce}.feed-search select{min-height:48px;border:1px solid #c9d8ed;border-radius:12px;padding:0 12px;background:#fff}@media(max-width:900px){.home-news-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.home-news-grid{grid-template-columns:1fr}}
/* ===== V3.9.4 News detail, language and polished search/date controls ===== */
.language-switch{display:flex;align-items:center;gap:6px;margin-left:4px}.language-switch label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6d7c91;font-weight:800}.language-switch select{height:38px;border:1px solid #cbd9ec;border-radius:10px;background:#fff;padding:0 28px 0 10px;font-weight:750;color:#0b2850;max-width:120px}.sl-google-translate{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}
.designer-filter{display:grid;grid-template-columns:minmax(260px,1fr) 200px auto;gap:12px;max-width:900px;margin-top:24px}.designer-filter .field-with-icon{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #cbd9ec;border-radius:14px;padding:0 14px}.designer-filter .field-with-icon span{font-size:20px;color:#0d61c2}.designer-filter input,.designer-filter select{width:100%;height:52px;border:1px solid #cbd9ec;border-radius:14px;background:#fff;padding:0 14px;font-size:15px;outline:none}.designer-filter .field-with-icon input{border:0;padding:0}.designer-filter button,.designer-date-form button{height:52px;border:0;border-radius:14px;background:#0d61c2;color:#fff;font-weight:850;padding:0 22px;cursor:pointer;box-shadow:0 8px 20px rgba(13,97,194,.16)}.designer-filter input:focus,.designer-filter select:focus,.designer-date-form input:focus{border-color:#0d61c2;box-shadow:0 0 0 3px rgba(13,97,194,.1)}
.designer-date-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.designer-date-form label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd9ec;border-radius:14px;padding:0 14px}.designer-date-form input{height:50px;border:0;background:transparent;font:inherit;outline:none}.designer-date-form a{height:52px;display:inline-flex;align-items:center;padding:0 18px;border-radius:14px;border:1px solid #cbd9ec;background:#fff;text-decoration:none;font-weight:800;color:#0b4d9b}
.section-language-toggle,.quiz-language-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.section-language-toggle span,.quiz-language-bar span{font-size:13px;font-weight:800;color:#52637b}.section-language-toggle button,.quiz-language-bar button{border:1px solid #cbd9ec;background:#fff;border-radius:999px;padding:8px 13px;font-weight:800;color:#0b4d9b;cursor:pointer}.quiz-language-bar{grid-column:1/-1;margin:0 0 8px}
.news-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.news-card-pro{background:#fff;border:1px solid #dbe6f3;border-radius:18px;padding:20px;display:flex;flex-direction:column;min-height:250px;box-shadow:0 8px 28px rgba(24,57,99,.04)}.news-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.news-card-top time{font-size:12px;color:#78869a}.news-card-pro h2{font-family:Georgia,serif;font-size:22px;line-height:1.32;margin:13px 0}.news-card-pro h2 a{text-decoration:none;color:#081f45}.news-card-pro h2 a:hover{color:#0d61c2}.news-card-pro p{color:#51627a;line-height:1.65}.news-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #edf1f7}.news-card-foot small{color:#738096}.read-story{font-weight:850;text-decoration:none;color:#0d61c2}
.story-hero{background:linear-gradient(180deg,#f4f8ff,#eef4fb);border-bottom:1px solid #d9e5f3;padding:54px 0 38px}.story-wrap{max-width:1040px}.story-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.story-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#0d61c2;background:#e5f0ff;border-radius:999px;padding:7px 10px}.story-meta time{color:#6c7b91;font-size:13px}.story-hero h1{font-family:Georgia,serif;font-size:clamp(32px,4.8vw,30px);line-height:1.08;max-width:1050px;margin:18px 0}.story-deck{font-size:19px;line-height:1.65;color:#43566f;max-width:900px}.story-source{margin-top:16px;color:#65758b}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:34px;padding-bottom:50px}.story-main{display:grid;gap:18px}.story-box,.story-side-card{background:#fff;border:1px solid #dbe6f3;border-radius:18px;padding:24px}.story-box h2{margin-top:0}.story-box p{line-height:1.78;color:#42556e;font-size:16px}.focus-list{display:grid;gap:12px;padding-left:22px}.focus-list li{line-height:1.55;color:#30445f}.source-box{display:flex;justify-content:space-between;align-items:center;gap:18px}.source-box>div{display:flex;flex-direction:column;gap:4px}.source-box span,.source-box small{color:#738096}.source-box a{background:#0d61c2;color:#fff;text-decoration:none;font-weight:850;border-radius:12px;padding:12px 15px}.story-side{display:grid;gap:16px;align-content:start;position:sticky;top:95px;height:max-content}.story-side-card>b{display:block;margin-bottom:12px}.story-side-card>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6}.story-side-card>div span{color:#76849a}.story-side-card>a{display:block;padding:10px 0;border-bottom:1px solid #edf1f6;text-decoration:none;font-weight:750;color:#0d61c2}.related-news-list{display:grid;gap:8px}.related-news-list a{display:grid;grid-template-columns:55px 1fr;gap:12px;text-decoration:none;padding:11px;border:1px solid #e2eaf4;border-radius:12px}.related-news-list span{color:#708098;font-size:12px}.related-news-list b{color:#112c50;line-height:1.42}.current-paper h3 a{text-decoration:none;color:#0b2448}.current-paper h3 a:hover{color:#0d61c2}
@media(max-width:1050px){.language-switch{width:100%;order:20}.language-switch select{max-width:none;flex:1}.story-layout{grid-template-columns:1fr}.story-side{position:static}.designer-filter{grid-template-columns:1fr 180px auto}}
@media(max-width:760px){.designer-filter{grid-template-columns:1fr}.designer-filter button,.designer-filter select{width:100%}.news-feed-grid{grid-template-columns:1fr}.source-box{align-items:flex-start;flex-direction:column}.story-hero{padding-top:38px}.story-deck{font-size:17px}.news-card-top{align-items:flex-start;flex-direction:column}.designer-date-form>*{width:100%}.designer-date-form button,.designer-date-form a{justify-content:center}.language-switch label{display:none}}
/* ===== V3.9.5 theme, translation and futuristic polish ===== */
:root{--surface:#ffffff;--surface-2:#f7faff;--surface-3:#edf4ff;--text:#10213e;--text-soft:#53657d;--header:#ffffff;--shadow:0 12px 34px rgba(9,35,76,.08);--accent:#0d61c2;--accent-2:#6b4cf6}
html[data-theme="dark"]{--navy:#dce9ff;--blue:#7db4ff;--ink:#e9f1ff;--muted:#9fb0c8;--line:#263b59;--bg:#07111f;--white:#0d1a2c;--green:#27c18a;--surface:#0d1a2c;--surface-2:#101f33;--surface-3:#132743;--text:#e8f1ff;--text-soft:#a9bad2;--header:#0a1727;--shadow:0 18px 40px rgba(0,0,0,.28);--accent:#65a8ff;--accent-2:#9d84ff;color-scheme:dark}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] header{background:var(--header);border-color:var(--line)}
html[data-theme="dark"] nav.open{background:var(--header)}
html[data-theme="dark"] .card,html[data-theme="dark"] .content-box,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .question,html[data-theme="dark"] .story-box,html[data-theme="dark"] .story-side-card,html[data-theme="dark"] .news-card-pro,html[data-theme="dark"] .gk-card,html[data-theme="dark"] .empty,html[data-theme="dark"] .ad-slot,html[data-theme="dark"] .designer-filter input,html[data-theme="dark"] .designer-filter select,html[data-theme="dark"] .designer-filter .field-with-icon,html[data-theme="dark"] .designer-date-form label,html[data-theme="dark"] .designer-date-form a{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .story-hero,html[data-theme="dark"] .ca-hero{background:linear-gradient(180deg,#0c1d33,#081421);border-color:var(--line)}
html[data-theme="dark"] .story-deck,html[data-theme="dark"] .story-box p,html[data-theme="dark"] .news-card-pro p,html[data-theme="dark"] .gk-explain,html[data-theme="dark"] .meta{color:var(--text-soft)}
html[data-theme="dark"] .news-card-pro h2 a,html[data-theme="dark"] .story-hero h1,html[data-theme="dark"] .gk-card h3{color:var(--text)}
html[data-theme="dark"] .gk-options button{background:var(--surface-2);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .language-switch select{background:var(--surface);border-color:var(--line);color:var(--text)}
.theme-toggle{height:40px;min-width:44px;border:1px solid #cbd9ec;border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:none}html[data-theme="dark"] .theme-moon{display:inline}.translation-credit{font-size:9px;color:#77879d;white-space:nowrap}.language-switch{position:relative}.sl-google-translate{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}
.story-box{box-shadow:var(--shadow)}.story-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-reading-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px}.story-reading-card b{display:block;margin-bottom:7px;color:var(--accent)}.story-reading-card p{margin:0!important}.story-key-points{display:grid;gap:10px;padding:0;list-style:none}.story-key-points li{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;line-height:1.6}.copyright-safe-note{font-size:13px;color:var(--text-soft);border-left:3px solid var(--accent);padding:10px 14px;background:var(--surface-2);border-radius:8px}.story-box.source-box{box-shadow:none}.story-source-action{display:inline-flex;align-items:center;gap:8px}
.news-card-pro{transition:transform .2s ease,box-shadow .2s ease}.news-card-pro:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,59,130,.12)}
.designer-filter,.designer-date-form{filter:drop-shadow(0 8px 20px rgba(10,44,92,.04))}.designer-filter input,.designer-filter select,.designer-filter .field-with-icon,.designer-date-form label{color:var(--text)}
@media(max-width:1050px){.theme-toggle{width:100%;justify-content:flex-start;padding-left:12px}.translation-credit{display:block}.story-reading-grid{grid-template-columns:1fr}}
.study-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.study-note{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.study-note>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:900}.study-note h3{line-height:1.45;margin:10px 0}.study-note p{margin:8px 0;color:var(--text)}.study-note small{display:block;line-height:1.55;color:var(--text-soft)}@media(max-width:800px){.study-notes-grid{grid-template-columns:1fr}}

/* ===== V3.9.6 instant assets, complete dark mode & polished controls ===== */
html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--surface-2);scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 72%,transparent) var(--surface-2)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--surface-2)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:999px;border:2px solid var(--surface-2)}
*::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.sl-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}
.icon-button{display:inline-grid;place-items:center;color:var(--text)}
.theme-toggle .sl-icon{width:19px;height:19px}

body{transition:background-color .22s ease,color .22s ease}
header,.card,.content-box,.portal-panel,.home-info-band>div,.daily-mini-grid a,.seo-copy-block,.home-news-grid article,.archive-card,.listing-list>a,.month-card,.mock-card,.quiz-nav,.quiz-stage,.auth-card,.gk-card,.study-note,.news-card-pro,.story-box,.story-side-card,.tool-panel,.modern-tools>a{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}

/* Hero: keep contrast correct in both themes */
.clean-hero{background:
 radial-gradient(circle at 82% 18%,rgba(63,140,255,.18),transparent 28%),
 linear-gradient(135deg,#071b3c 0%,#0b4189 56%,#1377d2 100%);color:#fff;position:relative;overflow:hidden}
.clean-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-100px;top:-165px;box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 104px rgba(255,255,255,.025)}
.clean-hero .wrap{position:relative;z-index:1}.clean-hero h1{color:#fff;text-shadow:0 5px 22px rgba(0,0,0,.18)}.clean-hero p{color:#dcecff}.clean-hero .trust-pill{color:#eaf4ff}
.portal-search{box-shadow:0 16px 40px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.35)}
.portal-search input{color:#12233e;background:#fff}.portal-search input::placeholder{color:#718096}

/* Panels and text should never disappear */
.ca-options button,.gk-options button,.q-grid button,.save-quiz,.quiz-secondary,.section-language-toggle button,.quiz-language-bar button{color:var(--text)!important}
.ca-options button{background:var(--surface)!important;border-color:var(--line)!important;font-weight:650;line-height:1.45;min-height:64px}
.ca-options button>span{background:var(--surface-3)!important;color:var(--accent)!important;border:1px solid var(--line)}
.ca-options button:hover:not(:disabled){background:var(--surface-2)!important;border-color:var(--accent)!important;transform:translateY(-1px)}
.ca-options button.correct{background:rgba(14,151,91,.12)!important;border-color:#37b57d!important;color:var(--text)!important}.ca-options button.correct>span{background:#16895e!important;color:white!important}
.ca-options button.wrong{background:rgba(220,60,60,.11)!important;border-color:#d86464!important;color:var(--text)!important}.ca-options button.wrong>span{background:#b83c3c!important;color:white!important}
.ca-options button:disabled,.gk-options button:disabled{opacity:1!important;cursor:default}
.gk-options button{color:var(--text)!important}.gk-options button b{color:var(--accent);background:var(--surface-3)}
.quiz-stage,.quiz-nav{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
.quiz-nav-label,.quiz-progress-head,.quiz-type{color:var(--text-soft)}.q-grid button,.save-quiz,.quiz-secondary{background:var(--surface);border-color:var(--line)}
.q-grid button.active{color:var(--text)!important;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent) inset}.q-grid button.done{background:var(--surface-3);color:var(--accent)!important}
.progress-bar{background:var(--surface-3)}.progress-bar i{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.answer-panel{background:var(--surface-2);border-color:var(--line);color:var(--text)}.answer-panel p{color:var(--text-soft)}
.ca-question h1{color:var(--text)}

/* Fully coherent dark theme */
html[data-theme="dark"] .clean-hero{background:radial-gradient(circle at 82% 18%,rgba(75,146,255,.18),transparent 30%),linear-gradient(135deg,#06101d,#091d34 55%,#0b3159)}
html[data-theme="dark"] .notice-strip,html[data-theme="dark"] .quick-nav a,html[data-theme="dark"] .portal-panel,html[data-theme="dark"] .home-info-band>div,html[data-theme="dark"] .daily-mini-grid a,html[data-theme="dark"] .seo-copy-block,html[data-theme="dark"] .home-news-grid article,html[data-theme="dark"] .archive-card,html[data-theme="dark"] .listing-list>a,html[data-theme="dark"] .month-card,html[data-theme="dark"] .mock-card,html[data-theme="dark"] .modern-page a,html[data-theme="dark"] .modern-page span,html[data-theme="dark"] .news-category-tabs a,html[data-theme="dark"] .gk-filter a,html[data-theme="dark"] .study-note,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .tool-card,html[data-theme="dark"] .modern-tools>a,html[data-theme="dark"] .source-note{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .quick-nav a,html[data-theme="dark"] .daily-mini-grid a,html[data-theme="dark"] .home-news-grid h3,html[data-theme="dark"] .archive-card h3,html[data-theme="dark"] .listing-list h3,html[data-theme="dark"] .news-row b,html[data-theme="dark"] .home-info-band b,html[data-theme="dark"] .seo-copy-block h2{color:var(--text)}
html[data-theme="dark"] .news-row{border-color:var(--line);color:var(--text)}html[data-theme="dark"] .news-row:hover{background:var(--surface-2)}html[data-theme="dark"] .news-row small,html[data-theme="dark"] .home-info-band p,html[data-theme="dark"] .daily-mini-grid small,html[data-theme="dark"] .seo-copy-block p,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .archive-card p,html[data-theme="dark"] .listing-list p,html[data-theme="dark"] .archive-card time,html[data-theme="dark"] .listing-list time{color:var(--text-soft)}
html[data-theme="dark"] .archive-hero,html[data-theme="dark"] .listing-hero,html[data-theme="dark"] .mock-hero,html[data-theme="dark"] .newspaper-hero{background:linear-gradient(180deg,#0c1c31,#081421);border-color:var(--line)}
html[data-theme="dark"] .archive-hero h1,html[data-theme="dark"] .listing-hero h1,html[data-theme="dark"] .mock-hero h1,html[data-theme="dark"] .newspaper-hero h1,html[data-theme="dark"] .archive-hero p,html[data-theme="dark"] .listing-hero p,html[data-theme="dark"] .mock-hero p,html[data-theme="dark"] .newspaper-hero p{color:var(--text)}
html[data-theme="dark"] .panel-title{background:#0b2a50}html[data-theme="dark"] footer{background:#050d18;color:#c8d8ef;border-top:1px solid var(--line)}
html[data-theme="dark"] .home-news-section{background:var(--bg)}html[data-theme="dark"] .newspaper-date{border-color:var(--accent)}html[data-theme="dark"] .news-paper-card{border-color:var(--line)}html[data-theme="dark"] .news-paper-card h3,html[data-theme="dark"] .current-paper h3 a{color:var(--text)}html[data-theme="dark"] .news-paper-card p{color:var(--text-soft)}
html[data-theme="dark"] .gk-filter{background:transparent}html[data-theme="dark"] .gk-filter a.active,html[data-theme="dark"] .news-category-tabs a.active{background:var(--accent);color:#06111f;border-color:var(--accent)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7e91ad!important}
html[data-theme="dark"] .portal-search input{background:#0b1728!important;color:#eaf3ff!important}html[data-theme="dark"] .portal-search{background:#0b1728;border-color:#294866}
html[data-theme="dark"] .hot-card{box-shadow:0 10px 28px rgba(0,0,0,.22)}
html[data-theme="dark"] .year-divider{background:#0b2a50}

/* Navigation polish */
header{backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}
.brand{white-space:nowrap}.brand .logo{box-shadow:0 8px 20px rgba(17,86,183,.22)}nav{align-items:center;gap:16px}nav>a{position:relative;padding:8px 0}nav>a:not(.account-link):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:right .18s ease}nav>a:not(.account-link):hover:after{right:0}.account-link{padding:10px 14px;background:var(--surface);border-color:var(--line);box-shadow:0 4px 14px rgba(18,55,100,.05)}
.language-switch select{height:42px!important;min-width:136px;border-radius:12px!important}.theme-toggle{height:42px;min-width:46px;border-color:var(--line);box-shadow:0 4px 14px rgba(18,55,100,.05)}

/* Futuristic home page */
.home-wrap{position:relative}.quick-nav{gap:10px}.quick-nav a{min-height:52px;display:grid;place-items:center;border-radius:14px;box-shadow:0 7px 22px rgba(11,56,113,.05);transition:.18s}.quick-nav a:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent)}
.hot-card{border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 28px rgba(12,52,113,.12);transition:transform .2s ease,box-shadow .2s ease}.hot-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(12,52,113,.18)}
.section-head h2{letter-spacing:-.02em}.portal-panel{box-shadow:0 10px 28px rgba(12,47,94,.06)}

/* Custom date picker, no browser-default calendar UI */
.sl-date-picker{position:relative;display:inline-flex;min-width:250px}.sl-date-picker input[type="hidden"]{display:none}.sl-date-trigger{width:100%;height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(10,44,92,.05)}.sl-date-trigger .sl-icon{color:var(--accent);width:20px;height:20px}.sl-date-trigger small{display:block;color:#ffffff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sl-date-trigger strong{display:block;font-size:14px;margin-top:1px}.sl-calendar{position:absolute;z-index:50;top:60px;left:0;width:320px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(3,20,45,.22);padding:14px}.sl-calendar[hidden]{display:none}.sl-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sl-cal-head b{font-size:15px}.sl-cal-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer}.sl-cal-week,.sl-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.sl-cal-week span{font-size:10px;text-align:center;color:var(--text-soft);font-weight:800;padding:5px}.sl-cal-day{aspect-ratio:1;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.sl-cal-day:hover{background:var(--surface-3)}.sl-cal-day.muted{color:var(--text-soft);opacity:.5}.sl-cal-day.selected{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900}.sl-cal-day.today{box-shadow:inset 0 0 0 1px var(--accent)}.sl-cal-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.sl-cal-foot button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;padding:8px}.designer-date-form{align-items:flex-start}.designer-date-form>button,.designer-date-form>a{height:52px}

/* Search polish */
.designer-filter .field-with-icon .sl-icon{color:var(--accent);width:19px;height:19px}.designer-filter input,.designer-filter select{color:var(--text)}.designer-filter button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.designer-filter button .sl-icon{width:17px;height:17px}

/* No horizontal browser scrollbar for chip rows; use a thin polished rail only when needed */
.gk-filter,.news-category-tabs{overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 12px}.gk-filter::-webkit-scrollbar,.news-category-tabs::-webkit-scrollbar{height:6px}.gk-filter::-webkit-scrollbar-thumb,.news-category-tabs::-webkit-scrollbar-thumb{border:0}

/* Better mobile/header behavior */
@media(max-width:1100px){header{height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}.menu{display:inline-grid}.menu .sl-icon{width:24px;height:24px}nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:5px}nav.open{display:flex}.language-switch{width:100%;margin:6px 0 0}.theme-toggle{width:100%;justify-content:center!important;padding-left:0!important}.account-link{text-align:center}.brand{font-size:18px}}
@media(max-width:560px){.sl-calendar{width:min(320px,calc(100vw - 32px))}.sl-date-picker{width:100%}.designer-date-form{display:grid;grid-template-columns:1fr}.designer-date-form>*{width:100%}.clean-hero h1{font-size:38px}.clean-hero{padding-top:42px}.hot-grid{grid-template-columns:1fr}.quick-nav{grid-template-columns:1fr 1fr}}
.section-head h2 .sl-icon,.home-info-band b .sl-icon{color:var(--accent);width:1.05em;height:1.05em;margin-right:7px}.designer-date-form>button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.designer-date-form>button .sl-icon{width:17px;height:17px}
nav>a:not(.account-link){display:inline-flex;align-items:center;gap:6px}nav>a:not(.account-link) .sl-icon{width:15px;height:15px;color:var(--accent)}
.quick-nav a{display:flex;align-items:center;justify-content:center;gap:8px}.quick-nav a .sl-icon{width:18px;height:18px;color:var(--accent)}
html[data-theme="dark"] .exam-detail{background:var(--bg)}
html[data-theme="dark"] .exam-section,html[data-theme="dark"] .exam-side-card,html[data-theme="dark"] .safe-card,html[data-theme="dark"] .pretty-card,html[data-theme="dark"] .sticky-card,html[data-theme="dark"] .detail-card,html[data-theme="dark"] .feed-item{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .exam-section h2,html[data-theme="dark"] .exam-side-card h3,html[data-theme="dark"] .pretty-card h2,html[data-theme="dark"] .feed-item{color:var(--text)}
html[data-theme="dark"] .info-table,html[data-theme="dark"] .pretty-table{border-color:var(--line)}html[data-theme="dark"] .info-table>div,html[data-theme="dark"] .pretty-table div,html[data-theme="dark"] .action-links a,html[data-theme="dark"] .links-card a,html[data-theme="dark"] .exam-side-card>div{border-color:var(--line)}
html[data-theme="dark"] .info-table span,html[data-theme="dark"] .pending-info,html[data-theme="dark"] .exam-side-card>div,html[data-theme="dark"] .sticky-card>div{background:var(--surface-2);color:var(--text-soft)}
html[data-theme="dark"] .exam-alert{background:#13233a;border-color:#304968;color:var(--text)}html[data-theme="dark"] .exam-alert p{color:var(--text-soft)}html[data-theme="dark"] .safe-card{background:#0d2822;border-color:#215144}html[data-theme="dark"] .safe-card p{color:#afd3c7}
html[data-theme="dark"] .verify-box,html[data-theme="dark"] .notice{background:#2b2412;border-color:#6c5721;color:#f3dfab}
html[data-theme="dark"] .source-note{background:#10233c;color:var(--text);border-color:#29496c}
@media(max-width:1500px) and (min-width:1101px){nav{gap:11px;font-size:13px}nav>a:not(.account-link) .sl-icon{display:none}.language-switch select{min-width:118px}.account-link{padding:9px 11px}}

/* ============================================================
   V3.9.7 — final responsive polish, compact calendar, theme pass
   ============================================================ */
:root{
  --mobile-gutter:16px;
  --tap:44px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
button,a,input,select{touch-action:manipulation}
img,svg,video,canvas{max-width:100%}
.sl-icon{display:inline-block;vertical-align:-.18em;flex:0 0 auto}

/* Compact custom date picker */
.sl-date-picker{min-width:238px;max-width:100%}
.sl-date-trigger{height:50px;border-radius:13px;padding:0 14px;box-shadow:0 6px 18px rgba(10,44,92,.05)}
.sl-calendar{top:56px;width:292px;padding:12px;border-radius:16px;box-shadow:0 20px 56px rgba(3,20,45,.2)}
.sl-cal-head{margin-bottom:8px}.sl-cal-head b{font-size:14px}
.sl-cal-head button{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:9px}
.sl-cal-week,.sl-cal-grid{gap:4px}
.sl-cal-week span{font-size:9px;padding:3px 0}
.sl-cal-day{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;border-radius:9px!important;font-size:11px!important;line-height:34px!important;display:grid!important;place-items:center!important}
.sl-cal-foot{margin-top:8px}.sl-cal-foot button{min-height:36px;padding:6px 8px;font-size:12px}

/* Year filter: desktop select + mobile app-style chips */
.mobile-year-filter{display:none}
.search-submit{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.search-submit .sl-icon{width:17px;height:17px}

/* Strong theme coverage */
html[data-theme="dark"] .listing-wrap,
html[data-theme="dark"] .wrap,
html[data-theme="dark"] main{color:var(--text)}
html[data-theme="dark"] .listing-search,
html[data-theme="dark"] .year-search,
html[data-theme="dark"] .archive-search{color:var(--text)}
html[data-theme="dark"] .listing-list>a,
html[data-theme="dark"] .archive-card,
html[data-theme="dark"] .portal-panel,
html[data-theme="dark"] .quiz-stage,
html[data-theme="dark"] .quiz-nav,
html[data-theme="dark"] .gk-card,
html[data-theme="dark"] .study-note,
html[data-theme="dark"] .news-card-pro,
html[data-theme="dark"] .story-box,
html[data-theme="dark"] .story-side-card,
html[data-theme="dark"] .tool-panel,
html[data-theme="dark"] .seo-copy-block{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .listing-list h3,
html[data-theme="dark"] .archive-card h3,
html[data-theme="dark"] .quiz-stage h1,
html[data-theme="dark"] .quiz-stage h2,
html[data-theme="dark"] .gk-card h3,
html[data-theme="dark"] .study-note h3,
html[data-theme="dark"] .news-card-pro h2,
html[data-theme="dark"] .story-box h2{color:var(--text)!important}
html[data-theme="dark"] .listing-list p,
html[data-theme="dark"] .archive-card p,
html[data-theme="dark"] .answer-panel p,
html[data-theme="dark"] .gk-explain,
html[data-theme="dark"] .story-box p{color:var(--text-soft)!important}
html[data-theme="dark"] .answer-panel{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] .ca-options button,
html[data-theme="dark"] .gk-options button,
html[data-theme="dark"] .q-grid button,
html[data-theme="dark"] .save-quiz,
html[data-theme="dark"] .quiz-secondary{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}

/* Keep quiz option text readable in every state */
.ca-options button,.gk-options button{font-size:15px!important;color:var(--text)!important}
.ca-options button *,.gk-options button *{opacity:1!important}
.ca-options button:disabled,.gk-options button:disabled{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
.ca-options button.correct,.gk-options button.right{color:var(--text)!important}
.ca-options button.wrong,.gk-options button.wrong{color:var(--text)!important}

/* Modern scrollbar, consistent across themes */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 72%,var(--line)) var(--surface-2)}
*::-webkit-scrollbar{width:9px;height:7px}
*::-webkit-scrollbar-track{background:var(--surface-2);border-radius:20px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:20px;border:2px solid var(--surface-2)}
*::-webkit-scrollbar-thumb:hover{background:var(--accent)}

/* Responsive typography and touch targets */
@media(max-width:1100px){
  header{padding-left:18px;padding-right:18px;min-height:68px}
  .brand{font-size:18px}.logo{width:40px;height:40px}
  nav{top:72px;max-height:calc(100dvh - 88px);overflow:auto;padding:12px}
  nav>a:not(.account-link){min-height:46px;padding:10px 12px;border-radius:11px}
  nav>a:not(.account-link):hover{background:var(--surface-2)}
  .language-switch select,.theme-toggle,.account-link{min-height:46px}
}

@media(max-width:700px){
  body{font-size:15px}
  .wrap{padding:24px var(--mobile-gutter)}
  .disclaimer{font-size:10px;line-height:1.45;padding:6px 10px}
  header{padding:10px 14px;min-height:66px}
  .brand{font-size:17px;gap:8px}.brand .logo{width:38px;height:38px;border-radius:11px}
  .menu{width:44px;height:44px;padding:0;place-items:center;border-radius:10px;color:var(--text)}
  nav{left:10px;right:10px;top:68px;border-radius:16px;z-index:100;padding:10px;box-shadow:0 24px 70px rgba(3,20,45,.28)}
  nav>a:not(.account-link){font-size:15px;font-weight:750}
  nav>a:not(.account-link) .sl-icon{display:block!important;width:19px;height:19px}
  .language-switch select{max-width:none;width:100%;font-size:16px}
  .theme-toggle{width:100%}
  .account-link{display:grid;place-items:center;min-height:46px;border-radius:11px}

  .listing-hero,.archive-hero,.mock-hero,.newspaper-hero,.ca-hero{padding-top:8px}
  .listing-hero h1,.archive-hero h1,.mock-hero h1,.newspaper-hero h1,.ca-hero h1{font-size:clamp(28px,9vw,38px);line-height:1.08;letter-spacing:-.035em}
  .listing-hero p,.archive-hero p,.mock-hero p,.newspaper-hero p,.ca-hero p{font-size:15px;line-height:1.6}

  .listing-search.year-search{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%}
  .listing-search.year-search input{width:100%;min-width:0;height:48px;font-size:16px}
  .listing-search.year-search .desktop-year-select{display:none!important}
  .listing-search.year-search button{margin-left:0px;width:100%;height:48px;min-height:48px;border-radius:12px}
  .mobile-year-filter{display:flex;gap:8px;overflow-x:auto;padding:11px 1px 2px;margin-top:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobile-year-filter::-webkit-scrollbar{display:none}
  .mobile-year-filter a{flex:0 0 auto;min-width:58px;text-align:center;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:13px;font-weight:800}
  .mobile-year-filter a.active{background:var(--accent);border-color:var(--accent);color:#fff}

  .listing-wrap{padding-top:14px}
  .year-divider{margin-top:18px;border-radius:12px;padding:10px 12px}
  .listing-list>a,.archive-card{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:14px 12px!important;border-radius:14px;margin-bottom:9px}
  .listing-list>a time,.archive-card time{grid-column:2!important;font-size:11px!important;margin-top:2px}
  .listing-list h3,.archive-card h3{font-size:15px!important;line-height:1.38!important;margin:0 0 5px!important;overflow-wrap:anywhere}
  .listing-list p,.archive-card p{font-size:12px!important;line-height:1.45!important}
  .list-icon{width:32px;height:32px;min-width:32px;border-radius:9px}

  .quiz-shell{padding:18px 12px 36px!important;gap:14px!important}
  .quiz-breadcrumb{font-size:12px;white-space:normal;flex-wrap:wrap}
  .quiz-nav{padding:14px!important;border-radius:15px!important}
  .q-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
  .q-grid button{height:40px!important;min-width:0!important;padding:0!important;font-size:13px!important}
  .quiz-stage{padding:16px!important;min-height:0!important;border-radius:16px!important}
  .quiz-stage-head{margin-bottom:15px!important;gap:8px;flex-wrap:wrap}
  .ca-question h1{font-size:22px!important;line-height:1.35!important;margin:12px 0 18px!important}
  .ca-options button{min-height:56px!important;padding:10px 11px!important;font-size:14px!important;gap:9px!important}
  .ca-options button span{width:30px!important;height:30px!important;min-width:30px!important}
  .quiz-actions{position:sticky;bottom:8px;z-index:4;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);padding:8px;border-radius:13px;border:1px solid var(--line)}
  .quiz-actions button{min-height:44px;padding:10px 13px!important}

  .gk-filter,.news-category-tabs,.mock-filter{gap:7px;padding-bottom:8px}
  .gk-filter a,.news-category-tabs a,.mock-filter button{font-size:13px;padding:9px 12px;min-height:40px}
  .gk-cards,.study-notes-grid,.news-grid-pro,.mock-grid{grid-template-columns:1fr!important}
  .gk-card,.study-note,.news-card-pro,.mock-card{border-radius:16px}

  .designer-date-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%}
  .sl-date-picker{width:100%;min-width:0}
  .sl-date-trigger{width:100%;height:48px}
  .designer-date-form>button,.designer-date-form>a{height:48px!important;width:100%;border-radius:12px}
  .sl-calendar{width:286px!important;max-width:calc(100vw - 32px)!important;top:54px;left:0;padding:11px}
  .sl-cal-day{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;line-height:32px!important;font-size:11px!important}

  .clean-hero{padding:42px 0 34px!important}
  .clean-hero .wrap,.clean-hero .inner{padding-left:16px!important;padding-right:16px!important}
  .clean-hero h1{font-size:clamp(34px,10.5vw,48px)!important;line-height:1.03!important;max-width:100%!important}
  .clean-hero p{font-size:15px!important;line-height:1.65!important}
  .portal-search,.search{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;background:transparent!important;padding:0!important}
  .portal-search input,.search input{height:50px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;font-size:16px!important}
  .portal-search button,.search .btn,.search button{height:48px!important;border-radius:12px!important;width:100%!important}
  .quick-nav{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .quick-nav a{min-height:48px!important;padding:8px 6px!important;font-size:12px!important;border-radius:12px!important}
  .hot-grid{grid-template-columns:1fr!important}.hot-card{min-height:0!important}
  .portal-grid{grid-template-columns:1fr!important;gap:12px!important}
  .portal-panel{border-radius:15px!important;overflow:hidden}
  .panel-title{padding:11px 13px!important}
  .news-row{padding:12px!important}.news-row b{font-size:13px;line-height:1.4}
  .section-head{align-items:flex-start!important;gap:7px;flex-direction:column}
  .section-head h2{font-size:25px!important}
  footer{padding:34px 18px!important;gap:22px!important}
}

@media(max-width:390px){
  :root{--mobile-gutter:13px}
  .brand{font-size:16px}.brand .logo{width:36px;height:36px}
  .quick-nav{grid-template-columns:1fr 1fr!important}
  .q-grid{grid-template-columns:repeat(5,1fr)!important}
  .sl-calendar{width:280px!important;max-width:calc(100vw - 26px)!important}
  .sl-cal-day{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;max-width:31px!important;max-height:31px!important;line-height:31px!important}
}

/* ============================================================
   V3.9.8 — desktop nav + mobile app shell + year/date/theme final
   ============================================================ */
/* Desktop: never show hamburger/mobile controls */
.menu,.mobile-top-actions,.mobile-bottom-nav,.mobile-more-sheet{display:none}
@media(min-width:1101px){
  .menu,.mobile-top-actions,.mobile-bottom-nav,.mobile-more-sheet{display:none!important}
  header{height:72px!important;min-height:72px!important;padding:0 clamp(22px,4vw,72px)!important}
  header .brand{font-size:20px!important}
  header .desktop-nav{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;gap:clamp(9px,1vw,17px)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;max-height:none!important}
  header .desktop-nav>a:not(.account-link){font-size:13px!important;white-space:nowrap!important;padding:10px 2px!important}
  header .desktop-nav>a:not(.account-link) .sl-icon{display:none!important}
  header .language-switch select{min-width:120px!important}
}
/* native select popup readability */
select option{background:#fff!important;color:#10213e!important}
html[data-theme="dark"] select option{background:#101d2d!important;color:#edf5ff!important}
.desktop-year-select{min-width:170px!important;width:170px!important;color:var(--text)!important;background:var(--surface)!important}
.year-search{align-items:stretch}
.year-search .desktop-year-select{height:52px;border:1px solid var(--line);border-radius:13px;padding:0 14px;font-weight:750}

/* tools + forms theme completion */
.tool-page,.tool-head,.tool-layout{color:var(--text)}
.calc-card,.tool-workspace,.tool-side,.tool-panel,.drop-zone,.image-preview,.tool-result{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.calc-card label>span,.control-grid label>span,.tool-side p,.tool-side small,.drop-zone p,.drop-zone small{color:var(--text-soft)!important}
.calc-card input,.tool-workspace input,.tool-workspace select,.tool-workspace textarea{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
.metric-result>div,.big-result,.privacy-note{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
.tool-date-picker{width:100%!important;min-width:0!important}.tool-date-picker .sl-date-trigger{height:54px!important}
html[data-theme="dark"] .tool-primary{box-shadow:0 10px 26px rgba(0,105,255,.2)}
html[data-theme="dark"] .drop-zone{background:linear-gradient(180deg,#101f31,#0c1827)!important}

/* detail/mobile overflow safety */
.info-table,.pretty-table,.table-wrap,.action-links,.exam-section{max-width:100%}
.info-table,.pretty-table{overflow:hidden}
.exam-section,.pretty-card,.story-box,.news-card-pro{overflow-wrap:anywhere}
.exam-crumb{flex-wrap:wrap!important;white-space:normal!important}

/* mobile = app shell */
@media(max-width:1100px){
  body{padding-bottom:76px!important}
  header{position:sticky!important;top:0!important;z-index:130!important;min-height:64px!important;height:64px!important;padding:8px 14px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
  header .desktop-nav{display:none!important}
  header .brand{font-size:18px!important}.brand .logo{width:40px!important;height:40px!important}
  .menu{display:none!important}
  .mobile-top-actions{display:flex!important;align-items:center;gap:8px;margin-left:auto}
  .mobile-top-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
  .mobile-top-actions .sl-icon{width:20px;height:20px}
  .mobile-bottom-nav{position:fixed!important;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:160;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px;padding:7px;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 50px rgba(3,20,45,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;height:54px;border:0;background:transparent;color:var(--text-soft);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;font-size:10px;font-weight:800;padding:0;cursor:pointer}
  .mobile-bottom-nav .sl-icon{width:20px;height:20px;color:var(--accent)}
  .mobile-bottom-nav a:active,.mobile-bottom-nav button:active{background:var(--surface-3);color:var(--text)}
  .mobile-more-sheet{position:fixed;inset:0;z-index:170;background:rgba(2,12,25,.48);padding:0 12px max(84px,calc(env(safe-area-inset-bottom) + 84px));align-items:flex-end;justify-content:center}
  .mobile-more-sheet:not([hidden]){display:flex!important}
  .mobile-more-sheet:before{content:"";position:absolute;inset:0;backdrop-filter:blur(5px)}
  .mobile-more-sheet>*{position:relative}
  .mobile-more-sheet{flex-direction:column;background:color-mix(in srgb,var(--bg) 62%,transparent)}
  .mobile-sheet-head,.mobile-sheet-grid,.mobile-language-label{width:min(100%,520px);margin-inline:auto;background:var(--surface)}
  .mobile-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 10px;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:0;font-size:18px}
  .mobile-sheet-head button{width:36px;height:36px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);font-size:24px}
  .mobile-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px 14px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .mobile-sheet-grid a{min-height:52px;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;color:var(--text);font-weight:800;background:var(--surface-2)}
  .mobile-sheet-grid .sl-icon{width:19px;height:19px;color:var(--accent)}
  .mobile-language-label{display:grid;gap:7px;padding:0 14px 16px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;color:var(--text-soft);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .mobile-language-label select{height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font-size:16px}
  footer{padding-bottom:110px!important}
}

@media(max-width:700px){
  .disclaimer{display:none!important}
  header{top:0!important}
  .wrap{padding-left:14px!important;padding-right:14px!important}
  .listing-hero,.archive-hero,.newspaper-hero,.ca-hero,.mock-hero{padding-top:18px!important}
  .listing-search.year-search{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .listing-search.year-search .desktop-year-select{display:none!important}
  .mobile-year-filter{display:flex!important;gap:7px!important;overflow-x:auto!important;max-width:100%;padding:10px 0 4px!important;scroll-snap-type:x proximity}
  .mobile-year-filter a{scroll-snap-align:start;min-width:58px!important;padding:9px 11px!important}
  .listing-list>a{min-width:0!important}
  .listing-list>a>div{min-width:0!important}
  .listing-list>a time{white-space:nowrap}
  .year-divider{width:100%!important}
  .exam-title-card{padding:20px 16px!important;border-radius:18px!important;display:block!important}
  .exam-title-card h1{font-size:clamp(28px,9vw,38px)!important}.exam-mini{min-width:0!important;margin-top:16px}
  .exam-section{padding:16px!important}.exam-split{grid-template-columns:1fr!important}.exam-grid{grid-template-columns:1fr!important}
  .info-table>div{grid-template-columns:1fr!important}.info-table span,.info-table b{padding:10px 12px!important}
  .action-links a{align-items:flex-start!important;flex-direction:column!important}.action-links strong{align-self:flex-start}
  .news-grid-pro{grid-template-columns:1fr!important}.news-card-pro{padding:18px!important}.news-card-pro h2{font-size:24px!important;line-height:1.18!important}
  .news-category-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .tool-head h1{font-size:clamp(32px,10vw,44px)!important}.tool-layout,.control-grid{grid-template-columns:1fr!important}.calc-card,.tool-workspace{padding:16px!important;border-radius:18px!important}
  .metric-result{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.metric-result>div{padding:13px 7px!important}
  .sl-calendar{left:0!important;right:auto!important;width:286px!important;max-width:calc(100vw - 28px)!important}
  .sl-cal-week,.sl-cal-grid{grid-template-columns:repeat(7,32px)!important;justify-content:space-between!important;gap:3px!important}
  .sl-cal-day{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;line-height:32px!important}
}
@media(max-width:390px){
  .brand span:last-child{font-size:16px!important}.mobile-top-actions{gap:5px}.mobile-top-actions button{width:40px;height:40px}
  .mobile-bottom-nav{left:7px;right:7px;bottom:7px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:9px;height:52px}
  .mobile-sheet-grid{grid-template-columns:1fr 1fr}
  .sl-calendar{width:276px!important}.sl-cal-week,.sl-cal-grid{grid-template-columns:repeat(7,30px)!important}.sl-cal-day{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;line-height:30px!important}
}

/* ============================================================
   V3.9.8.1 — MOBILE BOTTOM NAV HOTFIX
   Prevent legacy generic nav rules from stretching app navigation.
   ============================================================ */
@media (max-width:1100px){
  body > nav.mobile-bottom-nav{
    display:grid!important;
    position:fixed!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    padding:7px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    box-shadow:0 16px 42px rgba(3,20,45,.24)!important;
    z-index:999!important;
    transform:none!important;
  }
  body > nav.mobile-bottom-nav > a,
  body > nav.mobile-bottom-nav > button{
    position:static!important;
    display:flex!important;
    min-width:0!important;
    width:auto!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:5px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:var(--text-soft)!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  body > nav.mobile-bottom-nav > a .sl-icon,
  body > nav.mobile-bottom-nav > button .sl-icon{
    flex:0 0 auto!important;
    width:19px!important;
    height:19px!important;
    color:var(--accent)!important;
  }
  body > nav.mobile-bottom-nav > a span,
  body > nav.mobile-bottom-nav > button span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.mobile-sheet-open{overflow:hidden!important}
  .mobile-more-sheet[hidden]{display:none!important}
}
@media (max-width:390px){
  body > nav.mobile-bottom-nav{left:7px!important;right:7px!important;bottom:7px!important;padding:6px!important}
  body > nav.mobile-bottom-nav > a,
  body > nav.mobile-bottom-nav > button{height:50px!important;min-height:50px!important;max-height:50px!important;font-size:9px!important}
}


/* ============================================================
   V3.9.8.2 — JOB DETAIL MOBILE HARD FIX
   Prevent breadcrumb from inheriting generic nav/mobile-menu CSS
   and make every recruitment detail section fit 320–430px screens.
   ============================================================ */
.exam-detail,.exam-detail *{min-width:0}
.exam-detail .exam-crumb{
  position:static!important;inset:auto!important;display:flex!important;
  flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:7px!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:4px 0 14px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
  color:var(--text-soft)!important;font-size:12px!important;white-space:normal!important;
}
.exam-detail .exam-crumb a{display:inline!important;padding:0!important;margin:0!important;background:none!important;border:0!important;color:var(--accent)!important;font-weight:800!important}
.exam-detail .exam-crumb span,.exam-detail .exam-crumb b{display:inline!important;padding:0!important;margin:0!important;background:none!important;border:0!important;color:var(--text-soft)!important}
.exam-detail .exam-title-card{overflow:hidden}
.exam-detail .title-copy{width:100%}
.exam-detail .exam-title-card h1{overflow-wrap:anywhere;word-break:normal}
.exam-detail .board-title{white-space:normal;overflow-wrap:anywhere}
.exam-detail .board-grid,.exam-detail .exam-split,.exam-detail .exam-grid{min-width:0}
.exam-detail .board-grid li,.exam-detail .detail-list li,.exam-detail .how-list li,.exam-detail .selection-steps b,.exam-detail .faq-list summary,.exam-detail .faq-list p{overflow-wrap:anywhere}
.exam-detail .official-action-table a,.exam-detail .related-grid a{min-width:0}
.exam-detail .official-action-table span,.exam-detail .related-grid b{min-width:0;overflow-wrap:anywhere}

@media(max-width:760px){
  .exam-detail{padding-bottom:96px!important;overflow-x:hidden!important}
  .exam-detail>.wrap{width:100%!important;max-width:100%!important;padding:16px 12px 92px!important;overflow:visible!important}
  .exam-detail .exam-crumb{font-size:11px!important;gap:6px!important;padding:2px 2px 12px!important}
  .exam-detail .exam-title-card{display:block!important;width:100%!important;padding:19px 16px!important;border-radius:18px!important;margin:0!important}
  .exam-detail .title-badges{flex-wrap:wrap!important;gap:6px!important}
  .exam-detail .exam-title-card h1{font-size:clamp(24px,7.6vw,32px)!important;line-height:1.12!important;margin:10px 0 9px!important}
  .exam-detail .exam-title-card p{font-size:14px!important;line-height:1.5!important}
  .exam-detail .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:16px!important}
  .exam-detail .primary-apply,.exam-detail .ghost-action{width:100%!important;min-height:46px!important;text-align:center!important;padding:11px 12px!important}
  .exam-detail .exam-mini{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;margin-top:14px!important}
  .exam-detail .exam-mini span{min-width:0!important;padding:10px!important}
  .exam-detail .exam-mini span:last-child:nth-child(odd){grid-column:1/-1}
  .exam-detail .exam-alert{align-items:flex-start!important;padding:13px 14px!important;margin:14px 0!important;border-radius:14px!important}
  .exam-detail .exam-alert>span{flex:0 0 auto!important;font-size:18px!important}
  .exam-detail .exam-alert b{display:block;font-size:14px!important;line-height:1.35!important}
  .exam-detail .exam-alert p{font-size:12px!important;line-height:1.45!important}
  .exam-detail .exam-grid{display:block!important;width:100%!important}
  .exam-detail .exam-main{display:grid!important;gap:13px!important;width:100%!important}
  .exam-detail .exam-sidebar{display:none!important}
  .exam-detail .exam-section{width:100%!important;padding:15px!important;border-radius:15px!important;overflow:hidden!important}
  .exam-detail .data-board{padding:0!important}
  .exam-detail .board-title{font-size:14px!important;line-height:1.35!important;padding:12px 10px!important;text-align:center!important}
  .exam-detail .board-grid{display:block!important;width:100%!important}
  .exam-detail .board-grid>div{width:100%!important;padding-bottom:8px!important}
  .exam-detail .board-grid>div+div{border-left:0!important;border-top:1px solid var(--line)!important}
  .exam-detail .board-grid h3{font-size:14px!important;padding:10px!important;text-align:left!important}
  .exam-detail .board-grid li{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;padding:10px 12px!important;font-size:13px!important}
  .exam-detail .board-grid li span{min-width:0!important}
  .exam-detail .board-grid li b{text-align:right!important;white-space:normal!important;max-width:48vw!important}
  .exam-detail .board-grid>div:nth-child(2) li{display:list-item!important;margin-left:28px!important;padding:9px 12px 9px 2px!important}
  .exam-detail .exam-split{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
  .exam-detail .section-label{gap:9px!important;margin-bottom:12px!important}
  .exam-detail .section-label>span{width:31px!important;height:31px!important;border-radius:9px!important;flex:0 0 31px!important}
  .exam-detail .section-label h2{font-size:18px!important;line-height:1.25!important}
  .exam-detail .detail-list,.exam-detail .how-list{font-size:14px!important;line-height:1.5!important;padding-left:19px!important;gap:9px!important}
  .exam-detail .responsive-data-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:11px!important}
  .exam-detail .responsive-data-table table{min-width:560px!important;font-size:13px!important}
  .exam-detail .responsive-data-table th,.exam-detail .responsive-data-table td{padding:9px 10px!important}
  .exam-detail .selection-steps{grid-template-columns:1fr!important}
  .exam-detail .selection-steps>div{padding:10px!important}
  .exam-detail .official-action-table a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important}
  .exam-detail .official-action-table strong{padding:8px 9px!important;font-size:11px!important}
  .exam-detail .related-grid{grid-template-columns:1fr!important}
  .exam-detail .faq-list details{padding:12px!important}
}
@media(max-width:390px){
  .exam-detail>.wrap{padding-left:10px!important;padding-right:10px!important}
  .exam-detail .exam-title-card{padding:17px 14px!important}
  .exam-detail .exam-title-card h1{font-size:24px!important}
  .exam-detail .exam-mini{grid-template-columns:1fr 1fr!important}
  .exam-detail .board-grid li{grid-template-columns:1fr!important;gap:4px!important}
  .exam-detail .board-grid li b{text-align:left!important;max-width:none!important}
  .exam-detail .official-action-table a{grid-template-columns:1fr!important;align-items:start!important}
  .exam-detail .official-action-table strong{justify-self:start!important}
}

/* ============================================================
   STENO PREPARATION LAB — SSC Grade C/D practice workspace
   Scoped to .steno-lab so the rest of the website is untouched.
   ============================================================ */
.steno-lab{--st-blue:#0d64d8;--st-blue2:#154cb7;--st-cyan:#00b6d9;--st-green:#0f9f73;--st-red:#d44343;--st-ink:var(--text);--st-soft:var(--text-soft);--st-card:var(--surface);--st-line:var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,#dbeaff) 0,var(--bg) 100%);min-height:100vh;color:var(--text)}
.steno-hero{position:relative;overflow:hidden;padding:54px 0 42px;background:radial-gradient(circle at 92% 15%,rgba(0,182,217,.18),transparent 28%),radial-gradient(circle at 68% 82%,rgba(28,111,226,.14),transparent 30%),linear-gradient(135deg,#06182f 0%,#0b2d56 56%,#0b4c82 100%);color:#fff}
.steno-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:-220px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.steno-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;align-items:center}
.steno-kicker,.steno-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.steno-kicker{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#bfe8ff}
.steno-hero h1{font-size:clamp(42px,5.6vw,76px);line-height:.98;letter-spacing:-.05em;margin:18px 0 16px;color:#fff}.steno-hero-copy>p{max-width:780px;font-size:18px;line-height:1.65;color:#d5e7ff;margin:0}
.steno-badges{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.steno-badges span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#fff}
.steno-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.steno-btn{appearance:none;border:0;border-radius:12px;min-height:46px;padding:0 18px;font:inherit;font-weight:900;cursor:pointer;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.steno-btn:hover{transform:translateY(-1px)}.steno-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.steno-btn-primary{background:linear-gradient(135deg,var(--st-blue2),#1b7be5);color:#fff;box-shadow:0 9px 25px rgba(13,100,216,.22)}.steno-btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.steno-hero .steno-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}.steno-btn-danger{background:color-mix(in srgb,var(--st-red) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--st-red) 35%,var(--line));color:#c83939}
.steno-dashboard-card{border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(5,20,40,.46);backdrop-filter:blur(18px);padding:22px;box-shadow:0 25px 60px rgba(0,0,0,.22)}
.steno-ring{width:134px;height:134px;border-radius:50%;margin:0 auto 20px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#0b2344 56%,transparent 57%),conic-gradient(#35c7ff 0 72deg,rgba(255,255,255,.12) 72deg 360deg);box-shadow:inset 0 0 40px rgba(0,182,217,.12)}.steno-ring strong{font-size:40px;line-height:1}.steno-ring span{font-size:11px;color:#bcd8f7;margin-top:5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.steno-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.steno-mini-stats div{padding:12px 8px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px}.steno-mini-stats b{display:block;font-size:20px}.steno-mini-stats span{font-size:10px;color:#bcd8f7}.steno-dashboard-card p{font-size:11px;color:#a9c4e3;margin:14px 0 0;text-align:center}
.steno-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;padding-top:28px;padding-bottom:70px;align-items:start}.steno-side{position:sticky;top:96px;display:grid;gap:8px}.steno-side button{width:100%;display:grid;grid-template-columns:38px 1fr;text-align:left;column-gap:10px;padding:12px;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--text);cursor:pointer}.steno-side button>span{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--accent)}.steno-side b{font-size:14px;align-self:end}.steno-side small{color:var(--text-soft);font-size:11px;align-self:start}.steno-side button:hover,.steno-side button.active{background:var(--surface);border-color:var(--line);box-shadow:0 10px 30px rgba(10,41,80,.06)}.steno-side button.active>span{background:var(--accent);color:#fff;border-color:transparent}
.steno-main{min-width:0}.steno-panel{display:none;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(10,41,80,.06)}.steno-panel.active{display:block}.steno-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.steno-panel-head h2{font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 8px}.steno-panel-head p{color:var(--text-soft);line-height:1.6;margin:0;max-width:760px}.steno-eyebrow{color:var(--accent)}.status-pill{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--st-green) 10%,var(--surface));color:var(--st-green);border:1px solid color-mix(in srgb,var(--st-green) 25%,var(--line));font-size:12px;font-weight:900;white-space:nowrap}
.steno-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.steno-config-grid label,.passage-filters label,.speed-toolbar label,.control-grid label{display:grid;gap:7px}.steno-config-grid label>span,.passage-filters label>span,.speed-toolbar label>span,.control-grid label>span{font-size:11px;font-weight:900;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em}.steno-lab select,.steno-lab input,.steno-lab textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:11px;font:inherit;outline:none;transition:.2s}.steno-lab select,.steno-lab input{height:46px;padding:0 12px}.steno-lab textarea{padding:13px;resize:vertical}.steno-lab select:focus,.steno-lab input:focus,.steno-lab textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.ssc-rule-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 18px}.ssc-rule-strip div{padding:12px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface-2));border:1px solid var(--line)}.ssc-rule-strip b{display:block;font-size:12px}.ssc-rule-strip span{font-size:11px;color:var(--text-soft)}
.mock-stage{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface-2)}.mock-stage-top{display:grid;grid-template-columns:auto minmax(130px,1fr) auto;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.mock-stage-top>div:first-child{display:flex;align-items:center;gap:10px}.mock-stage-top span{font-size:10px;color:var(--text-soft);font-weight:900;letter-spacing:.08em}.mock-stage-top b{font-variant-numeric:tabular-nums}.mock-progress{height:7px;background:var(--surface-3);border-radius:999px;overflow:hidden}.mock-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--st-cyan),var(--accent));transition:width .2s}.stage-meta{display:flex;gap:10px;white-space:nowrap}.dictation-window{min-height:220px;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%)}.dictation-placeholder,.dictation-hidden{text-align:center;max-width:620px}.dictation-placeholder>span,.dictation-hidden>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent);font-size:24px}.dictation-placeholder h3,.dictation-hidden h3{margin:5px 0;font-size:22px}.dictation-placeholder p,.dictation-hidden p{color:var(--text-soft);line-height:1.55}.dictation-text{font-size:clamp(22px,3vw,36px);line-height:1.7;text-align:center;font-family:Georgia,serif}.dictation-text span{padding:3px 4px;border-radius:7px}.dictation-text .current{background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(13,100,216,.25)}.transcription-box{display:block;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;min-height:190px;background:var(--surface)!important;font-size:16px!important;line-height:1.65!important}.mock-controls{display:flex;flex-wrap:wrap;gap:8px;padding:13px;border-top:1px solid var(--line);background:var(--surface)}
.test-result{margin-top:16px;padding:18px;border:1px solid color-mix(in srgb,var(--st-green) 25%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--st-green) 6%,var(--surface))}.test-result h3{margin:0 0 12px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.result-grid>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.result-grid span{display:block;color:var(--text-soft);font-size:11px}.result-grid b{font-size:22px}.test-result details{margin-top:12px}.test-result details p{max-height:260px;overflow:auto;padding:12px;background:var(--surface);border-radius:10px;line-height:1.6}.official-note{margin-top:16px;padding:15px 17px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));border:1px solid var(--line)}.official-note b{display:block}.official-note p{margin:5px 0 7px;color:var(--text-soft);line-height:1.55;font-size:13px}.official-note a{font-weight:900;color:var(--accent)}
.passage-filters{display:grid;grid-template-columns:150px 150px 1fr 1.2fr;gap:10px}.passage-count-row{display:flex;justify-content:space-between;gap:10px;margin:16px 0 10px;color:var(--text-soft);font-size:12px}.passage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.passage-card{min-width:0;text-align:left;border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:.2s}.passage-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 14px 26px rgba(10,41,80,.08)}.passage-card>span{display:block;color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.passage-card h3{font-size:15px;margin:7px 0}.passage-card p{font-size:12px;color:var(--text-soft);line-height:1.52;margin:0}.passage-card>div{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px}.passage-card i{font-style:normal;text-transform:capitalize;color:var(--text-soft)}.passage-pagination{display:flex;justify-content:center;gap:5px;margin-top:16px}.passage-pagination button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:800}.passage-pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.passage-reader{position:relative;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.reader-head{display:flex;justify-content:space-between;gap:12px}.reader-head span{font-size:10px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.reader-head h3{margin:4px 0;font-size:24px}.reader-head button{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface);color:var(--text);font-size:22px}.reader-meta{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 14px}.reader-meta span{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.passage-reader article{font-family:Georgia,serif;font-size:18px;line-height:1.85;max-height:420px;overflow:auto;padding-right:8px}.reader-actions{display:flex;gap:8px;margin-top:15px}
.speed-toolbar{display:grid;grid-template-columns:150px 170px auto;gap:10px;align-items:end}.speed-live{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.speed-live>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.speed-live span{display:block;color:var(--text-soft);font-size:10px;text-transform:uppercase;font-weight:800}.speed-live b{font-size:22px}.speed-reference{min-height:145px;max-height:220px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--surface-2);font-family:Georgia,serif;font-size:17px;line-height:1.75}.speed-input{min-height:190px;border-radius:0 0 14px 14px!important;border-top:0!important;background:var(--surface)!important;font-size:16px!important;line-height:1.65!important}
.outline-note{padding:13px 15px;border:1px solid #e1b458;border-radius:13px;background:color-mix(in srgb,#f3c766 10%,var(--surface));font-size:13px;line-height:1.5}.outline-builder{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}.outline-builder textarea{min-height:90px}.outline-workspace{border:1px solid var(--line);border-radius:17px;overflow:hidden}.outline-prompt{text-align:center;padding:15px;background:var(--surface-2);border-bottom:1px solid var(--line)}.outline-prompt span{display:block;color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.08em}.outline-prompt strong{display:block;font-size:34px;margin:3px 0}.outline-prompt small{color:var(--text-soft)}.canvas-wrap{padding:14px;background:var(--surface)}#outlineCanvas{display:block;width:100%;height:290px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,color-mix(in srgb,var(--line) 55%,transparent) 32px)}.canvas-tools{display:flex;gap:8px;align-items:center;margin-top:9px}.canvas-tools button{height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:800}.canvas-tools label{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.outline-actions{display:flex;justify-content:center;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--surface-2)}.outline-score{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.outline-score span{padding:10px;text-align:center;font-size:11px;color:var(--text-soft)}.outline-score span+span{border-left:1px solid var(--line)}.outline-score b{color:var(--text);font-size:15px}
.wpm-pro-card{max-width:700px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface-2)}.wpm-pro-card .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.wpm-pro-card>.steno-btn{width:100%}.wpm-result{margin-top:12px;padding:17px;border-radius:14px;background:linear-gradient(135deg,#062b61,#126ed6);color:#fff;text-align:center}.wpm-result span,.wpm-result small{display:block;color:#d5e9ff}.wpm-result strong{display:block;font-size:38px}.progress-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.progress-cards div{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.progress-cards span{display:block;font-size:11px;color:var(--text-soft)}.progress-cards b{font-size:26px}.history-card{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:16px}.history-card h3{margin:0 0 10px}.attempt-history{display:grid}.attempt-history>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.attempt-history>div:first-child{border-top:0}.attempt-history span b,.attempt-history span small{display:block}.attempt-history span small{color:var(--text-soft);font-size:10px}.attempt-history strong{color:var(--accent)}.attempt-history em{font-style:normal;font-weight:900}
[data-theme="dark"] .steno-lab{background:linear-gradient(180deg,#071422,#08111d)}[data-theme="dark"] .steno-panel,[data-theme="dark"] .passage-reader,[data-theme="dark"] .history-card{box-shadow:none}[data-theme="dark"] .steno-hero{background:radial-gradient(circle at 92% 15%,rgba(0,182,217,.13),transparent 30%),linear-gradient(135deg,#020b14,#071a2e 55%,#0a3155)}
@media(max-width:1080px){.steno-hero-inner{grid-template-columns:1fr}.steno-dashboard-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}.steno-ring{margin:0}.steno-dashboard-card p{grid-column:1/-1}.steno-layout{grid-template-columns:1fr}.steno-side{position:static;display:flex;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.steno-side button{min-width:210px}.steno-config-grid{grid-template-columns:repeat(2,1fr)}.passage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.steno-hero{padding:30px 0 28px}.steno-hero-inner{padding-inline:16px!important}.steno-hero h1{font-size:44px}.steno-hero-copy>p{font-size:15px}.steno-dashboard-card{grid-template-columns:1fr;padding:16px}.steno-ring{margin:auto}.steno-layout{padding:16px 12px 105px!important;gap:12px}.steno-side{margin:0 -2px}.steno-side button{min-width:185px;padding:10px}.steno-panel{padding:15px;border-radius:17px}.steno-panel-head{display:block}.steno-panel-head>.steno-btn,.steno-panel-head>.status-pill{margin-top:12px}.steno-panel-head h2{font-size:28px}.steno-config-grid,.ssc-rule-strip,.passage-filters,.speed-live,.progress-cards{grid-template-columns:1fr 1fr}.mock-stage-top{grid-template-columns:1fr;gap:8px}.stage-meta{justify-content:space-between}.dictation-window{min-height:180px;padding:18px}.mock-controls{display:grid;grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr 1fr}.passage-grid{grid-template-columns:1fr}.passage-count-row{display:block}.passage-count-row span{display:block;margin-top:3px}.passage-filters .passage-search{grid-column:1/-1}.passage-reader article{font-size:16px}.speed-toolbar{grid-template-columns:1fr 1fr}.speed-toolbar>.steno-btn{grid-column:1/-1}.outline-builder{grid-template-columns:1fr}.outline-builder .steno-btn{width:100%}#outlineCanvas{height:250px}.outline-actions{display:grid;grid-template-columns:1fr 1fr}.outline-actions .steno-btn:last-child{grid-column:1/-1}.wpm-pro-card .control-grid{grid-template-columns:1fr}.attempt-history>div{grid-template-columns:1fr auto}.attempt-history em{grid-column:2}.official-note{font-size:12px}}
@media(max-width:460px){.steno-hero h1{font-size:38px}.steno-badges span{font-size:10px}.steno-hero-actions{display:grid}.steno-dashboard-card{display:block}.steno-mini-stats{margin-top:14px}.steno-config-grid,.ssc-rule-strip,.passage-filters,.speed-live,.progress-cards{grid-template-columns:1fr}.passage-filters .passage-search{grid-column:auto}.mock-controls{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.speed-toolbar{grid-template-columns:1fr}.speed-toolbar>.steno-btn{grid-column:auto}.reader-actions{display:grid}.outline-prompt strong{font-size:28px}.outline-score{font-size:10px}.wpm-result strong{font-size:32px}}
/* Steno Lab v4.1 reliability patch */
.audio-practice-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) minmax(180px,.7fr) auto;gap:10px;align-items:end;margin:12px 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.audio-status{display:flex;align-items:center;gap:10px}.audio-status b,.audio-status small{display:block}.audio-status small{color:var(--text-soft);font-size:11px;margin-top:3px}.audio-dot{width:10px;height:10px;border-radius:50%;background:#e1a100;box-shadow:0 0 0 4px color-mix(in srgb,#e1a100 15%,transparent)}.audio-dot.ready{background:#0f9f73;box-shadow:0 0 0 4px color-mix(in srgb,#0f9f73 15%,transparent)}.audio-dot.error{background:#d44343;box-shadow:0 0 0 4px color-mix(in srgb,#d44343 15%,transparent)}
.audio-practice-bar label{display:grid;gap:5px}.audio-practice-bar label>span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--text-soft);letter-spacing:.06em}.audio-practice-bar label small{font-size:10px;color:var(--text-soft)}
.outline-check-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr);gap:12px;background:var(--surface);padding:14px}.canvas-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px}.canvas-label span{font-size:11px;color:var(--text-soft)}
#outlineCanvas,#referenceCanvas{touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.reference-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}#referenceCanvas{width:100%;height:180px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,color-mix(in srgb,var(--line) 50%,transparent) 32px)}.reference-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.reference-actions button{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-weight:800}.reference-card p{font-size:10px;color:var(--text-soft);line-height:1.45;margin:8px 0 0}
.outline-evaluation{display:grid;grid-template-columns:180px 200px 1fr;gap:9px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface-2)}.outline-evaluation>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.outline-evaluation span,.outline-evaluation b{display:block}.outline-evaluation span{font-size:10px;color:var(--text-soft);text-transform:uppercase;font-weight:900}.outline-evaluation b{font-size:16px;margin-top:2px}.outline-evaluation p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.45}
.canvas-tools{flex-wrap:wrap}.canvas-tools label{margin-left:0}.canvas-tools label:first-of-type{margin-left:auto}
@media(max-width:900px){.audio-practice-bar{grid-template-columns:1fr 1fr}.outline-check-grid{grid-template-columns:1fr}.outline-evaluation{grid-template-columns:1fr 1fr}.outline-evaluation p{grid-column:1/-1}}
@media(max-width:560px){.audio-practice-bar{grid-template-columns:1fr}.outline-evaluation{grid-template-columns:1fr}.outline-evaluation p{grid-column:auto}.reference-actions{grid-template-columns:1fr}.canvas-tools label:first-of-type{margin-left:0}}

/* ============================================================
   Steno Lab V4.2 — Pitman course + ruled-line checker
   ============================================================ */
.course-source-note{padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:13px;line-height:1.55;margin-bottom:16px}.course-source-note a{font-weight:900;color:var(--accent);text-decoration:none}.course-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.course-dashboard>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.course-dashboard span,.course-dashboard small{display:block;color:var(--text-soft)}.course-dashboard span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-dashboard strong{display:block;margin:5px 0 2px;font-size:20px}.course-dashboard small{font-size:10px;line-height:1.35}.course-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin:0 0 16px}.course-toolbar label{display:grid;gap:6px}.course-toolbar span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}.pitman-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.course-class{appearance:none;text-align:left;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);cursor:pointer;display:grid;gap:5px;min-height:134px;transition:.2s ease}.course-class:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 12px 30px rgba(13,100,216,.08)}.course-class>span{font-size:10px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.course-class>b{font-size:15px;line-height:1.25}.course-class>small{font-size:10px;color:var(--text-soft)}.course-class>i{font-style:normal;margin-top:auto;font-size:11px;font-weight:900;color:var(--accent)}.course-class.done{background:color-mix(in srgb,#16a36f 6%,var(--surface));border-color:color-mix(in srgb,#16a36f 30%,var(--line))}.course-class.done>i{color:#138a60}.pitman-lesson{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);overflow:hidden}.lesson-top{display:flex;gap:20px;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.lesson-top>div>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--accent)}.lesson-top h3{font-size:28px;margin:5px 0 8px}.lesson-top p{margin:0;color:var(--text-soft);line-height:1.6}.lesson-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:24px;cursor:pointer}.lesson-meta{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px;border-bottom:1px solid var(--line)}.lesson-meta span{padding:6px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:10px;font-weight:800;color:var(--text-soft)}.lesson-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.lesson-body>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lesson-body h4{margin:0 0 10px}.lesson-body li{margin:7px 0;color:var(--text-soft);line-height:1.45}.lesson-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}.shortform-source{margin:0 20px 20px;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:13px;color:var(--text-soft);font-size:12px;line-height:1.5}.shortform-source a{color:var(--accent);font-weight:900}
.outline-modebar{display:grid;grid-template-columns:1.2fr 1.1fr .9fr;gap:10px;margin-bottom:14px}.outline-modebar label{display:grid;gap:6px}.outline-modebar span{font-size:10px;font-weight:900;color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em}.pitman-paper{--guide-opacity:.7;position:relative;width:100%;height:290px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,#fff),var(--surface));overflow:hidden;touch-action:none}.pitman-paper #outlineCanvas{position:absolute;inset:0;width:100%;height:100%;border:0!important;border-radius:0!important;background:transparent!important;z-index:3;touch-action:none}.guide-line{position:absolute;left:0;right:0;height:1px;background:color-mix(in srgb,var(--accent) 34%,var(--line));opacity:var(--guide-opacity);z-index:1;pointer-events:none}.guide-line:after{content:"";position:absolute;left:0;right:0;top:-5px;height:11px;background:linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--accent) 13%,transparent) 10px 11px,transparent 12px 22px);opacity:.55}.guide-line span{position:absolute;right:8px;top:-18px;padding:2px 5px;border-radius:5px;background:color-mix(in srgb,var(--surface) 86%,transparent);font-size:9px;font-weight:900;color:var(--text-soft)}.guide-first{top:28%}.guide-second{top:52%;height:2px;background:color-mix(in srgb,var(--accent) 62%,var(--line))}.guide-third{top:76%}.pitman-paper[data-guide="single"] .guide-first,.pitman-paper[data-guide="single"] .guide-third{display:none}.pitman-paper[data-guide="single"] .guide-second{top:70%}.pitman-paper[data-guide="plain"] .guide-line{display:none}.outline-evaluation{grid-template-columns:repeat(4,minmax(110px,1fr))!important}.outline-evaluation p{grid-column:1/-1!important}.reference-card canvas{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:12px}.reference-card p{font-size:10px;line-height:1.45;color:var(--text-soft)}
[data-theme="dark"] .course-class,[data-theme="dark"] .pitman-lesson,[data-theme="dark"] .lesson-body>div{box-shadow:none}[data-theme="dark"] .pitman-paper{background:linear-gradient(180deg,#091522,#07111c)}
@media(max-width:1050px){.pitman-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.course-toolbar{grid-template-columns:1fr}.pitman-course-grid{grid-template-columns:1fr}.lesson-body{grid-template-columns:1fr}.course-dashboard{grid-template-columns:1fr 1fr}.outline-modebar{grid-template-columns:1fr 1fr}.outline-modebar label:last-child{grid-column:1/-1}.pitman-paper{height:250px}.outline-evaluation{grid-template-columns:1fr 1fr!important}.lesson-actions{display:grid}.lesson-actions .steno-btn{width:100%}}
@media(max-width:460px){.course-dashboard{grid-template-columns:1fr}.outline-modebar{grid-template-columns:1fr}.outline-modebar label:last-child{grid-column:auto}.outline-evaluation{grid-template-columns:1fr!important}.lesson-top h3{font-size:23px}.lesson-top{padding:15px}.lesson-body,.lesson-meta,.lesson-actions{padding-left:15px;padding-right:15px}.shortform-source{margin-left:15px;margin-right:15px}}

/* Steno Lab V4.3: beginner academy + reliable voice + clear outline verdict */
.audio-actions{display:flex;gap:8px}.voice-help{display:flex;gap:10px;align-items:flex-start;margin:-5px 0 15px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));font-size:11px;color:var(--text-soft)}.voice-help b{color:var(--text);white-space:nowrap}.course-language-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;margin:0 0 14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.course-language-bar b,.course-language-bar small{display:block}.course-language-bar small{font-size:10px;color:var(--text-soft);margin-top:3px}.language-pills{display:flex;gap:6px;flex-wrap:wrap}.language-pills button{border:1px solid var(--line);background:var(--surface);color:var(--text);height:36px;padding:0 12px;border-radius:999px;font-weight:900;cursor:pointer}.language-pills button.active{background:var(--accent);border-color:var(--accent);color:#fff}.beginner-start{margin:0 0 16px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface))}.beginner-start-head span{font-size:10px;letter-spacing:.1em;font-weight:900;color:var(--accent)}.beginner-start-head h3{font-size:26px;margin:5px 0 7px}.beginner-start-head p{margin:0;color:var(--text-soft);line-height:1.55}.beginner-steps{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;margin:14px 0;overflow-x:auto;padding-bottom:5px}.beginner-steps>div{min-width:145px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);position:relative}.beginner-steps span{font-size:10px;color:var(--accent);font-weight:900}.beginner-steps b{position:absolute;right:10px;top:9px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.beginner-steps p{font-size:11px;line-height:1.5;margin:9px 0 0;color:var(--text-soft)}.beginner-tip{padding:12px 14px;border-radius:12px;background:#0b2d56;color:#fff}.beginner-tip b{display:block;font-size:12px}.beginner-tip p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#d9e9ff}.lesson-guide{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:20px 20px 0}.lesson-guide>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.lesson-guide span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--accent)}.lesson-guide p{font-size:12px;color:var(--text-soft);line-height:1.55;margin:7px 0 0}.outline-verdict{display:flex;align-items:center;gap:12px;padding:13px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.outline-verdict>span{font-size:9px;font-weight:900;letter-spacing:.08em}.outline-verdict strong{font-size:17px}.outline-verdict small{margin-left:auto;color:var(--text-soft);font-size:11px}.outline-verdict.pass{background:color-mix(in srgb,#14a36f 9%,var(--surface));color:#0b8158}.outline-verdict.close{background:color-mix(in srgb,#e29a13 10%,var(--surface));color:#9a6500}.outline-verdict.fail{background:color-mix(in srgb,#d44343 9%,var(--surface));color:#b62d2d}.outline-verdict.unknown{background:color-mix(in srgb,#6f7f95 8%,var(--surface));color:var(--text)}.outline-verdict{display:none!important}.outline-evaluation{display:none!important}.outline-toast{position:fixed;right:18px;bottom:20px;z-index:1200;min-width:240px;max-width:min(92vw,360px);padding:12px 14px;border-radius:14px;background:#0b2d56;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.outline-toast.show{opacity:1;transform:translateY(0)}.outline-toast.pass{background:linear-gradient(135deg,#108a5e,#16b877)}.outline-toast.close{background:linear-gradient(135deg,#b87709,#e5a217)}.outline-toast.fail{background:linear-gradient(135deg,#b63232,#e35252)}.outline-toast.unknown{background:linear-gradient(135deg,#49586d,#75849b)}.outline-toast b{display:block;font-size:15px;line-height:1.2}.outline-toast small{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:rgba(255,255,255,.9)}@media(max-width:560px){.outline-toast{left:12px;right:12px;bottom:12px;min-width:0;max-width:none}}
[data-theme="dark"] .outline-verdict.pass{color:#63ddb0}[data-theme="dark"] .outline-verdict.close{color:#ffd070}[data-theme="dark"] .outline-verdict.fail{color:#ff8c8c}.outline-verdict.pending{color:var(--text)}
@media(max-width:900px){.audio-actions{grid-column:1/-1}.lesson-guide{grid-template-columns:1fr}.beginner-steps{grid-template-columns:repeat(7,160px)}}
@media(max-width:560px){.course-language-bar{align-items:flex-start;flex-direction:column}.language-pills{width:100%}.language-pills button{flex:1}.beginner-start{padding:14px}.beginner-start-head h3{font-size:22px}.voice-help{display:grid}.audio-actions{display:grid;grid-template-columns:1fr 1fr}.outline-verdict{align-items:flex-start;flex-direction:column;gap:4px}.outline-verdict small{margin-left:0}.lesson-guide{padding:15px 15px 0}}
/* Steno Lab V4.4 learning studio */
.teacher-console{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));margin-bottom:16px}.teacher-console>div:first-child{display:flex;align-items:center;gap:12px}.teacher-orb{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#0b5ed7,#58a6ff);color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(11,94,215,.24)}.teacher-console b{display:block;font-size:16px}.teacher-console small{display:block;color:var(--text-soft);margin-top:3px}.teacher-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.learn-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.learn-path button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:14px;text-align:left;display:grid;grid-template-columns:34px 1fr;column-gap:10px;row-gap:2px;cursor:pointer}.learn-path button>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-size:11px;font-weight:900}.learn-path button b{font-size:14px}.learn-path button small{font-size:10px;color:var(--text-soft)}.learn-path button.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.learn-path button.active>span{background:var(--accent);color:#fff}.learn-view{display:none}.learn-view.active{display:block}.learn-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:6px 0 16px}.learn-title>div>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.learn-title h3{font-size:28px;margin:4px 0 7px}.learn-title p{margin:0;color:var(--text-soft);line-height:1.55;max-width:760px}.consonant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sign-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;display:grid;gap:8px;min-height:230px}.sign-visual{height:94px;border-radius:13px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);display:grid;place-items:center;color:var(--text)}.sign-visual svg{width:86px;height:86px}.sign-visual.heavy{color:color-mix(in srgb,var(--text) 94%,#000)}.sign-head{display:flex;align-items:center;gap:8px}.sign-head>span{font-size:9px;font-weight:900;color:var(--accent);padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.sign-head h4{font-size:15px;margin:0}.sign-card p{font-size:11px;color:var(--text-soft);margin:0}.sign-card small{font-size:10px;color:var(--text-soft)}.sign-actions{display:flex;gap:6px;margin-top:auto}.sign-actions button,.vowel-card>button,.routine-grid button{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 9px;font-size:10px;font-weight:850;cursor:pointer}.sign-actions button:hover,.vowel-card>button:hover,.routine-grid button:hover{border-color:var(--accent);color:var(--accent)}.vowel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vowel-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.vowel-sign{height:70px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);position:relative;display:grid;place-items:center}.vowel-sign .dot{width:13px;height:13px;border-radius:50%;background:var(--text)}.vowel-sign .dash{width:28px;height:6px;border-radius:99px;background:var(--text);transform:rotate(-35deg)}.vowel-sign .place-num{position:absolute;right:7px;bottom:6px;font-size:9px;font-weight:900;color:var(--accent)}.vowel-card>div:nth-child(2)>span{font-size:9px;font-weight:900;color:var(--accent)}.vowel-card h4{margin:3px 0;font-size:17px}.vowel-card p,.vowel-card small{margin:0;color:var(--text-soft);font-size:10px}.place-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.place-guide>div{padding:13px;border-radius:13px;border:1px solid var(--line);background:var(--surface-2)}.place-guide b{display:block;font-size:12px}.place-guide span{display:block;font-size:10px;color:var(--text-soft);margin-top:3px}.position-demo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}.position-paper{min-height:320px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface));position:relative;overflow:hidden}.position-paper i{position:absolute;left:18px;right:18px;height:1px;background:color-mix(in srgb,var(--accent) 30%,transparent)}.position-paper .p1{top:29%}.position-paper .p2{top:53%;height:2px;background:color-mix(in srgb,var(--accent) 62%,var(--line))}.position-paper .p3{top:77%}.demo-stroke{position:absolute;width:5px;height:68px;background:var(--text);border-radius:99px;transform:rotate(-28deg);left:48%}.demo-stroke.first{top:9%}.demo-stroke.second{top:34%}.demo-stroke.third{top:58%}.position-notes{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.position-notes b{font-size:16px}.position-notes li{margin:10px 0;color:var(--text-soft);line-height:1.45}.routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.routine-grid article{border:1px solid var(--line);border-radius:16px;padding:15px;background:var(--surface);display:grid;gap:7px}.routine-grid article>span{font-size:9px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.routine-grid article>b{font-size:15px}.routine-grid article>p{font-size:11px;line-height:1.5;color:var(--text-soft);margin:0}.learn-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#082b60,#0f66d5);color:#fff}.learn-next b,.learn-next span{display:block}.learn-next span{font-size:11px;opacity:.85;margin-top:3px}.learn-next .steno-btn{background:#fff;color:#0b4ea2;border-color:#fff;white-space:nowrap}
@media(max-width:900px){.consonant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vowel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-path{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.position-demo{grid-template-columns:1fr}.teacher-console{align-items:flex-start;flex-direction:column}.teacher-controls{justify-content:flex-start}}
@media(max-width:520px){.consonant-grid,.vowel-grid,.routine-grid,.place-guide,.learn-path{grid-template-columns:1fr}.vowel-card{grid-template-columns:64px 1fr}.vowel-card>button{grid-column:1/-1}.learn-title{display:grid}.learn-title .steno-btn{width:100%}.sign-card{min-height:210px}.sign-actions{display:grid;grid-template-columns:1fr 1fr}.teacher-controls{display:grid;width:100%}.teacher-controls .language-pills{display:grid;grid-template-columns:repeat(2,1fr)}.teacher-controls .steno-btn{width:100%}.learn-next{align-items:stretch;flex-direction:column}.position-paper{min-height:280px}}
/* NCERT-aligned independent study hub */
.study-hero{padding:72px 0 54px;background:radial-gradient(circle at 85% 15%,rgba(36,121,230,.2),transparent 28%),linear-gradient(135deg,#061a35,#0a3472);color:#fff}.study-kicker{display:inline-flex;padding:7px 11px;border:1px solid #ffffff38;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em}.study-hero h1{max-width:900px;font-size:clamp(38px,5vw,66px);line-height:1.02;margin:16px 0 14px}.study-hero p{max-width:850px;font-size:18px;line-height:1.6;color:#dceaff}.study-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.study-hero-badges span{padding:8px 11px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff25;font-size:12px;font-weight:800}.study-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding-top:28px;padding-bottom:70px}.study-sidebar{position:sticky;top:92px;align-self:start;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:16px;max-height:calc(100vh - 120px);overflow:auto}.study-side-title{display:flex;align-items:end;justify-content:space-between;margin:2px 0 10px}.study-side-title span{font-size:10px;color:var(--text-soft);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.study-side-title b{font-size:13px}.class-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.class-pills a{height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-weight:900;text-decoration:none}.class-pills a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.subject-list{display:grid;gap:7px}.subject-list a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);background:var(--surface-2)}.subject-list a>span{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));display:grid;place-items:center;color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.subject-list b,.subject-list small{display:block}.subject-list b{font-size:12px}.subject-list small{font-size:10px;color:var(--text-soft);margin-top:2px}.subject-list a.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 9%,transparent)}.study-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:20px}.study-toolbar>div:first-child>span{font-size:10px;font-weight:900;color:var(--accent);letter-spacing:.1em}.study-toolbar h2{font-size:34px;margin:4px 0 4px}.study-toolbar p{margin:0;color:var(--text-soft)}.study-actions{display:flex;gap:8px}.study-actions button{height:42px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:0 14px;font-weight:900;cursor:pointer}.study-actions button:hover{border-color:var(--accent);color:var(--accent)}.study-topic-tabs{display:flex;gap:8px;overflow:auto;padding:12px 1px 14px;scrollbar-width:thin}.study-topic-tabs a{flex:0 0 auto;max-width:240px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--text);font-size:12px;font-weight:800;white-space:nowrap}.study-topic-tabs a span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface-2);color:var(--accent);font-size:9px;margin-right:6px}.study-topic-tabs a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.study-topic-tabs a.active span{background:#ffffff24;color:#fff}.study-topic-tabs a.done:not(.active){border-color:color-mix(in srgb,#12a36d 45%,var(--line))}.study-topic-tabs a.done:not(.active):after{content:' ✓';color:#13a16d}.study-reader{border:1px solid var(--line);background:var(--surface);border-radius:24px;overflow:hidden}.reader-top{display:flex;justify-content:space-between;gap:18px;padding:26px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}.reader-top>div:first-child>span{font-size:10px;font-weight:900;color:var(--accent);letter-spacing:.08em}.reader-top h2{font-size:38px;line-height:1.08;margin:7px 0 9px}.reader-top p{max-width:850px;margin:0;color:var(--text-soft);font-size:16px;line-height:1.65}.reader-progress{min-width:120px;display:grid;place-items:center;align-content:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.reader-progress strong{font-size:26px;color:var(--accent)}.reader-progress span{font-size:10px;color:var(--text-soft)}.reader-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.reader-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface-2);min-height:220px}.reader-card.featured{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}.reader-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:10px;font-weight:900}.reader-card h3{font-size:22px;margin:10px 0}.reader-card p,.reader-card li{color:var(--text-soft);line-height:1.65}.reader-card li{margin:8px 0}.concept-strip,.study-callout{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:14px}.concept-strip b,.study-callout b,.study-callout span{display:block}.study-callout span{color:var(--text-soft);font-size:12px;margin-top:3px}.self-check{display:grid;gap:9px}.self-check button{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:12px;cursor:pointer;display:flex;gap:10px;align-items:flex-start}.self-check button b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--accent);font-size:10px}.self-check button span{font-size:12px;line-height:1.5}.self-check button.checked{border-color:#1fa771;background:color-mix(in srgb,#1fa771 8%,var(--surface))}.self-check button.checked:after{content:'✓';margin-left:auto;color:#15925f;font-weight:900}.reader-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 20px;border-top:1px solid var(--line)}.reader-bottom a{padding:11px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:900;color:var(--text)}.reader-bottom a.next{background:var(--accent);border-color:var(--accent);color:#fff}.study-method{margin-top:18px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#061f42,#0c55ad);color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.study-method>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#80b9ff}.study-method h2{margin:5px 0 8px;font-size:28px}.study-method p{margin:0;color:#d8e8ff;line-height:1.6}.study-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.study-method-grid>div{padding:13px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0b}.study-method-grid b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffff14}.study-method-grid span,.study-method-grid small{display:block}.study-method-grid span{font-weight:900;margin-top:10px}.study-method-grid small{font-size:10px;color:#cfe1fa;margin-top:3px}.study-original-note{margin-top:14px;padding:14px 16px;border:1px dashed var(--line);border-radius:14px;color:var(--text-soft);font-size:12px}.study-original-note b{color:var(--text)}
@media(max-width:980px){.study-shell{grid-template-columns:1fr}.study-sidebar{position:static;max-height:none}.subject-list{grid-template-columns:repeat(2,1fr)}.study-method{grid-template-columns:1fr}.study-toolbar{align-items:stretch;flex-direction:column}.study-actions{width:100%}.study-actions button{flex:1}}
@media(max-width:680px){.study-hero{padding:44px 0 34px}.study-hero h1{font-size:38px}.study-hero p{font-size:15px}.subject-list{grid-template-columns:1fr}.reader-top{display:grid;padding:18px}.reader-progress{display:flex;justify-content:space-between;min-width:0}.reader-top h2{font-size:30px}.reader-grid{grid-template-columns:1fr;padding:12px}.reader-card.featured{grid-column:auto}.reader-card{padding:16px;min-height:0}.study-method{padding:17px}.study-method-grid{grid-template-columns:1fr 1fr}.class-pills{grid-template-columns:repeat(7,1fr)}.class-pills a{font-size:11px;height:34px}.study-actions{display:grid;grid-template-columns:1fr 1fr}}

/* =========================================================
   Study Books V2 — original chapter reader
   ========================================================= */
.bookhub-hero{padding:64px 0 48px;background:radial-gradient(circle at 82% 15%,rgba(81,152,255,.25),transparent 26%),linear-gradient(135deg,#061934,#0a3b7c 62%,#0a4e9d);color:#fff;overflow:hidden}.bookhub-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:34px;align-items:center}.bookhub-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.27);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.13em}.bookhub-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;max-width:920px;margin:15px 0 14px}.bookhub-hero p{max-width:840px;font-size:17px;line-height:1.65;color:#d8eaff}.bookhub-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.bookhub-badges span{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:850}.bookhub-cover-demo{justify-self:end;width:min(100%,330px);min-height:310px;border-radius:12px 24px 24px 12px;background:linear-gradient(145deg,#f7fbff,#e9f2ff);color:#08264c;box-shadow:0 30px 70px rgba(0,0,0,.28),inset -12px 0 22px rgba(16,62,116,.08);position:relative;display:flex;align-items:stretch;overflow:hidden;transform:perspective(900px) rotateY(-7deg)}.demo-book-spine{width:24px;background:linear-gradient(180deg,#0b5ed7,#063f95);box-shadow:inset -5px 0 8px rgba(0,0,0,.18)}.demo-book-copy{padding:35px 28px;display:flex;flex-direction:column}.demo-book-copy small{font-size:9px;font-weight:900;letter-spacing:.16em;color:#0b5ed7}.demo-book-copy strong{font-size:54px;line-height:1;margin-top:24px}.demo-book-copy span{font-size:22px;font-weight:900;margin-top:10px}.demo-book-copy i{font-style:normal;font-size:11px;color:#61728b;margin-top:auto;padding-top:24px}
.book-library{padding-top:32px;padding-bottom:72px}.library-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.library-topbar>div:first-child>span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.12em}.library-topbar h2{font-size:36px;margin:5px 0 6px}.library-topbar p{margin:0;color:var(--text-soft);max-width:760px}.library-class-switch{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.library-class-switch a{height:38px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:11px;text-decoration:none;color:var(--text);font-weight:900;font-size:12px}.library-class-switch a.active{background:var(--accent);border-color:var(--accent);color:#fff}.digital-bookshelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.digital-book{position:relative;min-height:280px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--surface-2));text-decoration:none;color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.digital-book:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#7bd4ff))}.digital-book:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 22px 45px rgba(10,47,92,.12)}.digital-book-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);margin-left:8px}.digital-book-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.digital-book>span{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--accent);margin:18px 0 4px 8px}.digital-book h3{font-size:22px;line-height:1.15;margin:0 8px 7px}.digital-book p{font-size:11px;color:var(--text-soft);margin:0 8px}.digital-book b{font-size:12px;margin:auto 8px 0;color:var(--accent)}.book-lines{display:grid;gap:6px;margin:20px 8px}.book-lines i{height:5px;border-radius:999px;background:var(--line)}.book-lines i:nth-child(2){width:80%}.book-lines i:nth-child(3){width:58%}.library-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.library-guide>div{padding:13px;border-radius:14px;background:var(--surface-2)}.library-guide b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:10px}.library-guide span,.library-guide small{display:block}.library-guide span{font-weight:900;margin-top:10px}.library-guide small{color:var(--text-soft);font-size:10px;line-height:1.45;margin-top:3px}
.book-reader-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;padding-top:26px;padding-bottom:70px}.book-chapters{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 110px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column}.book-side-head{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}.book-side-head>a{font-size:10px;font-weight:900;color:var(--accent);text-decoration:none}.book-side-head>span{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--text-soft);margin-top:14px}.book-side-head h2{font-size:24px;line-height:1.1;margin:4px 0}.book-side-head p{margin:0;color:var(--text-soft);font-size:11px}.chapter-search{height:42px;margin:12px 12px 6px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);display:flex;align-items:center;padding:0 10px;gap:7px}.chapter-search svg{width:16px;height:16px;fill:none;stroke:var(--text-soft);stroke-width:2}.chapter-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.chapter-list{overflow:auto;padding:6px 8px 12px;scrollbar-width:thin}.chapter-list a{position:relative;display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;padding:10px;border-radius:11px;text-decoration:none;color:var(--text);border:1px solid transparent}.chapter-list a:hover{background:var(--surface-2)}.chapter-list a.active{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.chapter-list a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--accent);font-size:9px;font-weight:900}.chapter-list b,.chapter-list small{display:block}.chapter-list b{font-size:11px;line-height:1.25}.chapter-list small{font-size:9px;color:var(--text-soft);margin-top:2px}.chapter-list a>i{font-style:normal;font-size:10px;color:#1aa06c;opacity:0}.chapter-list a.done>i{opacity:1}
.book-reading-area{min-width:0}.reader-controlbar{position:sticky;top:72px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(7,33,66,.08);margin-bottom:12px}.reader-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-soft);font-size:10px}.reader-breadcrumb b{color:var(--text)}.reader-breadcrumb i{font-style:normal}.reader-tools{display:flex;gap:6px}.reader-tools button,.mobile-chapter-button{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:10px;font-weight:900;cursor:pointer}.reader-tools button:hover,.mobile-chapter-button:hover{border-color:var(--accent);color:var(--accent)}.reader-tools button.completed{background:#e9f8f1;color:#11865d;border-color:#bfe9d8}.mobile-chapter-button{display:none}
.digital-chapter{--book-font-scale:1;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.chapter-title-page{padding:38px 42px 32px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));border-bottom:1px solid var(--line)}.chapter-number{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em}.chapter-title-page h1{font-size:calc(46px * var(--book-font-scale));line-height:1.05;margin:14px 0 12px;letter-spacing:-.035em}.chapter-title-page>p{max-width:900px;margin:0;color:var(--text-soft);font-size:calc(16px * var(--book-font-scale));line-height:1.75}.chapter-progress-line{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:center;margin-top:25px}.chapter-progress-line>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--text-soft)}.chapter-progress-line strong{color:var(--accent)}.progress-track{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;border:1px solid var(--line)}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#57a8ff);border-radius:inherit;transition:width .3s ease}
.chapter-opening{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;padding:24px 34px 8px}.chapter-objectives,.formula-card{border:1px solid var(--line);border-radius:17px;background:var(--surface-2);padding:18px}.chapter-objectives>span,.formula-card>span,.worked-label,.remember-box>span,.glossary-box>span,.practice-head>div:first-child>span,.chapter-revision>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.chapter-objectives h2,.formula-card strong{display:block;margin:5px 0 8px}.chapter-objectives h2{font-size:22px}.chapter-objectives ul{margin:10px 0 0;padding-left:19px}.chapter-objectives li{margin:7px 0;color:var(--text-soft);font-size:calc(12px * var(--book-font-scale))}.formula-card{background:linear-gradient(145deg,#082e62,#0c5bb9);border-color:#0c5bb9;color:#fff;display:flex;flex-direction:column;justify-content:center}.formula-card>span{color:#87c0ff}.formula-card strong{font-size:calc(19px * var(--book-font-scale));line-height:1.45}.formula-card small{font-size:10px;color:#d4e6ff;line-height:1.45}
.book-section{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 42px;border-top:1px solid var(--line)}.section-index{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-size:10px;font-weight:900}.book-section h2{font-size:calc(27px * var(--book-font-scale));line-height:1.15;margin:2px 0 10px}.book-section p{margin:0;color:var(--text);font-size:calc(15px * var(--book-font-scale));line-height:1.82}.margin-note{margin-top:15px;padding:11px 13px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-soft);font-size:11px;line-height:1.5}
.worked-example{margin:20px 34px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface))}.worked-example h2{font-size:calc(25px * var(--book-font-scale));margin:6px 0}.worked-question{font-size:calc(15px * var(--book-font-scale));font-weight:800;line-height:1.6}.worked-example ol{margin:15px 0 0;padding-left:23px}.worked-example li{margin:10px 0;color:var(--text);font-size:calc(14px * var(--book-font-scale));line-height:1.65}
.chapter-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 34px 22px}.remember-box,.glossary-box{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface-2)}.remember-box h2,.glossary-box h2{font-size:22px;margin:6px 0 12px}.remember-box ul{margin:0;padding-left:20px}.remember-box li{margin:9px 0;color:var(--text);font-size:calc(13px * var(--book-font-scale));line-height:1.55}.glossary-box>div{padding:10px 0;border-top:1px solid var(--line)}.glossary-box>div:first-of-type{border-top:0}.glossary-box b{font-size:12px}.glossary-box p{margin:3px 0 0;color:var(--text-soft);font-size:calc(12px * var(--book-font-scale));line-height:1.55}
.practice-workbook{padding:28px 34px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--accent) 2.5%,var(--surface))}.practice-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.practice-head h2{font-size:28px;margin:5px 0}.practice-head p{margin:0;color:var(--text-soft);font-size:12px}.practice-score{min-width:105px;text-align:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.practice-score strong{font-size:24px;color:var(--accent)}.practice-score span{display:block;font-size:9px;color:var(--text-soft)}.practice-list{display:grid;gap:10px}.practice-question{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:15px}.practice-question.reviewed{border-color:color-mix(in srgb,#17a56e 38%,var(--line))}.practice-q{display:flex;gap:10px;align-items:flex-start}.practice-q>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--accent);font-size:10px;font-weight:900}.practice-q h3{font-size:calc(15px * var(--book-font-scale));line-height:1.45;margin:5px 0}.practice-question>button{margin:10px 0 0 44px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 11px;font-weight:850;font-size:10px;cursor:pointer}.practice-answer{margin:11px 0 0 44px;padding:12px 14px;border-radius:11px;background:color-mix(in srgb,#17a56e 7%,var(--surface));border:1px solid color-mix(in srgb,#17a56e 22%,var(--line))}.practice-answer b{font-size:10px;color:#16845b}.practice-answer p{margin:5px 0 0;font-size:calc(12px * var(--book-font-scale));line-height:1.6;color:var(--text)}
.chapter-revision{margin:24px 34px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface-2)}.chapter-revision h2{font-size:25px;margin:5px 0 14px}.revision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.revision-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.revision-grid b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:9px}.revision-grid p{font-size:11px;line-height:1.5;margin:8px 0 0;color:var(--text-soft)}.chapter-revision textarea{width:100%;min-height:110px;margin-top:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:13px;font:inherit;font-size:13px;resize:vertical;outline:none}.chapter-revision textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.chapter-navigation{display:flex;justify-content:space-between;gap:12px;padding:20px 34px;border-top:1px solid var(--line)}.chapter-navigation a{max-width:48%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);background:var(--surface-2)}.chapter-navigation small,.chapter-navigation b{display:block}.chapter-navigation small{font-size:9px;color:var(--text-soft)}.chapter-navigation b{font-size:11px;margin-top:3px}.chapter-navigation a.next{text-align:right;background:var(--accent);color:#fff;border-color:var(--accent)}.chapter-navigation a.next small{color:#d8eaff}.independent-study-note{margin-top:12px;padding:13px 15px;border:1px dashed var(--line);border-radius:13px;color:var(--text-soft);font-size:10px;line-height:1.5}.independent-study-note b{color:var(--text)}.chapter-drawer-backdrop{display:none}
html[data-theme="dark"] .bookhub-cover-demo{background:linear-gradient(145deg,#15263d,#0c1b2f);color:#eaf3ff;box-shadow:0 30px 70px rgba(0,0,0,.45)}html[data-theme="dark"] .formula-card{background:linear-gradient(145deg,#082552,#0a408a)}html[data-theme="dark"] .reader-tools button.completed{background:#0d3e31;color:#7ce1bd;border-color:#175f4a}
@media(max-width:1100px){.digital-bookshelf{grid-template-columns:repeat(3,minmax(0,1fr))}.book-reader-shell{grid-template-columns:250px minmax(0,1fr)}.revision-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.bookhub-hero-grid{grid-template-columns:1fr}.bookhub-cover-demo{justify-self:start;max-width:300px;min-height:240px}.digital-bookshelf{grid-template-columns:repeat(2,minmax(0,1fr))}.library-topbar{align-items:flex-start;flex-direction:column}.library-class-switch{justify-content:flex-start}.library-guide{grid-template-columns:1fr 1fr}.book-reader-shell{display:block}.book-chapters{position:fixed;z-index:130;left:10px;top:10px;bottom:10px;width:min(86vw,330px);max-height:none;transform:translateX(calc(-100% - 24px));transition:transform .25s ease;border-radius:18px}.book-chapters.open{transform:translateX(0)}.chapter-drawer-backdrop{position:fixed;z-index:125;inset:0;background:rgba(4,15,29,.56);backdrop-filter:blur(3px)}.chapter-drawer-backdrop.show{display:block}.book-drawer-open{overflow:hidden}.mobile-chapter-button{display:inline-flex;align-items:center}.reader-breadcrumb{display:none}.reader-controlbar{top:64px}.chapter-opening{grid-template-columns:1fr}.chapter-two-col{grid-template-columns:1fr}.chapter-title-page{padding:30px}.book-section{padding:24px 30px}.worked-example,.chapter-revision{margin-left:24px;margin-right:24px}.chapter-two-col,.practice-workbook{padding-left:24px;padding-right:24px}.chapter-navigation{padding-left:24px;padding-right:24px}}
@media(max-width:620px){.bookhub-hero{padding:42px 0 34px}.bookhub-hero h1{font-size:39px}.bookhub-hero p{font-size:14px}.bookhub-cover-demo{width:250px;min-height:210px}.demo-book-copy{padding:24px 20px}.demo-book-copy strong{font-size:42px}.digital-bookshelf{grid-template-columns:1fr}.library-guide{grid-template-columns:1fr}.reader-controlbar{border-radius:11px;padding:8px;gap:6px}.reader-tools{margin-left:auto}.reader-tools button{height:32px;padding:0 8px}.reader-tools button:nth-child(1),.reader-tools button:nth-child(2){display:none}.chapter-title-page{padding:24px 18px}.chapter-title-page h1{font-size:calc(34px * var(--book-font-scale))}.chapter-title-page>p{font-size:calc(14px * var(--book-font-scale))}.chapter-progress-line{grid-template-columns:1fr;gap:7px}.chapter-opening{padding:18px 14px 4px}.book-section{grid-template-columns:38px 1fr;gap:10px;padding:22px 18px}.section-index{width:34px;height:34px;border-radius:10px}.book-section h2{font-size:calc(22px * var(--book-font-scale))}.book-section p{font-size:calc(14px * var(--book-font-scale));line-height:1.72}.worked-example{margin:14px;padding:18px}.chapter-two-col{padding:0 14px 16px}.practice-workbook{padding:22px 14px}.practice-head{display:grid}.practice-score{justify-self:start}.practice-question>button,.practice-answer{margin-left:0}.chapter-revision{margin:16px 14px;padding:17px}.revision-grid{grid-template-columns:1fr}.chapter-navigation{padding:16px 14px}.chapter-navigation a{max-width:50%;padding:10px}.chapter-navigation b{font-size:10px}}

/* V4.5 study-reader + explainer hardening */
.wrap.book-reader-shell{max-width:1540px!important;padding-left:24px!important;padding-right:24px!important}
.book-reader-shell{grid-template-columns:320px minmax(0,1fr)!important;gap:26px!important}
.book-reading-area{min-width:0!important;width:100%!important}
.digital-chapter{width:100%!important;min-width:0!important;overflow:hidden!important}
.chapter-title-page{display:block!important;position:relative!important;width:100%!important;min-height:0!important;clear:both!important;padding:42px 48px 34px!important}
.chapter-title-page>*{position:static!important;float:none!important;max-width:none!important}
.chapter-title-page h1{display:block!important;width:100%!important;max-width:980px!important;margin:14px 0 14px!important;font-size:clamp(36px,4.1vw,58px)!important;line-height:1.02!important;overflow-wrap:anywhere!important}
.chapter-title-page>p{display:block!important;width:100%!important;max-width:980px!important;margin:0!important;font-size:calc(17px * var(--book-font-scale))!important;line-height:1.8!important}
.chapter-progress-line{max-width:980px!important}
.chapter-opening{padding:26px 42px 18px!important}
.chapter-intro-long,.chapter-deep-dive,.worked-examples-book{padding:30px 42px;border-top:1px solid var(--line)}
.chapter-intro-long>span,.deep-dive-head>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent);margin-bottom:5px}
.chapter-intro-long>h2,.deep-dive-head h2{font-size:30px;margin:0 0 8px;letter-spacing:-.02em}.chapter-intro-long>p,.deep-dive-head p{margin:0;color:var(--text-soft);line-height:1.75;font-size:14px;max-width:980px}
.chapter-study-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.chapter-study-method>div{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.chapter-study-method b{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px}.chapter-study-method span,.chapter-study-method small{display:block}.chapter-study-method span{font-weight:900;margin:9px 0 3px}.chapter-study-method small{color:var(--text-soft);line-height:1.45}
.book-section{grid-template-columns:58px minmax(0,1fr)!important;padding:30px 42px!important}.book-section>div:last-child{min-width:0}.book-section p{margin:0 0 14px!important;max-width:980px!important}.book-section p+p{margin-top:8px!important}.margin-note{max-width:980px!important}
.deep-dive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.deep-dive-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.deep-dive-grid h3{font-size:17px;margin:0 0 8px}.deep-dive-grid p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.7}
.worked-examples-book{background:color-mix(in srgb,var(--accent) 2.2%,var(--surface))}.worked-example.extended{margin:16px 0 0!important;max-width:100%!important}.worked-example.extended h3{font-size:22px;margin:8px 0}.worked-example.extended li{line-height:1.65;margin:7px 0}
.practice-book{scroll-margin-top:96px}.practice-page-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:thin}.practice-page-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 13px;font-weight:850;font-size:11px;cursor:pointer}.practice-page-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.practice-page-title{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:12px 0}.practice-page-title span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.08em}.practice-page-title h3{font-size:22px;margin:0}.practice-page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.practice-page-nav button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 13px;font-weight:850;cursor:pointer}.practice-page-nav button:disabled{opacity:.4;cursor:not-allowed}.practice-page-nav span{font-size:11px;font-weight:900;color:var(--text-soft)}
.independent-study-note{max-width:1100px;margin:14px auto 0!important;line-height:1.6}
.story-explainer p{font-size:15px;line-height:1.8}.story-section-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent);margin-bottom:6px}.story-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-fact-grid>div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:13px;line-height:1.5}.exam-memory-card{margin-top:16px;padding:15px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.exam-memory-card b{display:block;margin-bottom:5px}.exam-memory-card p{margin:0;color:var(--text-soft);line-height:1.65}
.answer-note{display:block;margin-top:10px;color:var(--text-soft);font-size:11px;line-height:1.5}
@media(max-width:1100px){.wrap.book-reader-shell{padding-left:18px!important;padding-right:18px!important}.book-reader-shell{grid-template-columns:270px minmax(0,1fr)!important}.chapter-study-method{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.book-reader-shell{display:block!important}.chapter-title-page{padding:30px 24px!important}.chapter-opening,.chapter-intro-long,.chapter-deep-dive,.worked-examples-book{padding-left:24px!important;padding-right:24px!important}.book-section{padding:26px 24px!important}.deep-dive-grid{grid-template-columns:1fr}.story-fact-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap.book-reader-shell{padding-left:10px!important;padding-right:10px!important}.reader-controlbar{position:sticky!important;top:62px!important}.chapter-title-page{padding:24px 18px!important}.chapter-title-page h1{font-size:34px!important}.chapter-title-page>p{font-size:14px!important;line-height:1.7!important}.chapter-opening,.chapter-intro-long,.chapter-deep-dive,.worked-examples-book{padding:20px 14px!important}.chapter-study-method{grid-template-columns:1fr}.book-section{grid-template-columns:38px minmax(0,1fr)!important;padding:22px 14px!important}.practice-page-title{display:block}.practice-page-title h3{margin-top:4px;font-size:19px}.practice-page-nav button{padding:8px 9px;font-size:10px}.deep-dive-head h2,.chapter-intro-long>h2{font-size:25px}}
/* Prevent the global header nav rule from turning the book chapter list into a horizontal menu. */
.book-chapters nav.chapter-list{display:block!important;position:static!important;inset:auto!important;background:transparent!important;padding:6px 8px 12px!important;gap:0!important;width:100%!important;max-width:none!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:none!important;border:0!important}
.book-chapters nav.chapter-list a{display:grid!important;width:100%!important;margin:0 0 4px!important}

/* V3.9.9.2 — Study book reader layout repair */
.bookhub-hero.bookhub-hero-reader{
  padding:28px 0 24px!important;
  min-height:0!important;
}
.bookhub-hero.bookhub-hero-reader .bookhub-hero-grid{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
}
.bookhub-hero.bookhub-hero-reader h1{
  font-size:clamp(30px,3.6vw,46px)!important;
  max-width:760px!important;
  margin:10px 0 8px!important;
}
.bookhub-hero.bookhub-hero-reader p{
  max-width:760px!important;
  font-size:14px!important;
  line-height:1.6!important;
  margin:0!important;
}
.bookhub-hero.bookhub-hero-reader .bookhub-badges{margin-top:12px!important}
.bookhub-hero.bookhub-hero-reader .bookhub-cover-demo{
  width:210px!important;
  min-height:148px!important;
  transform:none!important;
  border-radius:16px!important;
}
.bookhub-hero.bookhub-hero-reader .demo-book-copy{padding:18px 16px!important}
.bookhub-hero.bookhub-hero-reader .demo-book-copy strong{font-size:30px!important;margin-top:10px!important}
.bookhub-hero.bookhub-hero-reader .demo-book-copy span{font-size:15px!important;margin-top:6px!important}
.bookhub-hero.bookhub-hero-reader .demo-book-copy i{font-size:9px!important;padding-top:10px!important}

.wrap.book-reader-shell{
  max-width:1480px!important;
  padding:24px 24px 72px!important;
  align-items:start!important;
}
.book-reader-shell{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:22px!important;
}
.book-chapters{
  top:86px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.book-side-head{position:relative!important;padding:18px!important}
.book-drawer-close{
  display:none;
  position:absolute;
  right:10px;
  top:10px;
  width:34px;
  height:34px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--text);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.book-chapters .chapter-list{
  display:block!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px 8px 12px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.book-chapters .chapter-list a{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 5px!important;
  padding:10px!important;
  gap:9px!important;
  align-items:center!important;
  white-space:normal!important;
}
.book-chapters .chapter-list a>div{min-width:0!important}
.book-chapters .chapter-list b{
  display:block!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.book-chapters .chapter-list small{font-size:9px!important}
.book-reading-area{min-width:0!important;width:100%!important}
.reader-controlbar{
  width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
}
.digital-chapter{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
/* Avoid global site <header> styles — this is a content block, not the site header. */
.chapter-title-page{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:38px 42px 30px!important;
  margin:0!important;
  clear:both!important;
  align-items:initial!important;
  justify-content:initial!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.chapter-title-page>*{position:static!important;float:none!important}
.chapter-title-page h1{
  width:auto!important;
  max-width:900px!important;
  margin:12px 0 12px!important;
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.chapter-title-page>p{
  max-width:950px!important;
  margin:0!important;
  font-size:calc(16px * var(--book-font-scale))!important;
  line-height:1.75!important;
}
.chapter-progress-line{
  max-width:950px!important;
  margin-top:22px!important;
}
.chapter-opening{
  position:relative!important;
  z-index:auto!important;
  margin:0!important;
  padding:22px 28px 18px!important;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;
  align-items:stretch!important;
}
.chapter-objectives,.formula-card{
  min-width:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.chapter-objectives h2{font-size:24px!important;line-height:1.25!important}
.chapter-objectives li{font-size:13px!important;line-height:1.5!important}
.formula-card strong{font-size:20px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.chapter-intro-long,.chapter-deep-dive,.worked-examples-book{
  padding:28px 34px!important;
}
.book-section{
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:16px!important;
  padding:28px 34px!important;
}
.book-section h2{font-size:calc(25px * var(--book-font-scale))!important;line-height:1.28!important}
.book-section p{font-size:calc(15px * var(--book-font-scale))!important;line-height:1.82!important;max-width:980px!important}
.chapter-two-col{padding-left:28px!important;padding-right:28px!important}
.practice-workbook{padding-left:28px!important;padding-right:28px!important}
.chapter-revision{margin-left:28px!important;margin-right:28px!important}
.chapter-navigation{padding-left:28px!important;padding-right:28px!important}

@media(max-width:900px){
  .bookhub-hero.bookhub-hero-reader{padding:22px 0 18px!important}
  .bookhub-hero.bookhub-hero-reader .bookhub-hero-grid{grid-template-columns:1fr!important}
  .bookhub-hero.bookhub-hero-reader .bookhub-cover-demo{display:none!important}
  .bookhub-hero.bookhub-hero-reader h1{font-size:34px!important}
  .bookhub-hero.bookhub-hero-reader p{font-size:13px!important}
  .wrap.book-reader-shell{display:block!important;padding:16px 14px 76px!important}
  .book-chapters{
    position:fixed!important;
    z-index:210!important;
    left:12px!important;
    top:12px!important;
    bottom:12px!important;
    width:min(88vw,340px)!important;
    max-height:none!important;
    transform:translateX(calc(-100% - 28px))!important;
    transition:transform .24s ease!important;
    box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  }
  .book-chapters.open{transform:translateX(0)!important}
  .book-drawer-close{display:grid!important;place-items:center!important}
  .reader-controlbar{
    position:sticky!important;
    top:66px!important;
    z-index:90!important;
    border-radius:14px!important;
    padding:9px 10px!important;
    gap:8px!important;
  }
  .mobile-chapter-button{display:inline-flex!important}
  .reader-breadcrumb{display:none!important}
  .reader-tools{margin-left:auto!important}
  .chapter-title-page{padding:28px 22px 24px!important}
  .chapter-title-page h1{font-size:clamp(34px,8vw,46px)!important;max-width:none!important}
  .chapter-title-page>p{font-size:15px!important;line-height:1.7!important}
  .chapter-opening{grid-template-columns:1fr!important;padding:18px!important}
  .chapter-intro-long,.chapter-deep-dive,.worked-examples-book{padding:24px 20px!important}
  .book-section{grid-template-columns:40px minmax(0,1fr)!important;padding:24px 20px!important}
  .chapter-two-col{grid-template-columns:1fr!important;padding:0 18px 18px!important}
  .practice-workbook{padding:24px 18px!important}
  .chapter-revision{margin:18px!important}
  .chapter-navigation{padding:18px!important}
}

@media(max-width:620px){
  .bookhub-hero.bookhub-hero-reader{display:none!important}
  .wrap.book-reader-shell{padding:10px 8px 92px!important}
  .reader-controlbar{
    top:64px!important;
    margin-bottom:8px!important;
    padding:8px!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  }
  .mobile-chapter-button{height:36px!important;padding:0 11px!important;font-size:11px!important}
  .reader-tools{gap:5px!important}
  .reader-tools button{height:36px!important;padding:0 9px!important;font-size:10px!important}
  .reader-tools button[data-font-down],.reader-tools button[data-font-up]{display:none!important}
  .digital-chapter{border-radius:16px!important}
  .chapter-title-page{padding:22px 16px 20px!important}
  .chapter-number{font-size:8px!important;padding:6px 8px!important}
  .chapter-title-page h1{
    font-size:32px!important;
    line-height:1.12!important;
    margin:10px 0 10px!important;
  }
  .chapter-title-page>p{font-size:14px!important;line-height:1.68!important}
  .chapter-progress-line{grid-template-columns:1fr!important;gap:7px!important;margin-top:16px!important}
  .chapter-opening{padding:14px!important;gap:10px!important}
  .chapter-objectives,.formula-card{padding:15px!important;border-radius:14px!important}
  .chapter-objectives h2{font-size:21px!important}
  .formula-card strong{font-size:17px!important}
  .chapter-intro-long,.chapter-deep-dive,.worked-examples-book{padding:20px 14px!important}
  .chapter-study-method{grid-template-columns:1fr!important}
  .book-section{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:20px 14px!important}
  .section-index{width:32px!important;height:32px!important}
  .book-section h2{font-size:22px!important}
  .book-section p{font-size:14px!important;line-height:1.72!important}
  .deep-dive-grid{grid-template-columns:1fr!important}
  .worked-example.extended{padding:15px!important}
  .chapter-two-col{padding:0 12px 14px!important}
  .practice-workbook{padding:20px 12px!important}
  .practice-page-tabs{padding-bottom:10px!important}
  .practice-question{padding:13px!important}
  .chapter-revision{margin:14px 12px!important;padding:15px!important}
  .chapter-navigation{padding:14px 12px!important}
  .chapter-navigation a{max-width:49%!important;min-width:0!important}
  .independent-study-note{margin:10px 4px 0!important}
}

/* V3.9.9.3 — richer news detail + competitive-exam booster */
.story-hero-rich .story-meta em{font-style:normal;font-size:11px;font-weight:850;color:var(--text-soft);padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.story-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.story-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:11px;text-decoration:none;font-weight:850;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--surface);color:var(--accent)}.story-hero-actions a:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.story-layout-rich{grid-template-columns:minmax(0,1fr) 290px}.story-longread{display:grid;gap:14px}.story-paragraph{position:relative;margin:0!important;padding:17px 18px 17px 54px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font-size:16px!important;line-height:1.82!important}.story-paragraph>span{position:absolute;left:15px;top:16px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:10px;font-weight:900}.story-reading-grid-wide{margin-top:14px}.story-background{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface))}
.exam-booster{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.exam-booster-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.exam-booster-head h2{margin-bottom:0}.exam-badge{font-size:10px;line-height:1.4;font-weight:900;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;padding:8px 11px;text-align:center;white-space:nowrap}
.exam-entity-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--surface);margin:14px 0}.exam-entity-title{display:flex;align-items:center;gap:12px;padding:15px 17px;background:linear-gradient(135deg,#082b60,#0e67d3);color:#fff}.exam-entity-title>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ffffff17;border:1px solid #ffffff28;font-weight:950}.exam-entity-title small{font-size:9px;letter-spacing:.11em;opacity:.75;font-weight:900}.exam-entity-title h3{font-size:20px;margin:2px 0 0;color:#fff}.exam-facts-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.exam-facts-table>div{padding:13px 15px;border-bottom:1px solid var(--line);display:grid;gap:5px}.exam-facts-table>div:nth-child(odd){border-right:1px solid var(--line)}.exam-facts-table span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.exam-facts-table strong{font-size:13px;line-height:1.45;color:var(--text)}.exam-memory-strip{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;padding:13px 15px;background:color-mix(in srgb,#f5b400 10%,var(--surface));border-top:1px solid color-mix(in srgb,#f5b400 20%,var(--line))}.exam-memory-strip b{font-size:12px}.exam-memory-strip p{margin:0!important;font-size:13px!important;line-height:1.55!important}.exam-news-tips{margin-top:16px;padding:16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.exam-news-tips h3{font-size:17px;margin:0 0 9px}.exam-news-tips ul{margin:0;padding-left:20px;display:grid;gap:7px}.exam-news-tips li{line-height:1.5;color:var(--text-soft)}
.revision-qa-list{display:grid;gap:9px}.revision-qa-list details{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.revision-qa-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:13px 15px;font-weight:800;color:var(--text)}.revision-qa-list summary::-webkit-details-marker{display:none}.revision-qa-list summary span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:10px;font-weight:950;flex:0 0 auto}.revision-qa-list details>div{padding:12px 15px 14px 55px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text-soft);line-height:1.55}.revision-qa-list details>div b{color:var(--text)}
html[data-theme="dark"] .exam-entity-card,html[data-theme="dark"] .revision-qa-list details{background:var(--surface);border-color:var(--line)}
@media(max-width:1050px){.story-layout-rich{grid-template-columns:1fr}.exam-badge{white-space:normal}}
@media(max-width:700px){.story-hero-actions{display:grid;grid-template-columns:1fr}.story-paragraph{padding:15px 14px 15px 48px;font-size:15px!important}.exam-booster-head{display:grid}.exam-facts-table{grid-template-columns:1fr}.exam-facts-table>div:nth-child(odd){border-right:0}.exam-memory-strip{grid-template-columns:1fr}.revision-qa-list details>div{padding:12px 14px}.story-reading-grid{grid-template-columns:1fr}.story-fact-grid{grid-template-columns:1fr}}

/* V4.2 — recruitment detail sections, important highlights */
.exam-detail .section-label .section-icon,.exam-detail .section-label>span:has(.sl-icon){background:#e8f1ff;color:#0d58b6}
.exam-detail .section-label .sl-icon{width:18px;height:18px}
.exam-detail .important-detail{font-weight:750;color:#0a2b58;background:linear-gradient(90deg,#fff8d8,transparent 78%);border-radius:7px;padding:5px 8px 5px 4px}
.exam-detail .important-cell{font-weight:850;background:#fff9df!important;color:#0a2b58}
.exam-detail .important-row b{color:#b52626;font-weight:950}
.exam-detail .selection-clean{grid-template-columns:repeat(2,minmax(0,1fr))}
.exam-detail .selection-clean>div{min-height:52px;border-left:4px solid #0d61c2}
.exam-detail .selection-clean>div b{line-height:1.45}
html[data-theme="dark"] .exam-detail .important-detail{color:#fff0a8;background:linear-gradient(90deg,rgba(255,196,0,.14),transparent 82%)}
html[data-theme="dark"] .exam-detail .important-cell{background:rgba(255,196,0,.10)!important;color:#fff0a8}
@media(max-width:760px){.exam-detail .selection-clean{grid-template-columns:1fr}.exam-detail .important-detail{padding-left:2px}}

/* ============================================================
   V4.2.1 — 500 fixes support + premium tools + dark readability
   ============================================================ */
html[data-theme="dark"] .action-links a,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .selection-steps>div,
html[data-theme="dark"] .responsive-data-table td,
html[data-theme="dark"] .board-grid h3,
html[data-theme="dark"] .board-grid li,
html[data-theme="dark"] .tool-workspace,
html[data-theme="dark"] .tool-side,
html[data-theme="dark"] .calc-card,
html[data-theme="dark"] .drop-zone,
html[data-theme="dark"] .image-preview,
html[data-theme="dark"] .tool-result{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .action-links a span,
html[data-theme="dark"] .action-links a b,
html[data-theme="dark"] .faq-list summary,
html[data-theme="dark"] .faq-list p,
html[data-theme="dark"] .detail-list li,
html[data-theme="dark"] .how-list li,
html[data-theme="dark"] .board-grid li b,
html[data-theme="dark"] .responsive-data-table td{
  color:var(--text)!important;
}
html[data-theme="dark"] .action-links small,
html[data-theme="dark"] .board-grid li span,
html[data-theme="dark"] .exam-side-card>div span,
html[data-theme="dark"] .tool-tip-card p,
html[data-theme="dark"] .tool-mini-title span{
  color:var(--text-soft)!important;
}
html[data-theme="dark"] .action-links a:hover{background:var(--surface-2)!important;border-color:var(--accent)!important}
html[data-theme="dark"] .info-table b{color:var(--text)!important;background:var(--surface)!important}
html[data-theme="dark"] .responsive-data-table tr:nth-child(even) td{background:var(--surface-2)!important}
html[data-theme="dark"] .safe-card b{color:#7ce1bd!important}
html[data-theme="dark"] .section-label>span{background:var(--surface-3)!important;color:var(--accent)!important}
html[data-theme="dark"] .tool-kicker{background:var(--surface-3)!important;color:var(--accent)!important}
.premium-tool .tool-head{position:relative;padding-top:54px;padding-bottom:26px}.premium-tool .tool-head:before{content:"";position:absolute;inset:24px 20px auto 20px;height:170px;border-radius:32px;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent);opacity:.9;z-index:-1}.premium-tool .tool-head h1{font-size:clamp(38px,6vw,66px);letter-spacing:-.04em;line-height:1}.premium-tool .tool-head p{max-width:760px;font-size:18px;line-height:1.65;color:var(--text-soft)}.tool-feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tool-feature-row span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 9px 24px rgba(8,35,76,.06);font-weight:850;font-size:13px}.premium-calc,.tool-workspace{position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(7,33,66,.10)!important}.premium-calc:before,.tool-workspace:before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%);pointer-events:none}.tool-mini-title{display:grid;gap:4px;margin-bottom:18px}.tool-mini-title b{font-size:22px;letter-spacing:-.02em}.tool-mini-title span{color:var(--text-soft);font-weight:700}.tool-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#0756b8,#2084ee)!important;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)!important;box-shadow:0 14px 34px rgba(13,97,194,.22)!important}.tool-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);transition:.45s}.tool-primary:hover:after{transform:translateX(120%)}.calc-icon,.drop-icon{box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(135deg,var(--surface-3),color-mix(in srgb,var(--accent) 12%,var(--surface)))!important;color:var(--accent)!important}.tool-side{box-shadow:0 20px 55px rgba(8,35,76,.09)!important}.tool-side-badge{display:inline-flex;padding:7px 10px;border-radius:99px;background:var(--surface-3);color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.tool-side button{position:relative;overflow:hidden;transition:.18s ease}.tool-side button:hover{transform:translateY(-2px);border-color:var(--accent)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.tool-tip-card{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--surface-2),var(--surface));}.tool-tip-card b{display:block;margin-bottom:5px;color:var(--accent)}.tool-tip-card p{margin:0;color:var(--text-soft);line-height:1.55}.drop-zone{transition:.18s ease}.drop-zone:hover,.drop-zone.drag{transform:translateY(-2px);border-color:var(--accent)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 14%,transparent)}.metric-result>div,.big-result{background:linear-gradient(135deg,#071a3d,#0d5fca)!important;color:#fff!important;border:0!important;box-shadow:0 16px 36px rgba(5,31,74,.18)}.metric-result span,.big-result span{color:#cfe2ff!important}.big-result b,.metric-result b{color:#fff!important}.privacy-note{background:linear-gradient(135deg,#eefbf6,#f7fffc)!important;border-color:#bee9da!important}html[data-theme="dark"] .privacy-note{background:linear-gradient(135deg,#0c2a22,#10251f)!important;border-color:#1c5848!important}
@media(max-width:700px){.premium-tool .tool-head{padding-top:32px;padding-bottom:16px}.premium-tool .tool-head:before{inset:12px 10px auto;height:140px;border-radius:22px}.premium-tool .tool-head p{font-size:15px}.tool-feature-row{gap:7px}.tool-feature-row span{font-size:11px;min-height:34px;padding:7px 10px}.tool-mini-title b{font-size:19px}}