:root{--ink:#192b29;--muted:#62736f;--green:#087e65;--green-dark:#075b4c;--mint:#d9f3e8;--bg:#f6f8f7;--line:#dce5e1;--white:#fff;--dark:#122b25;--red:#ab3434;--amber:#8c5a13;--radius:16px;--shadow:0 12px 35px #132e2610;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}*:focus-visible{outline:3px solid #19aa85}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0 0 16px}h1{font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.045em;line-height:1.12;font-weight:750}h2{font-size:1.8rem;letter-spacing:-.035em;line-height:1.25}h3{font-size:1.08rem;line-height:1.4}small,.small{font-size:.875rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:750;color:var(--green);margin-bottom:14px}.container{max-width:1232px;margin:auto;padding:0 36px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:84px;display:flex;align-items:center;gap:38px}.brand{font-size:1.28rem;font-weight:800;letter-spacing:-.05em;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand em{font-style:normal;color:var(--green)}.logo-crop{width:42px;height:44px;overflow:hidden;position:relative;background:#fff;border-radius:9px;flex-shrink:0}.logo-crop img{width:87px;max-width:none;position:absolute;left:-22px;top:-13px}.nav{display:flex;align-items:center;gap:26px;font-size:.875rem;font-weight:600;flex:1}.nav a{padding:29px 0;border-bottom:3px solid transparent}.nav a.active{color:var(--green);border-color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border-radius:9px;font-size:.875rem;font-weight:650;line-height:1.5;white-space:normal}.btn:hover{background:#edf6f1;color:var(--green);border-color:#a8d5c1}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:var(--green-dark)}.btn.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.btn.ghost{background:transparent;border-color:transparent;padding:9px}.btn.danger{color:var(--red)}.btn.sm{padding:7px 11px;font-size:.8rem}.btn.icon-only{padding:10px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.menu-toggle{display:none}.hero{padding:56px 0 35px}.hero-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:70px;align-items:center}.hero h1{max-width:630px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{font-size:1.05rem;color:var(--muted);max-width:480px;margin:22px 0 26px}.searchbox{display:flex;align-items:center;background:white;border:1px solid #cadbd3;border-radius:11px;padding:7px 7px 7px 17px;gap:12px;box-shadow:0 5px 18px #0c45380a}.searchbox input{border:0;padding:10px 0;min-width:0;flex:1;background:transparent}.searchbox input:focus{outline:0}.searchbox:focus-within{outline:2px solid var(--green)}.popular{display:flex;flex-wrap:wrap;gap:9px;font-size:.8rem;margin-top:14px;align-items:center}.popular a{color:#3f6256;border-bottom:1px solid #bad3c8}.hero-practice{background:var(--dark);border-radius:20px;color:#fff;padding:25px 28px;position:relative;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-practice .eyebrow{color:#80daba}.hero-practice h3{font-size:1.28rem}.hero-practice .option{background:#1c3930;border-color:#426056;color:#fff}.hero-practice .option:hover{background:#275243}.hero-practice .muted{color:#b1c9be}.practice-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:13px;margin-top:42px;padding:23px}.stat{padding:0 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:1.7rem;letter-spacing:-.04em;line-height:1.3}.stat span{font-size:.8rem;color:var(--muted)}.section{padding:33px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.section-head h2,.section-head h3{margin:0}.link{color:var(--green);font-size:.875rem;font-weight:650}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:23px;min-width:0}.card.clickable{transition:transform .15s,box-shadow .15s}.card.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#92cbb4}.card h3{margin:14px 0 7px}.card p{font-size:.875rem;color:var(--muted);margin-bottom:0}.card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:22px;align-items:center;font-size:.8rem;color:var(--muted)}.tile-icon{background:#e2f2ea;color:var(--green);width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.tint-1{background:#e7effb;color:#46689e}.tint-2{background:#fff1dd;color:#966526}.tint-3{background:#ece8f8;color:#756091}.tint-4{background:#e2f0f2;color:#386773}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;font-size:.75rem;padding:3px 8px;line-height:1.5;background:#f5f7f6;color:#4c6259}.badge.approved{color:#07684d;background:#e2f5eb;border-color:#bce5d2}.badge.pending{color:var(--amber);background:#fff5dd;border-color:#f0dfb4}.badge.rejected{color:var(--red);background:#fff0f0;border-color:#edcbcb}.paper-mark{font-size:1rem;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;justify-content:center;min-width:58px;height:58px;border:1px solid var(--line);border-radius:13px;background:#f7faf8;color:var(--green)}.paper-row{display:flex;align-items:center;gap:15px}.paper-row h3{margin:0 0 4px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px}.question-list{display:flex;flex-direction:column;gap:14px}.question-row{display:flex;align-items:flex-start;gap:17px}.question-row .number{font-size:.8rem;padding:4px 8px;border-radius:6px;background:#eff4f1;color:var(--green);margin-top:2px}.question-row h3{margin:0 0 7px;font-size:1rem}.question-row .grow{flex:1}.prep-card{background:var(--dark);color:white;padding:30px}.prep-card p{color:#b7d0c4}.prep-card h2{font-size:1.6rem;margin-top:24px}.prep-card .btn{margin-top:24px}.cta{padding:40px;background:#e1f2e9;border:1px solid #c6e3d3;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin:22px 0 50px}.cta h2{margin-bottom:8px}.cta p{margin:0;color:#476457}.footer{background:#fff;border-top:1px solid var(--line);padding:40px 0 24px;font-size:.875rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer-grid p{max-width:280px;margin-top:18px;color:var(--muted)}.footer-grid strong{display:block;margin:10px 0 16px}.footer-grid a:not(.brand){display:block;color:var(--muted);margin-bottom:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem}.page{padding-top:28px;padding-bottom:55px;min-height:65vh}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--muted);margin:0 0 26px}.breadcrumbs a{color:var(--green)}.page-heading{margin-bottom:28px}.page-heading h1{font-size:2.5rem;margin-bottom:12px}.page-heading p{color:var(--muted);max-width:700px}.toolbar{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar .searchbox{flex:1;min-width:180px;box-shadow:none}.toolbar select{max-width:210px}.control,input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #cbdad2;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);max-width:100%}.searchbox input{border:0!important;padding:8px 0!important}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.field>label,.field>span{font-size:.875rem;font-weight:650}.field small{font-size:.75rem;color:var(--muted)}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.full{grid-column:1/-1}.empty{padding:46px 24px;text-align:center;background:#fff;border:1px dashed #bdcfc4;border-radius:14px}.empty h3{margin:12px 0 8px}.empty p{color:var(--muted);max-width:420px;margin:0 auto 20px}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:28px;flex-wrap:wrap}.pagination .current{background:var(--green);color:white}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:13px}.tabs a,.tabs button{border:0;background:transparent;padding:8px 13px;border-radius:7px;font-size:.875rem;color:var(--muted)}.tabs .active{background:#dfefe6;color:var(--green);font-weight:650}.mcq-card{padding:28px;margin-bottom:20px}.mcq-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.mcq-card h2{font-size:1.35rem;line-height:1.5;letter-spacing:-.02em}.options{display:grid;gap:10px;margin:22px 0}.option{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid var(--line);padding:13px 16px;border-radius:9px;background:#fff;color:var(--ink);font-size:.95rem}.option .letter{border:1px solid #cddbd3;border-radius:6px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}.option.selected{border-color:var(--green);background:#eef8f2;box-shadow:inset 0 0 0 1px var(--green)}.option.correct{border-color:#17825c!important;background:#def4e7!important;color:#075a3e!important}.option.wrong{border-color:#c35555!important;background:#fff0f0!important;color:#962d2d!important}.explanation{padding:18px;background:#eff8f3;border-left:3px solid var(--green);border-radius:6px;margin:18px 0}.explanation p{margin:8px 0 0;font-size:.9rem}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.metadata{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 0}.metadata a{font-size:.75rem;background:#f1f5f2;padding:4px 9px;border-radius:5px;color:#446352}.notice{background:#e9f3fc;border:1px solid #c6daeb;border-radius:10px;padding:14px 17px;font-size:.875rem;margin-bottom:22px;color:#32536a}.notice.warning{background:#fff7e6;border-color:#eddfba;color:#775321}.notice.error{background:#fff1f1;border-color:#e3bcbc;color:#983333}.notice.success{background:#e7f6ed;border-color:#b7dec7;color:#1d6546}.auth-layout{max-width:950px;margin:38px auto;display:grid;grid-template-columns:1fr 1.12fr;box-shadow:var(--shadow);border-radius:20px;overflow:hidden;border:1px solid var(--line)}.auth-story{background:var(--dark);color:white;padding:48px 36px;display:flex;flex-direction:column;justify-content:center}.auth-story .eyebrow{color:#8bddba}.auth-story h2{font-size:2.7rem;line-height:1.14}.auth-story p{color:#c0d6cb}.auth-form{background:white;padding:36px}.auth-form h1{font-size:1.9rem}.auth-form .btn.primary{width:100%}.text-center{text-align:center}.progress-track{height:9px;background:#e5ece8;border-radius:20px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric strong{display:block;font-size:2rem;letter-spacing:-.04em;margin:9px 0}.metric p{font-size:.8rem;color:var(--muted);margin:0}.dash-layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#c4d4cc;padding:26px 18px;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}.sidebar .brand{color:white;margin-bottom:26px;font-size:1.15rem}.sidebar em{color:#65d3aa}.sidebar .logo-crop{width:35px;height:38px}.sidebar .logo-crop img{width:77px;left:-21px;top:-12px}.sidebar a.item{display:flex;gap:12px;align-items:center;padding:10px 14px;font-size:.875rem;border-radius:8px;margin:3px 0}.sidebar a.item.active{background:#1c5e48;color:#d5fae9}.sidebar a.item:hover{background:#214336;color:white}.nav-label{text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;color:#94b2a2;margin:22px 14px 9px}.dash-main{min-width:0}.dash-top{height:79px;padding:18px 34px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.dash-content{padding:32px;max-width:1450px;margin:auto}.dash-content .page-heading h1{font-size:2rem}.avatar{background:#e1eee7;color:#347156;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;background:#f3f6f4;color:#64756b;font-size:.75rem;font-weight:650}td,th{padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:middle}td:first-child{max-width:370px}td strong{font-weight:600}tr:last-child td{border:0}.table-actions{display:flex;gap:4px}.table-actions button{white-space:nowrap}.table-wrap input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.sort-btn{border:0;padding:0;background:transparent;font:inherit;color:inherit}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.activity{list-style:none;padding:0;margin:0}.activity li{padding:15px 0;border-bottom:1px solid var(--line);font-size:.875rem}.activity small{display:block;color:var(--muted);margin-top:4px}.bar-row{margin:18px 0;font-size:.8rem}.bar-row .row{display:flex;justify-content:space-between;margin-bottom:8px;gap:15px}.dropzone{border:2px dashed #b2cfc0;background:#f4faf6;border-radius:15px;padding:35px;text-align:center;margin:20px 0}.dropzone.dragover{background:#dff2e5;border-color:var(--green)}.dropzone h3{margin:12px 0}.dropzone input{max-width:100%}.steps{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;margin:22px 0}.step{background:#eef2f0;padding:7px 12px;border-radius:6px;color:#607268}.step.done{background:#dcefe4;color:var(--green)}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip{display:inline-flex;align-items:center;gap:8px;background:#e6f2eb;padding:5px 9px;font-size:.8rem;border-radius:6px;cursor:grab}.chip button{background:transparent;border:0;color:#49695a}.picker{position:relative}.picker-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);z-index:12;max-height:230px;overflow:auto;padding:6px}.picker-results button{display:block;width:100%;text-align:left;border:0;background:white;padding:9px;font-size:.85rem;border-radius:5px}.picker-results button:hover,.picker-results button:focus{background:#e8f3ed}.picker input{width:100%}.dialog-content{padding:28px}.dialog-head{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0;font-size:1.5rem}dialog{padding:0;border:1px solid var(--line);border-radius:16px;max-width:620px;width:calc(100% - 28px);box-shadow:0 25px 80px #0003;color:var(--ink)}dialog::backdrop{background:#10251dad;backdrop-filter:blur(3px)}#toast{position:fixed;right:24px;bottom:25px;z-index:100;background:var(--dark);color:white;max-width:420px;padding:15px 22px;border-radius:12px;box-shadow:var(--shadow);display:none;font-size:.875rem}#toast.show{display:block}.article{max-width:800px;margin:auto;background:white;border:1px solid var(--line);border-radius:18px;padding:40px}.article h2{margin:30px 0 15px;font-size:1.4rem}.article p,.article li{color:#4e6258}.article h1{font-size:2.5rem}.bottom-nav{display:none}.skip{position:fixed;left:20px;top:-60px;background:white;padding:10px;z-index:100}.skip:focus{top:5px}.hidden{display:none!important}.check-line{display:flex;align-items:center;gap:10px;font-size:.875rem;margin:12px 0}.check-line input{accent-color:var(--green)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-grid .card{padding:16px}.status-grid strong{font-size:1.5rem;display:block}.profile-band{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-band .avatar{width:65px;height:65px;font-size:1.3rem}.profile-band h2{margin-bottom:3px}.callout-number{font-size:3rem;line-height:1.1;font-weight:750;letter-spacing:-.05em;color:var(--green)}.skeleton{background:linear-gradient(90deg,#eef2ef,#fff,#eef2ef);background-size:200% 100%;animation:pulse 1s infinite;height:110px;border-radius:12px}@keyframes pulse{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1450px){.hero{padding-top:66px}}@media(max-width:1100px){.nav{gap:16px}.header-inner{gap:22px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:35px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-layout{grid-template-columns:215px minmax(0,1fr)}.dash-content{padding:24px}.split{grid-template-columns:1fr}.two-col{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:850px){.header-inner{height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px 24px}.nav.open{display:flex;flex-wrap:wrap}.nav a{padding:10px}.menu-toggle{display:inline-flex}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-practice{padding:20px}.hero h1{font-size:2.6rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.dash-layout{display:block}.sidebar{display:none;position:fixed;width:260px;left:0;top:0}.sidebar.open{display:block;box-shadow:200px 0 0 200px #10271c80}.dash-top .menu-toggle{display:inline-flex}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.stat{padding:0 14px}.auth-story{padding:30px}.auth-form{padding:28px}}@media(max-width:600px){.container{padding:0 20px}.header-inner{gap:10px}.brand{font-size:1.12rem}.header-actions .login-link{display:none}.header-actions .btn{padding:9px 12px}.hero{padding-top:33px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.75rem}.hero-copy{font-size:1rem;margin:19px 0}.hero-practice{transform:none;margin-top:9px}.stats-row{grid-template-columns:1fr 1fr;padding:8px;margin-top:26px}.stat{padding:13px 15px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat strong{font-size:1.6rem}.section{padding:24px 0}.section-head h2{font-size:1.45rem}.section-head{gap:12px}.section-head .link{font-size:.8rem}.grid,.grid.four{grid-template-columns:1fr 1fr;gap:11px}.card{padding:17px}.card h3{font-size:1rem}.card p{font-size:.8rem}.card-foot{margin-top:16px}.paper-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.footer{padding-bottom:90px}.cta{padding:25px;align-items:flex-start;flex-direction:column;margin-bottom:30px;gap:20px}.cta h2{font-size:1.6rem}.bottom-nav{position:fixed;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;width:100%;padding:10px 0 max(9px,env(safe-area-inset-bottom));z-index:25}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:.65rem;color:var(--muted)}.bottom-nav a.active{color:var(--green)}.bottom-nav .icon{width:20px;height:20px}.page-heading h1{font-size:2rem}.page{padding-top:22px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.auth-layout{grid-template-columns:1fr;margin:22px 0}.auth-story{padding:26px}.auth-story h2{font-size:2rem}.auth-story p{margin:0}.auth-story .eyebrow{margin-bottom:10px}.auth-form{padding:25px}.mcq-card{padding:20px}.mcq-card h2{font-size:1.13rem}.option{padding:11px}.mcq-top{align-items:flex-start}.metric-grid{gap:10px}.metric strong{font-size:1.7rem}.metric p{font-size:.75rem}.dash-top{padding:14px 20px;gap:10px}.dash-top .muted{font-size:.75rem}.dash-content{padding:22px 16px}.dash-content .page-heading h1{font-size:1.8rem}.dash-content .toolbar{gap:8px}.dash-content .toolbar .searchbox{flex-basis:100%}.status-grid{grid-template-columns:repeat(2,1fr)}.table-wrap.mobile-cards{border:0;background:transparent;overflow:visible}.mobile-cards table,.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block;width:100%}.mobile-cards thead{display:none}.mobile-cards tr{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.mobile-cards td{max-width:none!important;border:0;padding:6px 4px}.mobile-cards td[data-label]:before{content:attr(data-label) ': ';font-size:.75rem;color:var(--muted);margin-right:5px}.mobile-cards td:first-child{padding-top:0}.table-actions{flex-wrap:wrap}.article{padding:24px}.article h1{font-size:2rem}.toolbar select{max-width:100%;flex:1}.toolbar input{min-width:0}.dropzone{padding:24px 12px}#toast{left:16px;right:16px;bottom:80px}.hero-practice .option{font-size:.875rem}.hero-practice h3{font-size:1.15rem}.question-row{gap:10px}.question-row .btn{padding:5px}.page-heading .actions{margin-top:15px}}@media(max-width:360px){.grid,.grid.four{grid-template-columns:1fr}.header-actions>.btn.primary{display:none}.hero h1{font-size:2.3rem}}

.option{justify-content:flex-start}.searchbox input{width:100%}.hero-practice .option{font-weight:500}

.mobile-menu-auth{display:none}@media(max-width:600px){.header-actions .btn.primary{display:none}.nav.open .mobile-menu-auth{display:block}.header-actions{gap:3px}.header-inner{justify-content:space-between}}

/* Targeted September 2026 workflow improvements */
.home-content-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:28px;align-items:start}.home-mcq-list{display:grid;gap:18px}.home-category-nav{position:sticky;top:96px}.home-category-nav .section-head{margin-bottom:10px}.home-cat-group{padding:14px 0;border-bottom:1px solid var(--line)}.home-cat-group:last-of-type{border-bottom:0}.home-cat-title>a{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.home-sub-link{display:block;color:var(--muted);font-size:.83rem;padding:5px 0 2px 28px}.home-sub-link:hover{color:var(--green)}.entity-emoji{font-size:1.05em;line-height:1}.tile-icon .entity-emoji{font-size:1.35rem}.result-meta{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #b9d9c7;font-size:.82rem}.review-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.review-record>div{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fafcfb}.review-record span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.review-record strong{font-size:.88rem;overflow-wrap:anywhere}.change-panel{border:1px solid #e2c36e;background:#fffaf0;border-radius:12px;padding:16px;margin-bottom:18px}.change-panel h3{margin:0 0 12px}.change-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #eddfb6}.change-row:first-of-type{border-top:0}.change-before,.change-after{border-radius:8px;padding:9px;font-size:.82rem;overflow-wrap:anywhere}.change-before{background:#fff0f0}.change-after{background:#eaf7ef}.change-before span,.change-after span{display:block;font-size:.68rem;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:3px}.review-actions{position:sticky;bottom:0;background:#fff;padding-top:12px;border-top:1px solid var(--line)}.sidebar{overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar .item.active{scroll-margin:72px}.badge.warning{background:#fff2cb;color:#765400}.badge.danger{background:#fde7e7;color:#9d2d2d}.badge.success{background:#e2f4e9;color:#1c6846}
@media(max-width:850px){.home-content-grid{grid-template-columns:1fr}.home-category-nav{position:static}.change-row{grid-template-columns:1fr}.change-row>strong{margin-bottom:-4px}.review-record{grid-template-columns:1fr}}

/* September 2026 compact visual pass */
.container{max-width:1180px;padding-left:30px;padding-right:30px}
.header-inner{height:76px}
.nav a{padding:25px 0}
.hero{padding:44px 0 28px}
.hero-grid{gap:52px}
.hero h1{font-size:clamp(2rem,3.6vw,3.25rem)}
.hero-copy{margin:18px 0 22px}
.section{padding:27px 0}
.card{padding:19px;border-radius:14px}
.btn{padding:9px 15px}

/* Homepage data summary: compact, visual and easy to scan */
.home-stats{gap:10px;border:0;background:transparent;padding:0;margin-top:30px}
.home-stats .stat{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 15px;display:flex;align-items:center;gap:12px;min-width:0}
.home-stats .stat:last-child{border-right:1px solid var(--line)}
.home-stats .stat-icon{width:36px;height:36px;border-radius:10px;background:#e6f3ed;color:var(--green);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.home-stats .stat-icon .icon{width:18px;height:18px}
.home-stats .stat strong{font-size:1.45rem;line-height:1.1;margin-bottom:3px}
.home-stats .stat span:not(.stat-icon){font-size:.75rem}

/* Explore Categories: each category is a clear contained box */
.home-category-nav{padding:18px;top:88px}
.home-category-nav .section-head{margin-bottom:14px}
.home-cat-boxes{display:grid;gap:9px}
.home-cat-group{padding:0;border:0;background:#fbfcfb;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.home-cat-title>a{padding:10px 11px;font-size:.88rem;gap:9px}
.home-cat-title>a>.icon:last-child{margin-left:auto;width:15px;height:15px;color:#8a9b94}
.home-cat-icon{width:31px;height:31px;border-radius:9px;background:#e4f2eb;color:var(--green);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1rem}
.home-cat-icon .icon{width:17px;height:17px}
.home-sub-list{padding:0 11px 9px 51px}
.home-sub-link{padding:3px 0;font-size:.78rem;line-height:1.35}
.home-cat-more{width:100%;margin-top:12px}

/* MCQ cards: less oversized while keeping options easy to tap */
.home-mcq-list{gap:13px}
.mcq-card{padding:19px;margin-bottom:14px}
.mcq-top{margin-bottom:14px}
.mcq-card h2{font-size:1.16rem;line-height:1.42;margin-bottom:12px}
.mcq-card .options{gap:7px;margin:13px 0}
.mcq-card .option{padding:9px 11px;border-radius:8px;font-size:.88rem;gap:10px;min-height:42px}
.mcq-card .option .letter{min-width:25px;height:25px;font-size:.72rem}
.mcq-card .actions{margin-top:8px}
.explanation{margin-top:12px;padding:13px}
.result-meta{margin-top:10px;padding-top:9px}

/* Super-admin recovery area */
.trash-note{font-size:.8rem;color:var(--muted)}

@media(max-width:850px){
    .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-stats .stat:nth-child(n){border:1px solid var(--line)}
}
@media(max-width:600px){
  .container{padding-left:18px;padding-right:18px}
  .hero{padding-top:27px}
  .hero h1{font-size:2.35rem}
  .home-stats{margin-top:22px;gap:8px}
  .home-stats .stat{padding:11px}
  .home-stats .stat-icon{width:32px;height:32px}
  .home-stats .stat strong{font-size:1.25rem}
  .card{padding:15px}
  .mcq-card{padding:15px}
  .mcq-card h2{font-size:1.05rem}
  .mcq-card .option{padding:8px 9px;min-height:40px}
  .home-category-nav{padding:14px}
}


/* September 2026 account, icon and answer-density pass */
.mcq-card .option:disabled{opacity:1!important;color:var(--ink);filter:none}
.mcq-card .option.correct:disabled{color:#064b36!important}
.mcq-card .option.wrong:disabled{color:#7f2424!important}
.mcq-card .option:disabled .letter,.mcq-card .option:disabled span{opacity:1!important}
.explanation{padding:9px 11px!important;margin:9px 0!important;font-size:.84rem;line-height:1.45}
.explanation p{font-size:.82rem!important;margin:5px 0 0!important;line-height:1.45}
.explanation .result-meta{font-size:.75rem;margin-top:7px;padding-top:7px;gap:5px 12px}
.history-attempt-note{font-size:.78rem;color:var(--muted);margin:3px 0 6px;padding-left:2px}
.entity-icon-img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.paper-mark .entity-icon-img{width:36px;height:36px;margin:auto}
.icon-editor{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);padding:12px;border-radius:10px;background:#fafcfb}
.icon-preview{width:58px;height:58px;flex:0 0 58px;border:1px solid var(--line);border-radius:12px;background:white;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;overflow:hidden;color:var(--green)}
.icon-preview .entity-emoji{font-size:1.3rem;max-width:100%;overflow:hidden}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.user-menu{position:relative}
.user-menu summary{list-style:none}.user-menu summary::-webkit-details-marker{display:none}
.header-user-avatar{width:38px;height:38px;border-radius:50%;border:1px solid #bfd4ca;background:#e8f3ee;color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:750;font-size:.78rem;cursor:pointer;overflow:hidden}
.header-user-avatar img{width:100%;height:100%;object-fit:cover}
.user-menu-panel{position:absolute;right:0;top:48px;width:225px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 45px #132e2624;padding:7px;z-index:80}
.user-menu-head{padding:9px 10px;border-bottom:1px solid var(--line);margin-bottom:5px}.user-menu-head strong,.user-menu-head span{display:block;overflow:hidden;text-overflow:ellipsis}.user-menu-head span{font-size:.72rem;color:var(--muted);margin-top:2px}
.user-menu-item{width:100%;display:flex!important;align-items:center;justify-content:flex-start!important;gap:9px;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--ink)!important;font-size:.82rem!important;font-weight:550!important;text-align:left;text-decoration:none}
.user-menu-item:hover{background:#edf6f1!important;color:var(--green)!important}.user-menu-button{cursor:pointer}
.profile-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}
.profile-photo-row{display:flex;align-items:center;gap:16px;margin:16px 0 22px}.profile-photo{width:74px;height:74px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.profile-photo-fallback{display:flex;align-items:center;justify-content:center;background:#e5f1eb;color:var(--green-dark);font-weight:800;font-size:1.15rem}
@media(max-width:850px){.profile-settings-grid{grid-template-columns:1fr}.user-menu-panel{right:-6px}}
@media(max-width:600px){.header-user-avatar{width:34px;height:34px}.user-menu-panel{position:fixed;right:12px;top:67px;width:min(250px,calc(100vw - 24px))}.explanation{padding:8px 9px!important}.icon-editor{gap:10px}.icon-preview{width:50px;height:50px;flex-basis:50px}}

.admin-icon-cell{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fafcfb;color:var(--green)}.admin-icon-cell .entity-emoji{font-size:1rem}.admin-icon-cell .entity-icon-img{width:30px;height:30px}


/* September 2026 refinement: FAQ rotator, simplified learner dashboard and denser management UI */
.hero-faq{background:var(--dark);border-radius:16px;color:#fff;padding:20px 22px;box-shadow:var(--shadow);min-height:235px;display:flex;flex-direction:column;justify-content:space-between}
.hero-faq .eyebrow{color:#80daba;margin:0}.faq-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.faq-count{color:#b6cec3}.faq-rotator{position:relative;min-height:125px}.faq-slide{display:none;animation:faqFade .25s ease}.faq-slide.active{display:block}.faq-question-row{display:flex;gap:11px;align-items:flex-start}.faq-number{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;border:1px solid #436258;border-radius:8px;color:#83d9bb;font-size:.72rem;font-weight:750}.hero-faq h3{font-size:1.15rem;line-height:1.35;margin:2px 0 11px}.hero-faq p{color:#b8cec5;font-size:.86rem;line-height:1.55;margin:0 0 8px}.faq-dots{display:flex;gap:7px;margin-top:16px}.faq-dot{width:24px;height:4px;padding:0;border:0;border-radius:99px;background:#49655c;cursor:pointer}.faq-dot.active{background:#7fe0bc}.faq-dot:focus-visible{outline:2px solid #fff}@keyframes faqFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Answer result: small, readable and neutral; correctness remains visible on the option itself */
.explanation{border-radius:8px!important;padding:7px 10px!important;margin:7px 0!important}.explanation strong{font-size:.8rem}.explanation p{font-size:.78rem!important;line-height:1.4!important;margin:4px 0 0!important}.explanation .result-meta{font-size:.7rem;margin-top:6px;padding-top:6px}

/* Learner dashboard: remove repeated saved/history/recent panels and keep one clear progress view */
.learner-dashboard{max-width:1100px}.compact-profile-band{margin-bottom:16px}.compact-profile-band .profile-photo,.compact-profile-band .avatar{width:52px;height:52px}.compact-profile-band h2{font-size:1.45rem}.compact-profile-band .eyebrow{margin-bottom:4px}.learner-tabs{margin-bottom:16px}.learner-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:0!important;overflow:hidden;margin-bottom:16px}.learner-summary-item{padding:15px 18px;border-right:1px solid var(--line)}.learner-summary-item:last-child{border-right:0}.learner-summary-item span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:3px}.learner-summary-item strong{font-size:1.45rem;line-height:1.15}.learner-summary-item small{font-size:.72rem;color:var(--muted);font-weight:550}.learner-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start}.learner-progress .section-head{margin-bottom:14px}.learner-progress h3{margin-top:20px}.learner-next .tile-icon{width:38px;height:38px}.learner-next>strong{font-size:1.7rem;color:var(--green);display:inline-block;margin-top:16px}.learner-next .card-foot{align-items:flex-start;flex-direction:column;gap:5px;margin-top:14px}

/* Overall density: especially admin / super-admin */
.dash-layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:18px 12px}.sidebar .brand{margin-bottom:18px;font-size:1.02rem}.sidebar a.item{padding:7px 10px;font-size:.78rem;margin:2px 0;gap:9px}.sidebar a.item .icon{width:16px;height:16px}.nav-label{margin:15px 10px 6px;font-size:.59rem}.dash-top{height:62px;padding:11px 22px}.dash-content{padding:20px 22px;max-width:1320px}.dash-content .page-heading{margin-bottom:14px}.dash-content .page-heading h1{font-size:1.65rem;margin-bottom:6px}.dash-content .card{padding:15px}.dash-content .metric-grid{gap:10px;margin-bottom:16px}.dash-content .metric strong{font-size:1.55rem;margin:5px 0}.dash-content .metric p{font-size:.72rem}.dash-content .split{gap:15px}.dash-content .section-head{margin-bottom:16px}.dash-content .toolbar{margin-bottom:14px;gap:8px}.dash-content .field{margin-bottom:13px;gap:5px}.dash-content input:not([type=checkbox]):not([type=radio]),.dash-content textarea,.dash-content select{padding:8px 10px}.dash-content textarea{min-height:88px}.dash-content table{font-size:.78rem}.dash-content th{font-size:.68rem}.dash-content td,.dash-content th{padding:8px 9px}.dash-content .table-wrap{border-radius:9px}.dash-content .btn{padding:7px 11px;font-size:.77rem}.dash-content .btn.sm{padding:4px 7px;font-size:.69rem}.dash-content .dropzone{padding:23px}.review-record{gap:7px}.review-record>div{padding:8px}.change-panel{padding:12px}.change-row{padding:7px 0}.status-grid{gap:8px}.status-grid .card{padding:12px}.status-grid strong{font-size:1.25rem}

@media(max-width:1100px){.dash-layout{grid-template-columns:190px minmax(0,1fr)}.learner-main-grid{grid-template-columns:1fr 230px}}
@media(max-width:850px){.learner-main-grid{grid-template-columns:1fr}.hero-faq{min-height:210px}.faq-rotator{min-height:105px}}
@media(max-width:600px){.hero-faq{padding:17px 18px;min-height:200px}.hero-faq h3{font-size:1.05rem}.learner-summary{grid-template-columns:1fr}.learner-summary-item{border-right:0;border-bottom:1px solid var(--line);padding:11px 14px}.learner-summary-item:last-child{border-bottom:0}.dash-content{padding:16px 13px}.dash-top{height:56px;padding:9px 14px}}

.admin-primary-metrics .tile-icon{width:34px;height:34px;border-radius:9px}.admin-primary-metrics .tile-icon .icon{width:16px;height:16px}.collection-summary{margin-bottom:16px}.collection-summary .section-head{margin-bottom:10px}.collection-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}.collection-summary-grid>div{padding:10px 12px 2px;border-right:1px solid var(--line)}.collection-summary-grid>div:last-child{border-right:0}.collection-summary-grid strong,.collection-summary-grid span{display:block}.collection-summary-grid strong{font-size:1.18rem;line-height:1.15}.collection-summary-grid span{font-size:.68rem;color:var(--muted);margin-top:3px}.admin-overview-main{margin-bottom:16px}.admin-overview-bottom{margin-top:0}.overview-subhead{margin-top:20px!important}@media(max-width:1100px){.collection-summary-grid{grid-template-columns:repeat(3,1fr)}.collection-summary-grid>div:nth-child(3){border-right:0}.collection-summary-grid>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media(max-width:600px){.collection-summary-grid{grid-template-columns:repeat(2,1fr)}.collection-summary-grid>div:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-summary-grid>div:nth-child(even){border-right:0}.collection-summary-grid>div:nth-last-child(-n+2){border-bottom:0}}
/* 2026-09-19 refinement: compact quick MCQs and clear next control */
.mcq-card-compact{padding:18px}.mcq-card-compact h2{font-size:clamp(1rem,1.4vw,1.18rem);margin:10px 0 14px}.mcq-card-compact .options{gap:8px}.mcq-card-compact .option{min-height:42px;padding:9px 11px}.mcq-top-actions{display:flex;align-items:center;gap:5px}.quick-next{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.quick-next svg{width:15px;height:15px}

/* Home hero quick MCQs: four-question carousel beside search */
.hero-quick{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 17px;box-shadow:var(--shadow);min-height:280px}
.quick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.quick-head>div{display:flex;align-items:center;gap:9px}.quick-head .eyebrow{margin:0}.quick-head strong{font-size:.7rem;color:var(--muted)}
.hero-quick h3{font-size:1rem;line-height:1.38;margin:7px 0 12px;color:var(--ink)}
.quick-options{display:grid;gap:6px}.quick-option{width:100%;justify-content:flex-start!important;text-align:left;min-height:36px;padding:7px 9px!important;border:1px solid var(--line)!important;background:#fbfcfb!important;color:var(--ink)!important;border-radius:8px!important;font-size:.76rem!important;opacity:1!important}.quick-option:disabled{opacity:1!important}.quick-option .letter{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:#eef4f1;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;margin-right:7px}.quick-option.correct{border-color:#5ea87f!important;background:#eaf7ef!important}.quick-option.wrong{border-color:#cf8585!important;background:#fff1f1!important}.quick-option.selected{border-color:var(--green)!important;background:#eef8f3!important}
.quick-next-control{width:31px;height:31px;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:1.35rem!important;line-height:1;background:var(--dark)!important;color:#fff!important;border:0!important}.quick-next-control:hover{transform:translateX(1px)}
.quick-answer{margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}.quick-answer strong{color:var(--ink)}.quick-dots{display:flex;gap:5px;margin-top:10px}.quick-dot{width:18px;height:4px;padding:0;border:0;border-radius:99px;background:#d8e2dd;cursor:pointer}.quick-dot.active{background:var(--green)}
@media(max-width:850px){.hero-quick{min-height:0}.hero-grid{grid-template-columns:1fr!important}}

/* Make Super Admin destructive actions unmistakable on every managed entity. */
.table-actions .btn.danger,.entity-editor .btn.danger{font-weight:700}

/* Frontend finalization: public papers show 10 MCQs per page; Super Admin can choose large review page sizes. */
.admin-page-size{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.82rem;color:var(--muted)}
.admin-page-size select{min-width:92px;padding:8px 30px 8px 10px}
@media(max-width:760px){.admin-page-size{width:100%;justify-content:flex-start}.admin-page-size select{flex:0 0 110px}}

/* Keep complete relationships separate from explanation content. */
.mcq-relations{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}
.mcq-relations h3{font-size:14px;margin-bottom:12px}
.mcq-relation-group{margin-bottom:10px}
.mcq-relation-group>strong{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.mcq-relations .chips{gap:6px;margin:0}
.mcq-relations .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-decoration:none}

/* Answer-only job year metadata */
.mcq-answer-years{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:.78rem;line-height:1.35;color:var(--muted)}
.mcq-answer-years>span{font-weight:700;color:inherit}
.mcq-answer-years .chips{display:flex;gap:6px;flex-wrap:wrap}
.mcq-answer-years .chip{padding:3px 8px;font-size:.72rem;line-height:1.2}

/* 2026-09-19: keep paper/job cards aligned even when names have different lengths. */
.paper-grid{align-items:stretch}
.paper-grid>.card.clickable{display:flex;flex-direction:column;height:100%}
.paper-grid>.card.clickable .paper-row{min-height:58px;align-items:center}
.paper-grid>.card.clickable h3{margin:14px 0 7px;line-height:1.4;min-height:2.8em;display:flex;align-items:flex-start}
.paper-grid>.card.clickable .card-foot{margin-top:auto;padding-top:14px}
@media(max-width:600px){.paper-grid>.card.clickable h3{min-height:0}}

/* 2026-09-19: Job-year metadata alignment, including one or two long job-year links. */
.mcq-answer-years{display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:start!important;column-gap:8px;row-gap:5px;width:100%}
.mcq-answer-years>span{padding-top:3px;white-space:nowrap}
.mcq-answer-years .chips{min-width:0;align-items:flex-start;margin:0}
.mcq-answer-years .chip{display:inline-flex;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:520px){.mcq-answer-years{grid-template-columns:1fr}.mcq-answer-years>span{padding-top:0}.mcq-answer-years .chips{width:100%}}

/* Public/admin posts */
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.post-card{display:flex;flex-direction:column;min-height:190px}.post-card h2,.post-card h3{line-height:1.35}.post-card .card-foot{margin-top:auto}
.post-article{max-width:850px}.post-lead{font-size:1.08rem;color:var(--muted)}.post-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.post-links h3{width:100%}.post-practice-cta{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.post-grid{grid-template-columns:1fr}}


/* 2026-09-19 full audit improvements: discovery, grouped search, SEO detail and quality UI */
.discovery-grid,.sitemap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.discovery-link{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.discovery-link:last-child{border-bottom:0}.search-groups{display:grid;gap:20px;margin:20px 0 28px}.related-box{margin-top:20px}.related-box .question-row{box-shadow:none;border-color:var(--line)}.error-page{max-width:760px;margin:70px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:48px}.error-page .actions{justify-content:center;margin-top:22px}.quality-score{display:flex;align-items:baseline;gap:9px;margin:10px 0 12px}.quality-score strong{font-size:1.8rem;color:var(--green)}.quality-score span{font-size:.78rem;color:var(--muted)}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:.78rem}.quality-list .ok{color:#1c6b4b}.quality-list .missing{color:var(--muted)}
@media(max-width:900px){.discovery-grid,.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.discovery-grid,.sitemap-grid{grid-template-columns:1fr}.quality-list{grid-template-columns:1fr}.error-page{margin:25px auto;padding:28px 20px}}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.permission-grid .check-line{margin:6px 0}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}}


/* Learner dashboard upgrade — 2026-09-21 */
.learner-dashboard-shell{max-width:1320px}
.learner-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.learner-side{padding:12px;position:sticky;top:76px}
.learner-side-head{padding:8px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.learner-side-head strong,.learner-side-head span{display:block}
.learner-side nav{display:grid;gap:3px}
.learner-side nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:.79rem;font-weight:600}
.learner-side nav a:hover,.learner-side nav a.active{background:#edf6f1;color:var(--green-dark)}
.learner-side nav a .icon{width:16px;height:16px;flex:0 0 16px}
.learner-content{min-width:0}
.learner-mobile-head{display:none;margin-bottom:10px}
.learner-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.learner-metrics .metric{padding:13px}
.learner-metrics .metric span{display:block;color:var(--muted);font-size:.68rem;margin-bottom:5px}
.learner-metrics .metric strong{font-size:1.35rem}
.learner-continue{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.learner-continue h2{margin:3px 0 6px;font-size:1.15rem;max-width:760px}
.learner-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.learner-home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px}
.learner-home-grid>.card{min-width:0}
.weak-row,.learner-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.weak-row:last-child,.learner-list-row:last-child{border-bottom:0}
.weak-row strong{color:var(--green-dark)}
.learner-activity-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.learner-activity-row:last-child{border-bottom:0}
.learner-activity-row>div{min-width:0}
.learner-activity-row strong,.learner-activity-row span{display:block}
.learner-activity-row strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.learner-activity-row span{font-size:.7rem;color:var(--muted);margin-top:2px}
.status-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 8px;background:#9aa7a2}
.status-dot.ok{background:#3f936d}.status-dot.bad{background:#c66d6d}
.learner-content>.page-heading{margin-bottom:14px}
.learner-content .table-wrap{overflow:auto}
.learner-content table{min-width:680px}
@media(max-width:1100px){
 .learner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .learner-shell{grid-template-columns:205px minmax(0,1fr)}
}
@media(max-width:850px){
 .learner-mobile-head{display:block}
 .learner-shell{display:block}
 .learner-side{display:none;position:static;margin-bottom:12px}
 .learner-side.open{display:block}
 .learner-home-grid{grid-template-columns:1fr}
 .learner-continue{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .learner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .learner-metrics .metric{padding:11px}
 .learner-quick-actions .btn{flex:1 1 calc(50% - 8px);text-align:center}
}


/* 2026-09-21 professional footer refresh */
.footer-grid-professional{grid-template-columns:minmax(250px,1.8fr) repeat(4,minmax(125px,1fr));gap:30px}
.footer-brand-block p{max-width:340px;line-height:1.65}
.footer-column strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}
.footer-social{display:flex;align-items:center;gap:8px;margin-top:18px}
.footer-social a{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;color:var(--muted);background:#fafcfb}
.footer-social a:hover{color:var(--green);border-color:#9dcdb9;background:#edf6f1}
.footer-social .icon{width:17px;height:17px}
.footer-bottom{align-items:center;flex-wrap:wrap}
.footer-bottom-note{flex:1;text-align:center}
.footer-bottom-links{display:flex;gap:14px}
.footer-bottom-links a{color:var(--muted)}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fbfcfb}
.faq-list summary{cursor:pointer;font-weight:700;color:var(--ink)}
.faq-list details p{margin:10px 0 2px}
.policy-updated{font-size:.8rem;color:var(--muted);margin-bottom:20px!important}
@media(max-width:1100px){.footer-grid-professional{grid-template-columns:1.7fr repeat(2,1fr)}.footer-grid-professional>div:nth-child(4),.footer-grid-professional>div:nth-child(5){grid-column:auto}}
@media(max-width:760px){.footer-grid-professional{grid-template-columns:1fr 1fr}.footer-grid-professional>.footer-brand-block{grid-column:1/-1}.footer-bottom-note{text-align:left;flex-basis:100%;order:3}}
@media(max-width:520px){.footer-grid-professional{grid-template-columns:1fr 1fr;gap:22px 18px}.footer-column strong{margin-bottom:12px}.footer-grid a:not(.brand){margin-bottom:9px}.footer-bottom-links{width:100%;margin-top:4px}}


/* 2026-09-22 preparation-platform navigation and public page expansion */
.nav-more{position:relative;display:flex;align-items:stretch}.nav-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;padding:25px 0;font-size:.86rem;font-weight:650;color:var(--muted);white-space:nowrap}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary:hover,.nav-more>summary.active{color:var(--green-dark)}.nav-more-menu{position:absolute;z-index:70;top:64px;right:0;width:205px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px rgba(16,40,35,.14);display:grid}.nav-more:not([open]) .nav-more-menu{display:none}.nav-more-menu a{padding:10px 11px;border-radius:8px}.nav-more-menu a:hover,.nav-more-menu a.active{background:#edf6f1;color:var(--green-dark)}
.prep-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.prep-shortcut{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;color:var(--ink)}.prep-shortcut:hover{border-color:#9dcdb9;box-shadow:0 6px 18px rgba(16,40,35,.06)}.prep-shortcut strong,.prep-shortcut small{display:block}.prep-shortcut small{color:var(--muted);margin-top:2px;line-height:1.35}.prep-shortcut>.icon{width:15px;height:15px;color:var(--muted)}
.mcq-tabs,.country-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.mcq-tabs>a,.mcq-tabs>span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted);font-size:.8rem;font-weight:650;background:#fff}.mcq-tabs>a.active,.mcq-tabs>span.active,.country-tabs .chip.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.country-tabs>span{font-size:.76rem;font-weight:700;color:var(--muted)}
.mcq-filter-panel{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fafcfb;margin-bottom:16px}.mcq-filter-search{margin-bottom:10px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.filter-grid select{min-width:0}.mcq-filter-panel .actions{margin-top:10px}.mcq-count{margin:10px 0 14px}
.pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:20px}.page-numbers{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.page-gap{padding:0 3px;color:var(--muted)}.pagination-count{grid-column:1/-1;text-align:center}
.ad-slot{max-width:1160px;margin:18px auto;padding:8px 16px}.ad-slot>a,.ad-slot:not(:has(a)){display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d7ddd9;border-radius:10px;background:#fafcfb;padding:9px 12px;text-decoration:none;color:var(--ink);min-height:60px}.ad-slot img{max-height:72px;max-width:min(60%,560px);object-fit:contain}.ad-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ad-copy strong,.ad-copy small{display:block}.ad-copy small{color:var(--muted);margin-top:3px}.ad-slot-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.test-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.test-type-grid .card-foot{display:flex;margin-top:18px}.test-form{max-width:900px}.test-question{margin-bottom:14px}.test-question h2,.test-review h2{font-size:1.12rem;line-height:1.45}.test-options{display:grid;gap:8px;margin-top:14px}.test-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;cursor:pointer}.test-options label:has(input:checked){border-color:#7ab59f;background:#edf6f1}.test-options input{accent-color:var(--green-dark)}.test-options .letter{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#eef3f0;font-weight:700;font-size:.72rem}.test-submit{margin-top:8px}.test-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.test-result-actions{margin:18px 0}.test-review{display:grid;gap:12px;max-width:900px}
.job-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.job-summary dl div{padding:10px 0;border-bottom:1px solid var(--line)}.job-summary dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.job-summary dd{margin:4px 0 0}.job-exam-grid .card h3{margin-top:12px}.pdf-card img{width:100%;height:190px;object-fit:cover;border-radius:8px;margin-bottom:12px}.pdf-security-note{margin-top:20px}.current-affairs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-type-grid>div{padding:10px;border:1px solid var(--line);border-radius:9px}.search-type-grid .badge{margin-bottom:5px}
@media(max-width:1050px){.prep-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.current-affairs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.nav-more{display:block}.nav-more>summary{padding:12px 0}.nav-more-menu{position:static;width:auto;border:0;box-shadow:none;padding:4px 0 6px 12px;background:transparent}.nav-more-menu a{padding:9px 8px!important}.test-type-grid{grid-template-columns:1fr}.job-summary dl{grid-template-columns:1fr}.ad-slot-admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.prep-shortcuts,.filter-grid,.test-result-grid,.current-affairs-grid,.search-type-grid{grid-template-columns:1fr}.pagination{grid-template-columns:1fr}.pagination>a,.pagination>span:first-child,.pagination>span:nth-child(3){justify-self:center}.pagination-count{grid-column:1}.page-numbers{order:2}.pagination>a:first-child{order:1}.pagination>a:nth-last-of-type(1){order:3}.pagination-count{order:4}.ad-slot{padding:5px 10px}.ad-slot>a,.ad-slot:not(:has(a)){flex-direction:column;text-align:center}.ad-slot img{max-width:100%}}

/* 2026-09-22 compact footer + legal/settings management */
.footer{padding:32px 0 18px}
.footer-grid-compact{grid-template-columns:minmax(0,1.8fr) minmax(150px,.85fr) minmax(180px,1fr);gap:34px;align-items:start}
.footer-grid-compact .footer-brand-block p{max-width:470px;margin:12px 0 0;line-height:1.55}
.footer-grid-compact .footer-column strong{margin:3px 0 12px;font-size:.82rem;letter-spacing:.02em}
.footer-grid-compact .footer-column a{margin-bottom:6px!important;font-size:.82rem}
.footer-country{font-size:.75rem;font-weight:650;color:var(--green-dark)!important;margin:8px 0 0!important}
.footer-social{display:flex;align-items:center;gap:7px;margin-top:13px;flex-wrap:wrap}
.footer-social a{width:40px;height:28px;border:1px solid #cbdad2;border-radius:999px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;color:var(--green-dark);background:#f8fbf9;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.footer-social a:hover{transform:translateY(-1px);color:var(--green);border-color:#8fc8b2;background:#edf6f1}
.footer-social .icon{width:15px;height:15px}
.footer-bottom{padding-top:14px;margin-top:22px;align-items:center;flex-wrap:wrap}
.footer-bottom-links{display:flex;gap:13px;margin-left:auto}
.footer-bottom-links a{color:var(--muted)}
.legal-article{max-width:900px}
.legal-article h2{scroll-margin-top:100px}
.legal-article ul{padding-left:22px;margin:0 0 18px}
.legal-article li{margin:5px 0}
.contact-details{margin:18px 0;padding:18px}
.contact-details p:last-child{margin-bottom:0}
.contact-form{margin-top:24px}
.settings-check{align-items:flex-start;padding:4px 0}
.settings-check span{display:block}
.settings-check small{display:block;color:var(--muted);font-weight:400;margin-top:1px}
.legal-editor textarea{min-height:460px;line-height:1.55}
.legal-tabs{margin-bottom:18px}
.social-admin-grid{display:grid;gap:12px}
.social-admin-row{display:grid;grid-template-columns:44px minmax(0,1fr) 130px;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}
.social-admin-row:last-child{border-bottom:0}
.social-admin-row .field{margin-bottom:0;margin-top:4px}
.social-admin-icon{width:40px;height:30px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--green-dark);background:#f8fbf9}
.social-admin-icon .icon{width:16px;height:16px}
@media(max-width:760px){.footer-grid-compact{grid-template-columns:1fr 1fr;gap:24px}.footer-grid-compact>.footer-brand-block{grid-column:1/-1}.admin-settings-split{grid-template-columns:1fr}.social-admin-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.social-admin-row>.settings-check{grid-column:2}}
@media(max-width:520px){.footer{padding-top:27px}.footer-grid-compact{grid-template-columns:1fr;gap:20px}.footer-grid-compact>.footer-brand-block{grid-column:auto}.footer-bottom{gap:9px}.footer-bottom-links{width:100%;margin-left:0}.legal-editor{padding:17px}.legal-editor textarea{min-height:380px}.social-admin-row{grid-template-columns:36px minmax(0,1fr);gap:10px}}
@media(max-width:600px){.footer-grid-compact{grid-template-columns:1fr;gap:18px}.footer-grid-compact>.footer-brand-block{grid-column:auto}}

/* 2026-09-22 shared public Main Content + Smart Sidebar layout */
.public-page>.breadcrumbs{margin-bottom:18px}
.public-page>.page-heading{margin-bottom:22px}
.public-layout{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(250px,.95fr);gap:26px;align-items:start}
.public-main{min-width:0}
.public-main-full{width:100%}
.public-sidebar{min-width:0}
.public-sidebar-inner{display:grid;gap:14px;position:sticky;top:104px}
.public-sidebar-head{display:none}
.public-sidebar-mobile-bar{display:none;margin:-6px 0 16px}
.public-sidebar-backdrop{display:none}
.smart-sidebar-card{padding:17px;border-radius:13px}
.smart-sidebar-card>h3{font-size:.9rem;margin:0 0 11px;letter-spacing:-.01em}
.smart-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf1ef;color:#4d655c;font-size:.82rem;line-height:1.35}
.smart-sidebar-link:last-child{border-bottom:0;padding-bottom:1px}
.smart-sidebar-link:first-child{padding-top:1px}
.smart-sidebar-link:hover{color:var(--green)}
.smart-sidebar-filters{padding:15px}
.public-sidebar .mcq-filter-panel{border:0;padding:0;background:transparent;margin:0}
.public-sidebar .filter-grid{grid-template-columns:1fr;gap:8px}
.public-sidebar .mcq-filter-search{margin-bottom:9px}
.public-sidebar .searchbox{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:6px 8px}
.public-sidebar .searchbox .icon{align-self:center}
.public-sidebar .searchbox button{grid-column:1/-1;width:100%}
.public-sidebar .toolbar,.public-sidebar .sidebar-filter-form{display:grid;grid-template-columns:1fr;gap:9px;margin:0}
.public-sidebar .toolbar .searchbox,.public-sidebar .sidebar-filter-form .searchbox{width:100%;min-width:0}
.public-sidebar .toolbar select,.public-sidebar .sidebar-filter-form select{max-width:none;width:100%}
.public-sidebar .check-line{margin:2px 0 4px}
.public-sidebar .actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}
.public-sidebar .actions .btn{width:100%}
.public-sidebar .ad-slot{margin:0;padding:0;max-width:none}
.public-sidebar .ad-slot>a,.public-sidebar .ad-slot:not(:has(a)){min-height:0;padding:11px;flex-direction:column;text-align:center}
.public-sidebar .ad-slot img{max-width:100%;max-height:110px}
.public-main .article{max-width:none;margin:0}
.public-main .public-article{padding:32px}
.article-divider{border:0;border-top:1px solid var(--line);margin:30px 0}
.article-lead{font-size:1rem!important;color:#3f5b51!important}
.card-eyebrow{margin-top:22px!important}
.active-filter-summary{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;background:#f8fbf9;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:0 0 15px;font-size:.8rem}
.active-filter-summary>strong{padding-top:5px;white-space:nowrap}
.active-filter-summary .chips{margin:0}
.active-filter-summary.compact{justify-content:space-between;align-items:center}
.result-count{margin:0 0 14px}
.practice-nav{margin-top:10px}
.public-main .search-discovery{margin-bottom:16px}
.public-main .job-summary{margin-bottom:17px}

@media(max-width:1050px){
 .public-layout{grid-template-columns:minmax(0,2.25fr) minmax(240px,.9fr);gap:20px}
 .smart-sidebar-card{padding:15px}
}
@media(max-width:900px){
 .public-layout{grid-template-columns:1fr}
 .public-sidebar-mobile-bar{display:flex}
 .public-sidebar{position:fixed;z-index:92;right:0;top:0;bottom:0;width:min(88vw,365px);padding:0;background:var(--bg);border-left:1px solid var(--line);box-shadow:-18px 0 55px rgba(16,40,35,.17);transform:translateX(105%);transition:transform .2s ease;overflow-y:auto}
 .public-sidebar.open{transform:translateX(0)}
 .public-sidebar-inner{position:static;padding:14px;gap:12px}
 .public-sidebar-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:12px 14px}
 .public-sidebar-backdrop{position:fixed;z-index:91;inset:0;border:0;background:rgba(16,39,31,.42);padding:0}
 .public-sidebar-backdrop.open{display:block}
}
@media(max-width:600px){
 .public-page>.breadcrumbs{margin-bottom:14px}
 .public-page>.page-heading{margin-bottom:17px}
 .public-sidebar-mobile-bar .btn{width:100%;justify-content:flex-start}
 .public-main .public-article{padding:21px}
 .active-filter-summary{display:block}
 .active-filter-summary>strong{display:block;padding:0;margin-bottom:7px}
 .active-filter-summary.compact{display:flex}
 .public-main .grid:not(.paper-grid):not(.current-affairs-grid){grid-template-columns:1fr}
}


/* 2026-09-22 simplified public search + top selection navigation */
.header-inner{gap:24px}
.header-search{width:clamp(210px,22vw,330px);flex:0 1 330px;margin-left:auto}
.header-search .public-searchbox{min-height:42px}
.header-actions{flex:0 0 auto}
.public-searchbox{display:flex;align-items:center;gap:10px;padding:7px 14px;box-shadow:none;width:100%}
.public-searchbox .public-search-icon{display:inline-flex;color:var(--muted);flex:0 0 auto}
.public-searchbox .public-search-icon .icon{width:18px;height:18px}
.public-searchbox input{width:100%;min-width:0}
.public-page-search{max-width:760px;margin:0 0 14px}
.selection-stack{display:grid;gap:8px;margin:0 0 20px}
.selection-bar{display:flex;align-items:center;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:1px 1px 3px;white-space:nowrap}
.selection-bar::-webkit-scrollbar{display:none}
.selection-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem;font-weight:650;line-height:1.2;transition:background .15s,border-color .15s,color .15s,transform .15s}
.selection-chip:hover{background:#edf6f1;border-color:#a8d5c1;color:var(--green);transform:translateY(-1px)}
.selection-chip.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.selection-bar-secondary .selection-chip{min-height:31px;padding:6px 10px;font-size:.75rem;background:#f8fbf9}
.selection-bar-secondary .selection-chip.active{background:var(--green);color:#fff}
.search-results-list{display:grid;gap:12px}
.search-result-card{display:block;padding:19px}
.search-result-card h2{font-size:1.05rem;margin:9px 0 5px;line-height:1.4}
.search-result-card p{margin:0}
.public-sidebar-mobile-bar .btn{font-size:.82rem}
/* Primary browsing moved above content; sidebars now stay contextual. */
.smart-sidebar-filters,.public-sidebar .mcq-filter-panel,.public-sidebar .sidebar-filter-form{display:none!important}
@media(max-width:1180px){.header-inner{gap:16px}.nav{gap:17px}.header-search{width:clamp(190px,20vw,260px);flex-basis:260px}}
@media(max-width:980px){.header-inner{height:auto;min-height:84px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.header-search{order:3;width:100%;flex:1 0 100%;margin:0}.header-search .public-searchbox{width:100%}.nav{order:4}.header-actions{margin-left:auto}}
@media(max-width:850px){.header-search{order:3}.nav{order:4}.nav.open{width:100%}.public-sidebar-mobile-bar .btn{justify-content:flex-start}}
@media(max-width:600px){.header-inner{padding-top:8px;padding-bottom:8px;gap:8px 12px}.header-search{margin-top:2px}.public-searchbox{padding:6px 12px}.public-page-search{max-width:none}.selection-stack{margin-bottom:16px}.selection-bar{margin-left:-2px;margin-right:-2px;padding-bottom:4px}.selection-chip{min-height:33px;padding:7px 11px}.page-heading{margin-bottom:17px}}

@media(max-width:980px) and (min-width:901px){.public-sidebar-inner{top:154px}}
@media(max-width:850px){.nav{position:static;top:auto;left:auto;right:auto;order:4;flex-basis:100%;width:100%;padding:8px 0 2px;border-bottom:0}.nav.open{display:flex;flex-wrap:wrap}.nav a{padding:9px 10px}.nav-more-menu{background:transparent}.header-search{order:3;flex-basis:100%}}

/* Search refinement: visible submit button + smaller in-field message */
.public-searchbox input{font-size:.875rem}
.public-searchbox input::placeholder{font-size:.78rem;color:#7b8b87;opacity:1}
.public-searchbox .public-search-submit{flex:0 0 auto;padding:8px 14px;border-radius:8px;font-size:.8rem;line-height:1.35;white-space:nowrap}
.header-search .public-searchbox .public-search-submit{padding:7px 11px;font-size:.75rem}
@media(max-width:600px){
  .public-searchbox{gap:8px;padding-right:7px}
  .public-searchbox input{font-size:.84rem}
  .public-searchbox input::placeholder{font-size:.72rem}
  .public-searchbox .public-search-submit{padding:8px 11px;font-size:.75rem}
}


/* 2026-09-22 unified statistic-card system
   Clean academic cards inspired by the supplied reference while preserving MCQ Campus branding. */
.stat-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:138px;
  padding:19px 20px;
  border:1px solid #dce5e1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 22px rgba(18,43,37,.055);
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.stat-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.stat-card-label{
  color:var(--muted);
  font-size:.82rem;
  font-weight:620;
  line-height:1.35;
  letter-spacing:-.01em;
}
.stat-card-icon{
  width:40px;
  height:40px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  transition:transform .22s ease,background-color .22s ease;
}
.stat-card-icon .icon{width:19px;height:19px}
.stat-card-icon.tone-primary{background:#e2f2ea;color:var(--green)}
.stat-card-icon.tone-success{background:#e4f4ec;color:#087155}
.stat-card-icon.tone-info{background:#eaf0fb;color:#486a9f}
.stat-card-icon.tone-warning{background:#fff2dc;color:#93611d}
.stat-card-icon.tone-danger{background:#fff0f0;color:#a33c3c}
.stat-card-icon.tone-neutral{background:#f0f3f2;color:#60716b}
.stat-card-value{
  display:block;
  margin:0;
  color:var(--ink);
  font-size:clamp(1.7rem,2.1vw,2rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:790;
}
.stat-card-subtitle{
  display:block;
  margin-top:auto;
  padding-top:8px;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
}
.stat-card-link{cursor:pointer;color:inherit}
.stat-card-link:hover{
  color:inherit;
  transform:translateY(-3px);
  border-color:#b7d7c9;
  box-shadow:0 12px 28px rgba(18,43,37,.09);
}
.stat-card-link:hover .stat-card-icon{transform:translateY(-1px)}
.stat-card-link:focus-visible{
  outline:3px solid #19aa85;
  outline-offset:3px;
}
.stat-card-skeleton{
  width:54%;
  height:30px;
  border-radius:8px;
  background:linear-gradient(90deg,#edf2ef 25%,#f8faf9 50%,#edf2ef 75%);
  background-size:200% 100%;
  animation:statCardPulse 1.15s linear infinite;
}
.stat-card.is-loading .stat-card-value{visibility:hidden;height:0}
@keyframes statCardPulse{to{background-position:-200% 0}}

/* Shared responsive stat grids */
.metric-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
  align-items:stretch;
}
.metric-grid>.stat-card,
.learner-metrics>.stat-card,
.home-stats>.stat-card,
.test-result-grid>.stat-card{height:100%}

/* Homepage summary uses the same hierarchy instead of horizontal icon/value tiles. */
.home-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  border:0;
  background:transparent;
  padding:0;
  margin-top:30px;
  align-items:stretch;
}
.home-stats .stat-card{min-height:136px}
.home-stats .stat-card-value{font-size:1.8rem}

/* Admin and super-admin metrics share exactly the same base component. */
.dash-content .stat-card{padding:18px 19px;min-height:132px}
.dash-content .stat-card-value{font-size:1.78rem;margin:0}
.dash-content .stat-card-label{font-size:.76rem}
.dash-content .stat-card-subtitle{font-size:.69rem}
.admin-primary-metrics .stat-card-icon{width:40px;height:40px;border-radius:11px}
.admin-primary-metrics .stat-card-icon .icon{width:19px;height:19px}

/* Learner statistics: roomy 3 + 3 layout rather than six cramped boxes. */
.learner-metrics{
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:12px;
  align-items:stretch;
  margin-bottom:16px;
}
.learner-metrics .stat-card{padding:18px;min-height:136px}
.learner-metrics .stat-card-value{font-size:1.78rem}
.learner-metrics .stat-card-label{font-size:.76rem}

/* Test result summary reuses the same card system without affecting test logic. */
.test-result-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
  align-items:stretch;
}
.test-result-grid .stat-card{min-height:132px}

@media(max-width:1100px){
  .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .learner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .learner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{min-height:128px;padding:16px}
  .stat-card-value{font-size:1.58rem}
  .stat-card-icon{width:38px;height:38px;flex-basis:38px}
  .stat-card-icon .icon{width:18px;height:18px}
  .dash-content .stat-card-value,.learner-metrics .stat-card-value{font-size:1.58rem}
}
@media(max-width:420px){
  .learner-metrics,.metric-grid,.test-result-grid{grid-template-columns:1fr}
  .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-stats .stat-card{min-height:126px;padding:14px}
  .home-stats .stat-card-label{font-size:.72rem}
  .home-stats .stat-card-value{font-size:1.48rem}
  .home-stats .stat-card-subtitle{font-size:.66rem}
  .home-stats .stat-card-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}
  .home-stats .stat-card-icon .icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){
  .stat-card,.stat-card-icon{transition:none!important}
  .stat-card-skeleton{animation:none!important}
}

/* Super Admin simplification: compact single-page MCQ editor and grouped management screens. */
.mcq-editor-single{max-width:1100px;margin-inline:auto;padding:20px}
.mcq-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.mcq-editor-head h2{margin:2px 0 0}
.mcq-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mcq-core-grid{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:14px;align-items:start}
.mcq-links-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.mcq-picker-group,.mcq-copy-group{min-width:0}
.mcq-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}
.quality-compact{display:flex;align-items:baseline;gap:8px;color:var(--muted)}
.quality-compact strong{font-size:1.15rem;color:var(--ink)}
.quality-compact span{font-size:.74rem}
.mcq-owner-line{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--border)}

.admin-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.admin-record-card{display:flex;flex-direction:column;gap:14px;min-height:210px}
.admin-record-head{display:flex;align-items:center;gap:12px}
.admin-record-head .stat-card-icon{margin-left:auto}
.admin-record-head small{display:block;color:var(--muted);margin-top:2px}
.admin-record-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.admin-record-counts>div{padding:9px 7px;border:1px solid var(--border);border-radius:11px;text-align:center;background:var(--surface-soft,#f8faf9)}
.admin-record-counts strong{display:block;font-size:1.05rem;color:var(--ink)}
.admin-record-counts span{display:block;font-size:.65rem;color:var(--muted);margin-top:2px}
.admin-record-mini{display:grid;gap:7px}
.admin-record-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;color:inherit;background:#fff}
.admin-record-mini-row:hover{border-color:#b7d7c9;background:#fbfdfc}
.admin-record-mini-row span{min-width:0}
.admin-record-mini-row strong,.admin-record-mini-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-record-mini-row small{color:var(--muted);font-size:.69rem}

.settings-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.settings-hub-card{display:flex!important;align-items:center;gap:12px;min-height:88px;padding:15px 16px!important}
.settings-hub-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:3px}
.settings-hub-card small{color:var(--muted);line-height:1.35}
.settings-hub-card>.icon:last-child{margin-left:auto;color:var(--muted)}
.settings-hub-icon{width:38px;height:38px;border-radius:10px;background:#e9f4ef;color:var(--green);display:grid;place-items:center;flex:0 0 38px}
.settings-admin-names{display:flex;flex-wrap:wrap;gap:8px}
.settings-admin-names .chip{display:inline-flex;align-items:center;gap:6px}

.paper-admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:16px;align-items:start}
.paper-admin-layout>.card{position:sticky;top:82px}
.paper-admin-group{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}
.paper-admin-group:last-child{border-bottom:0}
.paper-admin-group span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}

.social-admin-grid{display:grid;gap:12px}
.social-admin-row{display:flex;align-items:flex-start;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff}
.social-admin-icon{width:42px;height:36px;border-radius:999px;display:grid;place-items:center;background:#e9f4ef;color:var(--green);flex:0 0 42px;margin-top:2px}

@media(max-width:900px){
 .paper-admin-layout,.mcq-links-grid{grid-template-columns:1fr}
 .paper-admin-layout>.card{position:static}
 .mcq-core-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .mcq-editor-single{padding:15px}
 .mcq-options-grid{grid-template-columns:1fr}
 .mcq-editor-footer{align-items:flex-start;flex-direction:column}
 .admin-record-counts{grid-template-columns:repeat(2,1fr)}
 .settings-hub-grid,.admin-record-grid{grid-template-columns:1fr}
 .social-admin-row{flex-wrap:wrap}
}

/* 2026-09-22 Super Admin overview + compact workspace refinement */
.dash-layout{grid-template-columns:196px minmax(0,1fr)}
.sidebar{padding:14px 10px}
.sidebar .brand{margin-bottom:13px;font-size:.98rem}
.sidebar a.item{gap:8px;padding:6px 8px;font-size:.74rem;border-radius:7px;margin:1px 0}
.sidebar a.item .icon{width:16px;height:16px}
.nav-label{font-size:.56rem;margin:12px 8px 5px;letter-spacing:.11em}
.dash-top{height:56px;padding:9px 18px;gap:10px}
.dash-content{padding:16px 18px;max-width:1360px}
.dash-content .page-heading{margin-bottom:14px}
.dash-content .page-heading h1{font-size:1.5rem;margin-bottom:5px}
.dash-content .page-heading p{font-size:.77rem;margin-bottom:0}
.dash-content .section{padding:16px 0}
.dash-content .section-head{margin-bottom:12px;gap:12px}
.dash-content .section-head h2{font-size:1.24rem}
.dash-content .section-head h3{font-size:.95rem}
.dash-content .eyebrow{font-size:.64rem;margin-bottom:6px}
.dash-content .card{padding:13px;border-radius:12px}
.dash-content .btn{padding:6px 10px;border-radius:7px;font-size:.75rem;gap:6px}
.dash-content .btn.sm{padding:4px 7px;font-size:.69rem}
.dash-content .actions{gap:7px}
.dash-content .toolbar{gap:7px;margin-bottom:12px}
.dash-content .toolbar .searchbox{min-height:34px}
.dash-content .control,.dash-content input:not([type=checkbox]):not([type=radio]),.dash-content textarea,.dash-content select{padding:7px 9px;font-size:.78rem}
.dash-content .field{gap:4px;margin-bottom:10px}
.dash-content .field>label,.dash-content .field>span{font-size:.75rem}
.dash-content textarea{min-height:82px}
.dash-content .metric-grid{gap:8px;margin-bottom:14px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.dash-content .stat-card{padding:11px 12px;min-height:94px;border-radius:11px}
.dash-content .stat-card-head{margin-bottom:6px;gap:8px}
.dash-content .stat-card-label{font-size:.66rem}
.dash-content .stat-card-value{font-size:1.34rem}
.dash-content .stat-card-subtitle{font-size:.6rem;padding-top:4px}
.dash-content .stat-card-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px}
.dash-content .stat-card-icon .icon{width:14px;height:14px}
.dash-content .table-wrap{border-radius:10px}
.dash-content table{font-size:.75rem}
.dash-content th{font-size:.63rem}
.dash-content td,.dash-content th{padding:8px 9px}
.dash-content .table-actions{gap:3px;flex-wrap:wrap}
.dash-content .tabs{margin-bottom:15px;padding-bottom:9px;gap:5px}
.dash-content .tabs a,.dash-content .tabs button{padding:6px 9px;font-size:.77rem}
.dash-content .notice{padding:10px 12px;margin-bottom:14px;font-size:.79rem}
.settings-hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
.settings-hub-card{min-height:60px;padding:8px 10px!important;gap:8px}
.settings-hub-icon{width:29px;height:29px;flex-basis:29px;border-radius:8px}
.settings-hub-icon .icon{width:16px;height:16px}
.settings-hub-card strong{font-size:.78rem}
.settings-hub-card small{font-size:.62rem}
.admin-record-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px}
.admin-record-card{gap:8px;min-height:156px;padding:12px!important}
.admin-record-counts{gap:5px}
.admin-record-counts>div{padding:6px 5px;border-radius:9px}
.admin-record-counts strong{font-size:.94rem}
.admin-record-counts span{font-size:.6rem}
.mcq-editor-single{max-width:1060px;padding:16px!important}
.mcq-editor-head{margin-bottom:10px}
.mcq-options-grid{gap:8px}
.mcq-core-grid{gap:10px}
.mcq-links-grid{gap:13px}
.mcq-editor-footer{margin-top:12px;padding-top:11px}

/* Super Admin command-centre overview */
.overview-head-actions{justify-content:flex-end}
.overview-top-metrics{margin-bottom:14px!important}
.overview-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:20px}
.overview-command-card{min-height:0!important}
.overview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.overview-card-head h2{font-size:1.08rem!important;margin:0}
.overview-card-head .link{white-space:nowrap}
.overview-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.overview-mini-stats>div{padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}
.overview-mini-stats strong{display:block;font-size:1.08rem;line-height:1.1}
.overview-mini-stats span{display:block;font-size:.62rem;color:var(--muted);margin-top:3px}
.overview-authority-section{margin:0 0 22px}
.overview-authority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.overview-authority-item{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#fff;border:1px solid var(--line);border-radius:11px;color:inherit;min-width:0}
.overview-authority-item:hover{color:inherit;border-color:#b7d7c9;background:#fbfdfc}
.overview-authority-icon{width:31px;height:31px;border-radius:8px;background:#e9f4ef;color:var(--green);display:grid;place-items:center;flex:0 0 31px}
.overview-authority-icon .icon{width:15px;height:15px}
.overview-authority-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:1px}
.overview-authority-item strong{font-size:.78rem;line-height:1.25}
.overview-authority-item small{font-size:.62rem;color:var(--muted);line-height:1.3}
.overview-authority-item>.icon{margin-left:auto;width:15px;height:15px;color:var(--muted)}
.overview-recent-section{margin-top:0}
.admin-record-mini-row{padding:7px 8px;border-radius:9px}
.admin-record-mini-row strong{font-size:.78rem}
.admin-record-mini-row small{font-size:.62rem}
.admin-record-mini-row b{font-size:.88rem}

/* Paper collection: useful counts only, no misleading Paper = 0 tile. */
.paper-collection-metrics{grid-template-columns:repeat(4,minmax(145px,1fr))!important;margin-bottom:14px!important}
.paper-collection-stat{min-height:90px!important}
.paper-admin-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,.5fr);gap:12px}
.paper-admin-layout>.card{top:72px}
.paper-structure-card{padding:14px!important}
.paper-admin-group{gap:8px;padding:8px 0}
.paper-admin-group strong{font-size:.78rem}
.paper-admin-group span{font-size:.64rem}
.paper-structure-actions{margin-top:11px!important}
.compact-review-toolbar{padding:7px 9px;background:#f8faf9;border:1px solid var(--line);border-radius:9px}
.admin-entity-name-link{color:var(--ink);text-decoration:none}
.admin-entity-name-link:hover{color:var(--green)}

@media(max-width:1100px){
 .overview-authority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .paper-collection-metrics{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
}
@media(max-width:900px){
 .overview-command-grid{grid-template-columns:1fr}
 .paper-admin-layout{grid-template-columns:1fr}
 .paper-admin-layout>.card{position:static}
}
@media(max-width:620px){
 .dash-content{padding:12px 13px}
 .dash-top{height:54px;padding:8px 12px}
 .dash-content .page-heading h1{font-size:1.32rem}
 .overview-head-actions{width:100%;justify-content:flex-start}
 .overview-authority-grid{grid-template-columns:1fr}
 .paper-collection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dash-content .stat-card{min-height:88px;padding:10px}
 .dash-content .stat-card-value{font-size:1.25rem}
}


/* Reference-style entity cards: papers, jobs, years, categories and tests */
.entity-card-grid,.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.entity-showcase-card{min-height:210px;padding:22px 24px;display:grid!important;grid-template-columns:132px minmax(0,1fr) 52px;gap:22px;align-items:center;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fbfdfc 100%);box-shadow:0 8px 28px rgba(18,43,37,.06)}
.entity-showcase-card h3{margin:8px 0 5px!important;min-height:0!important;font-size:1.22rem;line-height:1.32;color:#142622;font-weight:780;letter-spacing:-.025em}
.entity-showcase-card p{margin:0;color:#71807c;font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.entity-card-media{display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.entity-card-image{width:132px;height:132px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;border:0;box-shadow:none;color:var(--green);font-weight:800;font-size:1.2rem}
.entity-card-image .entity-icon-img{width:100%;height:100%;object-fit:contain;padding:0;border-radius:50%}
.entity-card-image>.icon{width:44px;height:44px}
.entity-card-image .entity-emoji{font-size:2rem}
.entity-card-body{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.entity-card-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:4px 13px;border-radius:999px;background:#e5f6ee;color:#177b61;font-size:.76rem;font-weight:750;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entity-card-meta{margin-top:auto;padding-top:22px;font-size:.9rem;font-weight:650;color:#536963}
.entity-card-meta span{display:inline-flex;align-items:center;gap:10px}.entity-card-meta .icon{width:21px;height:21px}
.entity-card-arrow{width:48px;height:48px;border-radius:50%;background:#f0f7f4;border:1px solid #e2ece8;display:flex;align-items:center;justify-content:center;color:#173833;transition:transform .15s,background .15s}
.entity-showcase-card:hover .entity-card-arrow{transform:translateX(3px);background:#e4f3ed}.entity-card-arrow .icon{width:24px;height:24px}
.icon-preview{width:76px!important;height:76px!important;border-radius:50%!important;overflow:hidden}.icon-preview .entity-icon-img{padding:5px;object-fit:contain}.admin-icon-cell{border-radius:50%!important}
@media(max-width:1000px){.entity-card-grid,.paper-grid{grid-template-columns:1fr}.entity-showcase-card{min-height:190px}}
@media(max-width:600px){.entity-showcase-card{grid-template-columns:94px minmax(0,1fr) 42px;gap:14px;min-height:168px;padding:17px}.entity-card-image{width:94px;height:94px}.entity-card-image>.icon{width:32px;height:32px}.entity-showcase-card h3{font-size:1.04rem}.entity-showcase-card p{font-size:.8rem}.entity-card-meta{padding-top:14px;font-size:.8rem}.entity-card-arrow{width:40px;height:40px}.entity-card-badge{font-size:.68rem;padding:3px 10px}}
@media(max-width:390px){.entity-showcase-card{grid-template-columns:84px minmax(0,1fr) 36px;gap:11px;padding:14px}.entity-card-image{width:84px;height:84px}.entity-card-arrow{width:36px;height:36px}.entity-showcase-card p{display:none}}


/* Guide / Blog / Post reference layout */
.content-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-showcase-card{min-height:250px;padding:24px 22px;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(118px,.8fr);gap:14px;align-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fcfefd 100%);box-shadow:0 8px 28px rgba(18,43,37,.06)}
.content-showcase-copy{min-width:0;height:100%;display:flex;flex-direction:column;align-items:flex-start}
.content-kicker{margin:0 0 7px!important;color:#0f7b61!important;font-size:.8rem!important;font-weight:800;line-height:1.2}
.content-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:#e6f6ef;color:#177b61;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.content-pill-blue{background:#e9f2ff;color:#3974d7}
.content-showcase-card h3{margin:10px 0 7px!important;font-size:1.15rem;line-height:1.23;letter-spacing:-.025em;color:#10213b;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.content-showcase-card .content-showcase-copy>p:not(.content-kicker){margin:0!important;color:#53656f;font-size:.79rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.content-showcase-media{min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.content-showcase-media:before{content:"";position:absolute;width:145px;height:145px;border-radius:48% 52% 55% 45% / 55% 45% 55% 45%;background:linear-gradient(145deg,#eff9f4,#dff4eb);transform:rotate(-9deg)}
.content-showcase-media img{position:relative;z-index:1;width:145px;height:145px;object-fit:contain;border-radius:32% 68% 56% 44% / 47% 38% 62% 53%;background:#f7fbf9}
.content-fallback{position:relative;z-index:1;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4f5ed;color:#087a5c}.content-fallback .icon{width:42px;height:42px}
.content-fallback-blue{background:#ebf4ff;color:#4c7ecf}
.content-date{display:flex;align-items:center;gap:8px;color:#66747f;font-size:.72rem;margin-top:auto;padding-top:14px}.content-date .icon{width:16px;height:16px}
.content-cta{margin-top:auto;padding-top:15px;display:inline-flex;align-items:center;gap:8px;color:#087a5c;font-size:.78rem;font-weight:800}.content-cta .icon{width:17px;height:17px}
.content-showcase-card:hover .content-cta .icon{transform:translateX(3px)}
.content-image-editor{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;align-items:start}.content-image-preview{width:105px;height:105px;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eff8f3;border:1px solid var(--line);color:var(--green)}.content-image-preview img{width:100%;height:100%;object-fit:contain}.content-image-preview .icon{width:38px;height:38px}
.article-hero-image{margin:-8px 0 28px;border-radius:18px;overflow:hidden;background:#f4faf6}.article-hero-image img{display:block;width:100%;max-height:360px;object-fit:cover}
@media(max-width:1100px){.content-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.content-showcase-grid{grid-template-columns:1fr}.content-showcase-card{min-height:215px;grid-template-columns:minmax(0,1fr) 110px;padding:19px}.content-showcase-media:before{width:108px;height:108px}.content-showcase-media img{width:108px;height:108px}.content-showcase-card h3{font-size:1.05rem}.content-image-editor{grid-template-columns:82px minmax(0,1fr)}.content-image-preview{width:82px;height:82px}}
@media(max-width:400px){.content-showcase-card{grid-template-columns:1fr 88px;gap:10px}.content-showcase-media:before,.content-showcase-media img{width:86px;height:86px}.content-showcase-copy>p:not(.content-kicker){-webkit-line-clamp:2}}

/* 2026-09-22 reference-style compact public header */
.reference-header{background:#fbfdfc;border-bottom:1px solid #e2ebe7;box-shadow:0 4px 18px rgba(20,55,45,.035)}
.reference-header .header-inner{height:66px;min-height:66px;gap:14px;max-width:1440px;padding-left:18px;padding-right:18px}
.reference-header .nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:.74rem;font-weight:600;white-space:nowrap}
.reference-header .nav>a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:0;border-radius:12px;color:#52645f;line-height:1.2;transition:background .16s ease,color .16s ease,transform .16s ease}
.reference-header .nav>a .icon{width:15px;height:15px}
.reference-header .nav>a:hover{background:#f0f7f4;color:var(--green);transform:translateY(-1px)}
.reference-header .nav>a.active{background:#e5f5ee;color:#153f36;border:0;box-shadow:inset 0 0 0 1px rgba(8,126,101,.035)}
.reference-header .header-search{width:clamp(235px,28vw,410px);flex:0 1 410px;margin-left:auto}
.reference-header .header-search .public-searchbox{height:40px;min-height:40px;padding:5px 12px;border:1px solid #dce8e3;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(20,55,45,.035);gap:8px}
.reference-header .header-search .public-search-icon{color:#6b7f79}
.reference-header .header-search .public-search-icon .icon{width:16px;height:16px}
.reference-header .header-search .public-searchbox input{font-size:.76rem;padding:6px 0!important}
.reference-header .header-search .public-searchbox input::placeholder{font-size:.72rem;color:#73847f}
.reference-header .header-search .public-search-submit{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-header .header-actions{gap:7px}
.reference-header .header-login{padding:8px 12px;border-radius:11px;font-size:.74rem}
.reference-header .header-user-avatar{width:36px;height:36px}
.reference-header .menu-toggle{border-radius:10px}
.reference-header .mobile-menu-auth{display:none!important}

@media(max-width:1180px){
 .reference-header .header-inner{gap:10px}
 .reference-header .nav{gap:1px}
 .reference-header .nav>a{padding:8px 8px;font-size:.69rem;gap:5px}
 .reference-header .header-search{width:clamp(210px,24vw,300px);flex-basis:300px}
}
@media(max-width:980px){
 .reference-header .header-inner{height:auto;min-height:64px;flex-wrap:nowrap;padding-top:8px;padding-bottom:8px}
 .reference-header .nav{display:none;position:absolute;top:100%;left:12px;right:12px;width:auto!important;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 35px rgba(17,48,39,.10);z-index:40}
 .reference-header .nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .reference-header .nav>a{width:100%;padding:10px 12px;font-size:.78rem}
 .reference-header .nav .mobile-menu-auth{display:inline-flex!important}
 .reference-header .header-search{order:0;flex:1 1 auto;width:auto;margin-left:0}
 .reference-header .header-actions{margin-left:0}
 .reference-header .menu-toggle{display:inline-flex}
 .reference-header .header-login{display:none}
}
@media(max-width:600px){
 .reference-header .header-inner{padding-left:10px;padding-right:10px;gap:8px}
 .reference-header .header-search .public-searchbox{height:38px;min-height:38px;padding:4px 10px}
 .reference-header .header-search .public-searchbox input::placeholder{font-size:.67rem}
 .reference-header .nav.open{grid-template-columns:1fr}
}

/* 2026-09-22 Reference sidebar system: shared across public, home, learner, admin */
:root{--sidebar-soft:#f7fbf9;--sidebar-row:#ffffff;--sidebar-row-hover:#f1f8f5;--sidebar-accent:#0b8a70;--sidebar-border:#dce8e3;--sidebar-arrow:#7b9289}

/* Public contextual sidebars */
.smart-sidebar-card,
.home-category-nav,
.learner-side{
  background:#fff;
  border:1px solid var(--sidebar-border);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(31,76,62,.07);
}
.smart-sidebar-card{padding:13px 14px}
.smart-sidebar-card>h3,
.home-category-nav .section-head h2,
.learner-side-head strong{
  display:flex;align-items:center;gap:8px;font-size:.78rem!important;font-weight:800;color:#172a26;letter-spacing:-.01em;margin:0 0 8px!important
}
.smart-sidebar-card>h3::before,
.home-category-nav .section-head h2::before,
.learner-side-head strong::before{
  content:"";width:18px;height:18px;flex:0 0 18px;border-radius:5px;
  background:linear-gradient(135deg,#0b8a70 0 48%,#5bc9a8 49% 72%,#ccefe3 73% 100%);
  box-shadow:inset 0 0 0 1px rgba(5,91,72,.08)
}
.smart-sidebar-link{
  position:relative;display:flex;align-items:center;justify-content:flex-start!important;gap:9px;
  min-height:34px;padding:6px 22px 6px 2px!important;border-bottom:1px solid #eef3f1!important;
  color:#425a52!important;font-size:.74rem!important;font-weight:560;line-height:1.25
}
.smart-sidebar-link::before{content:"";width:18px;height:18px;flex:0 0 18px;border-radius:6px;background:#e9f7f2;box-shadow:inset 0 0 0 1px #d5ece4}
.smart-sidebar-link:nth-child(4n+2)::before{background:#eef3ff;box-shadow:inset 0 0 0 1px #dfe7ff}
.smart-sidebar-link:nth-child(4n+3)::before{background:#fff3df;box-shadow:inset 0 0 0 1px #ffe6bd}
.smart-sidebar-link:nth-child(4n+4)::before{background:#f4ebff;box-shadow:inset 0 0 0 1px #e7d8fb}
.smart-sidebar-link::after{content:"›";position:absolute;right:3px;top:50%;transform:translateY(-53%);font-size:1rem;color:var(--sidebar-arrow);font-weight:500}
.smart-sidebar-link:hover{background:var(--sidebar-row-hover);color:var(--sidebar-accent)!important}

/* Home page category sidebar uses the same row language */
.home-category-nav{padding:13px 14px!important}
.home-category-nav .section-head{margin-bottom:5px!important}
.home-category-nav .section-head .eyebrow{display:none}
.home-cat-boxes{gap:0!important}
.home-cat-group{background:transparent!important;border:0!important;border-radius:0!important;border-bottom:1px solid #eef3f1!important;overflow:visible!important}
.home-cat-group:last-child{border-bottom:0!important}
.home-cat-title>a{min-height:36px;padding:6px 2px!important;font-size:.75rem!important;font-weight:600!important;color:#425a52!important}
.home-cat-title>a:hover{background:var(--sidebar-row-hover);color:var(--sidebar-accent)!important}
.home-cat-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:6px!important;background:#e9f7f2!important}
.home-cat-group:nth-child(4n+2) .home-cat-icon{background:#eef3ff!important;color:#5475c9!important}
.home-cat-group:nth-child(4n+3) .home-cat-icon{background:#fff3df!important;color:#da8b28!important}
.home-cat-group:nth-child(4n+4) .home-cat-icon{background:#f4ebff!important;color:#8365c7!important}
.home-cat-icon .icon{width:13px!important;height:13px!important}
.home-cat-title>a>.icon:last-child{margin-left:auto!important;width:13px!important;height:13px!important;color:var(--sidebar-arrow)!important}
.home-sub-list{display:none}
.home-cat-more{margin-top:9px!important;border-radius:8px!important;font-size:.72rem!important;padding:7px 10px!important}

/* Learner dashboard sidebar */
.learner-side{padding:13px 12px!important}
.learner-side-head{padding:2px 2px 9px!important;margin-bottom:2px!important;border-bottom:1px solid #eef3f1!important}
.learner-side-head span{font-size:.66rem!important;margin-left:26px;color:#7a8c85!important}
.learner-side nav{gap:0!important}
.learner-side nav a{position:relative;min-height:36px;padding:7px 22px 7px 2px!important;border-radius:7px!important;border-bottom:1px solid #eef3f1;color:#425a52!important;font-size:.73rem!important;font-weight:600!important}
.learner-side nav a:last-child{border-bottom:0}
.learner-side nav a .icon{width:20px!important;height:20px!important;padding:4px;border-radius:6px;background:#e9f7f2;color:#0b8a70;box-sizing:border-box}
.learner-side nav a:nth-child(4n+2) .icon{background:#eef3ff;color:#5475c9}
.learner-side nav a:nth-child(4n+3) .icon{background:#fff3df;color:#da8b28}
.learner-side nav a:nth-child(4n+4) .icon{background:#f4ebff;color:#8365c7}
.learner-side nav a::after{content:"›";position:absolute;right:3px;color:var(--sidebar-arrow);font-size:1rem;top:50%;transform:translateY(-53%)}
.learner-side nav a:hover,.learner-side nav a.active{background:var(--sidebar-row-hover)!important;color:var(--sidebar-accent)!important}

/* Admin / Super Admin dashboard sidebar */
.dash-layout{background:#f6f9f8}
.sidebar{
  margin:10px 0 10px 10px;height:calc(100vh - 20px);align-self:start;position:sticky;top:10px;
  background:#fff!important;border:1px solid var(--sidebar-border)!important;border-radius:12px!important;
  box-shadow:0 8px 24px rgba(31,76,62,.07)!important;padding:12px 10px!important;overflow:auto
}
.sidebar .brand{padding:4px 4px 10px;margin:0 0 5px!important;border-bottom:1px solid #eef3f1}
.sidebar .nav-label{margin:10px 4px 4px!important;font-size:.56rem!important;letter-spacing:.1em!important;color:#82928c!important}
.sidebar a.item{position:relative;min-height:36px;margin:0!important;padding:7px 21px 7px 3px!important;gap:8px!important;border-radius:7px!important;border-bottom:1px solid #eef3f1;color:#425a52!important;font-size:.72rem!important;font-weight:600!important}
.sidebar a.item .icon{width:20px!important;height:20px!important;padding:4px;border-radius:6px;background:#e9f7f2;color:#0b8a70;box-sizing:border-box}
.sidebar a.item:nth-of-type(4n+2) .icon{background:#eef3ff;color:#5475c9}
.sidebar a.item:nth-of-type(4n+3) .icon{background:#fff3df;color:#da8b28}
.sidebar a.item:nth-of-type(4n+4) .icon{background:#f4ebff;color:#8365c7}
.sidebar a.item::after{content:"›";position:absolute;right:3px;top:50%;transform:translateY(-53%);font-size:1rem;color:var(--sidebar-arrow)}
.sidebar a.item:hover,.sidebar a.item.active{background:var(--sidebar-row-hover)!important;color:var(--sidebar-accent)!important}
.sidebar a.item.active{box-shadow:inset 3px 0 0 var(--sidebar-accent)}

@media(max-width:900px){
 .sidebar{margin:0!important;height:100vh!important;top:0!important;border-radius:0 12px 12px 0!important}
 .smart-sidebar-card,.home-category-nav,.learner-side{border-radius:11px}
}

/* 2026-09-22 — Reference MCQ structure
   Keeps MCQ Campus branding, but applies the supplied angular question/option/result structure
   wherever interactive MCQs are rendered (home, listings, practice, detail and tests). */
.mcq-reference-card{
  --mcq-edge:18px;
  --mcq-line:#9bcfbd;
  --mcq-line-strong:#4aa987;
  --mcq-fill:#fbfefd;
  --mcq-fill-soft:#f2f9f6;
  position:relative;
  overflow:visible;
  border-color:#cfe2da;
  box-shadow:0 9px 26px rgba(18,43,37,.055);
}
.mcq-reference-card>.mcq-top{margin-bottom:12px;padding:0 2px}
.mcq-question-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mcq-reference-card .eyebrow{margin:0}
.mcq-counter{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:62px;height:32px;padding:0 12px;
  border:1px solid #a8d6c6;background:#f4fbf8;color:var(--green-dark);
  font-size:.76rem;font-weight:800;letter-spacing:.05em;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.mcq-question-panel,.quick-question-panel{
  position:relative;
  margin:0 0 15px;
  padding:17px 22px;
  background:linear-gradient(180deg,#fcfffe,#f7fbf9);
  border:1px solid var(--mcq-line,#a9d8c7);
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
.mcq-question-panel:before,.quick-question-panel:before{
  content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#49b996,transparent);opacity:.55;
}
.mcq-question-panel h2,.quick-question-panel h3{margin:0!important;text-align:center}
.mcq-question-panel h2{font-size:clamp(1.08rem,1.8vw,1.38rem);line-height:1.45}

.mcq-reference-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px!important;
  margin:15px 0 17px!important;
}
.mcq-reference-options .option,.mcq-reference-options.test-options label{
  position:relative;
  display:flex;align-items:center;gap:12px;
  min-height:62px;
  padding:8px 48px 8px 10px!important;
  border:1px solid #a8cfc1!important;
  background:linear-gradient(180deg,#fff,#f5faf8)!important;
  color:var(--ink)!important;
  border-radius:0!important;
  clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 3px 10px rgba(18,43,37,.04);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
  cursor:pointer;
}
.mcq-reference-options .option:hover,.mcq-reference-options.test-options label:hover{
  transform:translateY(-1px);
  border-color:#5eb394!important;
  background:linear-gradient(180deg,#fbfffd,#ecf8f3)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 6px 15px rgba(8,126,101,.08);
}
.mcq-reference-options .letter{
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  margin:0!important;border:1px solid #78b8a1!important;border-radius:0!important;
  background:linear-gradient(180deg,#eef8f4,#dff1e9)!important;color:var(--green-dark)!important;
  font-size:1rem!important;font-weight:850!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.72);
}
.mcq-reference-options .option-text{min-width:0;flex:1;font-weight:650;line-height:1.35}
.option-indicator{
  position:absolute;right:17px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:50%;border:3px solid #75938a;background:#fff;
  box-shadow:inset 0 0 0 4px #fff;
}
.mcq-reference-options .option.selected,.mcq-reference-options.test-options label:has(input:checked){
  border-color:var(--green)!important;
  background:linear-gradient(180deg,#f0fbf6,#e3f5ed)!important;
  box-shadow:inset 0 0 0 1px rgba(8,126,101,.22),0 6px 17px rgba(8,126,101,.10)!important;
}
.mcq-reference-options .option.selected .letter,.mcq-reference-options.test-options label:has(input:checked) .letter{
  border-color:var(--green)!important;background:#e0f4eb!important;color:#04684f!important;
}
.mcq-reference-options .option.selected .option-indicator,.mcq-reference-options.test-options label:has(input:checked) .option-indicator{
  border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 4px #fff,0 0 0 2px rgba(8,126,101,.12);
}
.mcq-reference-options .option.correct{
  border-color:#1d9a5f!important;
  background:linear-gradient(135deg,#e9faef,#d5f3e2)!important;
  box-shadow:inset 0 0 0 1px rgba(18,155,92,.28),0 0 18px rgba(25,155,92,.13)!important;
}
.mcq-reference-options .option.correct .letter{border-color:#1d9a5f!important;background:#ccefd9!important;color:#075a39!important}
.mcq-reference-options .option.correct .option-indicator{border-color:#15965a;background:#15965a;box-shadow:inset 0 0 0 4px #fff,0 0 0 2px rgba(21,150,90,.15)}
.mcq-reference-options .option.wrong{
  border-color:#cc7a7a!important;background:linear-gradient(180deg,#fff8f8,#fff0f0)!important;
}
.mcq-reference-options .option.wrong .letter{border-color:#cf8a8a!important;background:#fde8e8!important;color:#8e2d2d!important}
.mcq-reference-options .option.wrong .option-indicator{border-color:#bc5555;background:#bc5555;box-shadow:inset 0 0 0 4px #fff}
.mcq-reference-options .option:disabled{cursor:default!important;transform:none!important}

.mcq-verified-answer{
  position:relative;
  border:1px solid #71bd93!important;
  background:linear-gradient(135deg,#effbf4,#e3f6eb)!important;
  padding:14px 16px!important;margin:12px 0!important;border-radius:0!important;
  clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);
}
.verified-answer-head{display:flex;align-items:center;gap:10px;min-width:0}
.verified-check{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#16975c;color:#fff;font-size:1.15rem;font-weight:900;box-shadow:0 0 0 5px rgba(22,151,92,.10);
}
.mcq-verified-answer strong{font-size:.92rem!important;color:#146841;min-width:0}
.mcq-verified-answer strong b{font-size:1.02em;color:#087747}
.verified-stamp{margin-left:auto;border:1px solid #309a64;color:#167347;background:#f4fff8;padding:3px 8px;font-size:.65rem;font-weight:850;letter-spacing:.06em;transform:rotate(-4deg)}
.mcq-verified-answer p{margin:9px 0 0!important;color:#385e4d!important;font-size:.82rem!important;line-height:1.5!important}
.mcq-verified-answer .mcq-answer-years{margin-top:10px}
.mcq-reference-actions{padding-top:2px}

/* Home quick MCQ uses the same visual language at a smaller scale. */
.mcq-reference-quick{--mcq-line:#a7d4c4}
.mcq-reference-quick .quick-question-panel{padding:12px 15px;margin-bottom:10px}
.mcq-reference-quick .quick-question-panel h3{font-size:.94rem;line-height:1.38}
.mcq-reference-quick .quick-options{display:grid;grid-template-columns:1fr 1fr;gap:7px!important}
.mcq-reference-quick .quick-option{
  position:relative;min-height:44px!important;padding:6px 34px 6px 7px!important;border-radius:0!important;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.mcq-reference-quick .quick-option .letter{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:0!important;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%)}
.mcq-reference-quick .quick-option .option-indicator{right:10px;width:16px;height:16px;border-width:2px;box-shadow:inset 0 0 0 3px #fff}
.mcq-reference-quick .quick-option.correct .option-indicator,.mcq-reference-quick .quick-option.selected .option-indicator{background:var(--green);border-color:var(--green)}
.mcq-reference-quick .mcq-verified-answer{padding:10px 11px!important;margin-top:8px!important}
.mcq-reference-quick .verified-check{width:26px;height:26px;flex-basis:26px;font-size:.9rem}

/* Test-mode radios keep native form semantics but visually match the reference options. */
.mcq-reference-options.test-options input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.mcq-reference-options.test-options label{margin:0}
.mcq-reference-options.test-options label:focus-within{outline:3px solid #19aa85;outline-offset:3px}
.test-question.mcq-reference-card{padding:21px;margin-bottom:16px}
.test-question.mcq-reference-card .mcq-top{margin-bottom:10px}
.test-question.mcq-reference-card .mcq-question-panel{margin-bottom:12px}

@media(max-width:760px){
  .mcq-reference-options{grid-template-columns:1fr!important;gap:9px!important}
  .mcq-reference-options .option,.mcq-reference-options.test-options label{min-height:56px;padding-right:43px!important}
  .mcq-reference-options .letter{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  .mcq-question-panel{padding:14px 16px}
  .mcq-reference-quick .quick-options{grid-template-columns:1fr}
  .verified-stamp{display:none}
}
@media(max-width:440px){
  .mcq-counter{min-width:54px;height:29px;padding-inline:9px}
  .mcq-reference-card .mcq-top{align-items:flex-start}
  .mcq-top-actions{gap:2px}
  .mcq-question-panel h2{font-size:1.02rem}
  .mcq-reference-options .option,.mcq-reference-options.test-options label{min-height:52px;padding-left:7px!important}
  .mcq-reference-options .letter{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;font-size:.84rem!important}
  .option-indicator{right:13px;width:19px;height:19px;border-width:2px}
}

/* 2026-09-22 — unified dashboard cards + green admin sidebar + light/dark themes */
html{color-scheme:light}
body{background:var(--bg);color:var(--ink);transition:background-color .2s ease,color .2s ease}

/* Reference statistic-card treatment used anywhere UI.statCard() is rendered. */
.stat-card{
  min-height:132px;
  padding:22px 23px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:var(--card-surface,#fff);
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  overflow:hidden;
}
.stat-card:hover,.stat-card-link:hover{
  transform:translateY(-3px);
  border-color:#cbd5e1;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.08);
}
.stat-card.tone-primary{border-color:#10b981;box-shadow:0 0 0 1px #10b981}
.stat-card-head{margin-bottom:15px}
.stat-card-label{font-size:.78rem;font-weight:600;color:var(--muted)}
.stat-card-value{font-size:clamp(1.75rem,2.2vw,2rem);font-weight:760;letter-spacing:-.035em}
.stat-card-subtitle{padding-top:8px;font-size:.72rem}
.stat-card-icon{width:40px;height:40px;flex-basis:40px;border-radius:10px}
.stat-card-icon.tone-info{background:#eff6ff;color:#3b82f6}
.stat-card-icon.tone-primary,.stat-card-icon.tone-success{background:#ecfdf5;color:#10b981}
.stat-card-icon.tone-danger{background:#fef2f2;color:#ef4444}
.stat-card-icon.tone-neutral{background:#f1f5f9;color:#64748b}
.stat-card-icon.tone-warning{background:#fff7ed;color:#f97316}

/* Small status/count cards should visually belong to the same system. */
.status-grid .card,.admin-record-counts>div{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card-surface,#fff);
  box-shadow:0 1px 3px rgba(0,0,0,.035);
}
.status-grid .card{padding:18px!important}
.status-grid .card strong{display:block;margin-top:8px;font-size:1.6rem;line-height:1.1}

/* Admin / Super Admin: keep the existing sidebar structure, make the surface green. */
.sidebar{
  background:linear-gradient(180deg,#087e65 0%,#075b4c 100%)!important;
  border-color:#0c6e5b!important;
  box-shadow:0 10px 28px rgba(7,91,76,.20)!important;
  color:#fff!important;
}
.sidebar .brand{color:#fff!important;border-bottom-color:rgba(255,255,255,.14)!important}
.sidebar .brand em{color:#b8f3df!important}
.sidebar .logo-crop{background:#fff!important}
.sidebar .nav-label{color:#bfe6d9!important}
.sidebar a.item{color:#e8f7f2!important;border-bottom-color:rgba(255,255,255,.10)!important}
.sidebar a.item .icon{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
.sidebar a.item:nth-of-type(4n+2) .icon,
.sidebar a.item:nth-of-type(4n+3) .icon,
.sidebar a.item:nth-of-type(4n+4) .icon{background:rgba(255,255,255,.13)!important;color:#fff!important}
.sidebar a.item::after{color:#aee6d4!important}
.sidebar a.item:hover,.sidebar a.item.active{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.sidebar a.item.active{box-shadow:inset 3px 0 0 #9af0d3!important}

/* Theme toggle */
.theme-label{font-size:.72rem;font-weight:700}


@media(prefers-reduced-motion:reduce){body{transition:none}}

/* 2026-09-22 — Rounded MCQ reference refinement
   Match the latest supplied light reference: soft rounded question box,
   pill-shaped options, clear correct/wrong states, and visible options in
   compact/dashboard MCQ lists. */
.mcq-reference-card{
  border:1px solid #c8ddd4!important;
  border-radius:26px!important;
  padding:24px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(22,55,45,.10)!important;
  overflow:hidden!important;
}
.mcq-reference-card.mcq-card-compact{
  padding:20px!important;
  margin-bottom:16px!important;
}
.mcq-reference-card>.mcq-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.mcq-reference-card .mcq-question-label .eyebrow{
  color:#157a5b!important;
  font-size:.78rem!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
.mcq-reference-card .badge{
  border-radius:8px!important;
  background:#f5f6f6!important;
  border:1px solid #d6dcda!important;
  color:#44514d!important;
  padding:6px 10px!important;
  box-shadow:none!important;
}
.mcq-counter{
  min-width:64px!important;
  height:34px!important;
  border-radius:14px!important;
  clip-path:none!important;
  background:#f8fbfa!important;
  border:1px solid #afd0c3!important;
  color:#17211e!important;
  font-size:.82rem!important;
}
.mcq-question-panel,.quick-question-panel{
  margin:0 0 20px!important;
  padding:22px 24px!important;
  border:1.5px solid #aecfc1!important;
  border-radius:18px!important;
  clip-path:none!important;
  background:#fff!important;
  box-shadow:none!important;
}
.mcq-question-panel:before,.quick-question-panel:before{display:none!important}
.mcq-question-panel h2{
  font-size:clamp(1.12rem,2vw,1.46rem)!important;
  line-height:1.4!important;
  font-weight:800!important;
  color:#171d1b!important;
}
.mcq-reference-options{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 18px!important;
  margin:0 0 20px!important;
}
.mcq-reference-options .option,.mcq-reference-options.test-options label{
  min-height:66px!important;
  padding:8px 54px 8px 20px!important;
  border:2px solid #9eafa9!important;
  border-radius:999px!important;
  clip-path:none!important;
  background:#fff!important;
  box-shadow:none!important;
  gap:15px!important;
}
.mcq-reference-options .option:hover,.mcq-reference-options.test-options label:hover{
  transform:none!important;
  border-color:#4c9b7d!important;
  background:#f8fcfa!important;
  box-shadow:0 3px 10px rgba(18,80,60,.05)!important;
}
.mcq-reference-options .letter{
  width:34px!important;
  height:36px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border:0!important;
  border-right:1px solid #87a69b!important;
  border-radius:0!important;
  clip-path:none!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#3f6558!important;
  font-size:1.03rem!important;
  font-weight:850!important;
  justify-content:flex-start!important;
}
.mcq-reference-options .option-text{
  font-size:.94rem!important;
  font-weight:500!important;
  color:#1f2925!important;
}
.option-indicator{
  right:18px!important;
  width:22px!important;
  height:22px!important;
  border:2.5px solid #8ca39a!important;
  background:#fff!important;
  box-shadow:none!important;
}
.mcq-reference-options .option.selected,.mcq-reference-options.test-options label:has(input:checked){
  border-color:#188a5d!important;
  background:linear-gradient(90deg,#f1fbf6,#ddf5e7)!important;
  box-shadow:none!important;
}
.mcq-reference-options .option.selected .letter,.mcq-reference-options.test-options label:has(input:checked) .letter{
  border-color:#188a5d!important;
  border-right:1px solid #188a5d!important;
  background:transparent!important;
  color:#0a754d!important;
}
.mcq-reference-options .option.selected .option-indicator,.mcq-reference-options.test-options label:has(input:checked) .option-indicator{
  border-color:#16885b!important;
  background:#16885b!important;
  box-shadow:inset 0 0 0 5px #eaf8f1!important;
}
.mcq-reference-options .option.correct{
  border-color:#16885b!important;
  background:linear-gradient(90deg,#f1fbf6,#dff5e8)!important;
  box-shadow:none!important;
}
.mcq-reference-options .option.correct .letter{
  border:0!important;
  border-right:1px solid #16885b!important;
  background:transparent!important;
  color:#0b744d!important;
}
.mcq-reference-options .option.correct .option-indicator{
  border-color:#16885b!important;
  background:#16885b!important;
  box-shadow:inset 0 0 0 5px #eaf8f1!important;
}
.mcq-reference-options .option.wrong{
  border-color:#b84646!important;
  background:linear-gradient(90deg,#fff5f5,#fde5e5)!important;
  box-shadow:none!important;
}
.mcq-reference-options .option.wrong .letter{
  border:0!important;
  border-right:1px solid #b84646!important;
  background:transparent!important;
  color:#9d2525!important;
}
.mcq-reference-options .option.wrong .option-indicator{
  border-color:#b84646!important;
  background:#fff!important;
  box-shadow:none!important;
}
.mcq-verified-answer{
  border:0!important;
  border-radius:18px!important;
  clip-path:none!important;
  padding:18px 20px!important;
  margin:16px 0 12px!important;
  background:linear-gradient(90deg,#effaf4,#e3f5eb)!important;
}
.verified-answer-head{gap:12px!important}
.verified-check{
  width:38px!important;height:38px!important;flex-basis:38px!important;
  background:#1b9a66!important;box-shadow:none!important;
}
.verified-stamp{
  border:2px solid #2c9367!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#1c8058!important;
  padding:4px 9px!important;
  transform:rotate(-4deg)!important;
}
.mcq-verified-answer p{font-size:.9rem!important;color:#273c34!important}
.mcq-reference-actions{
  border-top:0!important;
  padding-top:4px!important;
}
.mcq-reference-actions .btn.ghost{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Compact/dashboard MCQs still show the full question and all four options. */
.mcq-card-compact .mcq-question-panel{padding:17px 20px!important;margin-bottom:14px!important}
.mcq-card-compact .mcq-reference-options{gap:11px 13px!important;margin-bottom:14px!important}
.mcq-card-compact .mcq-reference-options .option{min-height:54px!important;padding-top:6px!important;padding-bottom:6px!important}
.mcq-card-compact .mcq-reference-actions{margin-top:0!important}
.related-box .mcq-reference-card{margin-top:14px!important}
.search-results-list .mcq-reference-card{margin-bottom:16px!important}

/* Featured/quick MCQ follows the same rounded option system. */
.mcq-reference-quick .quick-question-panel{border-radius:14px!important;clip-path:none!important;background:#fff!important}
.mcq-reference-quick .quick-option{
  min-height:48px!important;
  border:1.7px solid #a1b2ac!important;
  border-radius:999px!important;
  clip-path:none!important;
  background:#fff!important;
  padding:6px 36px 6px 14px!important;
}
.mcq-reference-quick .quick-option .letter{
  width:28px!important;height:28px!important;flex-basis:28px!important;
  border-radius:0!important;clip-path:none!important;background:transparent!important;
  border-right:1px solid #91a79f!important;
}

@media(max-width:760px){
  .mcq-reference-card{padding:16px!important;border-radius:20px!important}
  .mcq-reference-options{grid-template-columns:1fr!important;gap:10px!important}
  .mcq-reference-options .option,.mcq-reference-options.test-options label{min-height:56px!important;padding-left:16px!important;padding-right:48px!important}
  .mcq-question-panel,.quick-question-panel{padding:17px 16px!important;border-radius:14px!important}
}

/* 2026-09-22 — Compact density, country tags and three-column collections */
:root{
  --radius:13px;
}
body{font-size:.94rem}
.container{max-width:1180px;padding-left:24px;padding-right:24px}
h1{font-size:clamp(1.72rem,3vw,2.65rem)}
h2{font-size:1.42rem}
h3{font-size:.98rem}
.page{padding-top:20px;padding-bottom:38px}
.page-heading{margin-bottom:20px}
.page-heading h1{font-size:2rem;margin-bottom:8px}
.section{padding:24px 0}
.section-head{margin-bottom:17px}
.card{padding:17px;border-radius:13px}
.card p{font-size:.8rem}
.btn{padding:9px 14px;font-size:.8rem}
.btn.sm{padding:6px 9px;font-size:.73rem}
.eyebrow{font-size:.67rem;margin-bottom:9px}
.breadcrumbs{margin-bottom:18px;font-size:.74rem}

/* Restore compact brand content in the existing header design. */
.reference-header .header-inner{gap:10px}
.reference-header>.header-inner>.brand,
.reference-header .header-inner>.brand{font-size:.94rem;gap:6px;flex:0 0 auto}
.reference-header .header-inner>.brand .logo-crop{width:31px;height:34px;border-radius:7px}
.reference-header .header-inner>.brand .logo-crop img{width:67px;left:-18px;top:-10px}
.reference-header .nav{gap:1px}
.reference-header .nav>a{padding:7px 7px;font-size:.67rem;gap:4px}
.reference-header .header-search{width:clamp(190px,22vw,320px);flex-basis:320px}
@media(max-width:1120px){.reference-header .nav>a span{display:none}.reference-header .nav>a{padding:8px}.reference-header .header-search{flex-basis:270px}}
@media(max-width:980px){.reference-header .nav>a span{display:inline}.reference-header .header-inner>.brand{font-size:.88rem}.reference-header .header-search{flex-basis:auto}}
@media(max-width:620px){.reference-header .header-inner>.brand span:last-child{display:none}.reference-header .header-inner>.brand .logo-crop{width:30px;height:32px}.container{padding-left:14px;padding-right:14px}}

/* MCQ header now uses only useful status/country metadata, no question numbering. */
.mcq-question-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mcq-question-tags .badge{font-size:.64rem!important;padding:3px 7px!important;border-radius:7px!important;line-height:1.35!important;text-transform:none!important}
.mcq-question-tags .badge.important{background:#fff7df!important;border-color:#e8cf82!important;color:#805c00!important}
.mcq-country-badge{background:#edf7f3!important;border-color:#c4ded4!important;color:#356157!important}
.mcq-featured-badge{background:#eef4ff!important;border-color:#c8d7f2!important;color:#46658f!important}
.mcq-reference-card>.mcq-top{margin-bottom:9px!important;min-height:28px!important}
.mcq-top-actions{display:flex;align-items:center;gap:4px}
.mcq-top-actions .btn.ghost{padding:5px!important}
.mcq-top-actions .icon{width:16px;height:16px}
.mcq-counter{display:none!important}

/* Reduce empty space around questions/options; shapes follow the text instead of dominating it. */
.mcq-reference-card{padding:15px!important;border-radius:18px!important;margin-bottom:13px!important;box-shadow:0 6px 18px rgba(22,55,45,.07)!important}
.mcq-reference-card.mcq-card-compact{padding:13px!important;margin-bottom:11px!important}
.mcq-question-panel,.quick-question-panel{padding:10px 14px!important;margin:0 0 10px!important;border-radius:11px!important;min-height:0!important}
.mcq-question-panel h2{font-size:clamp(.94rem,1.35vw,1.08rem)!important;line-height:1.35!important;font-weight:740!important}
.mcq-reference-options{gap:8px 10px!important;margin:0 0 10px!important}
.mcq-reference-options .option,.mcq-reference-options.test-options label{
  min-height:42px!important;padding:5px 38px 5px 12px!important;border-width:1.5px!important;gap:9px!important;
}
.mcq-reference-options .letter{width:25px!important;height:26px!important;min-width:25px!important;flex-basis:25px!important;font-size:.82rem!important}
.mcq-reference-options .option-text{font-size:.81rem!important;line-height:1.25!important;font-weight:540!important}
.option-indicator{right:13px!important;width:16px!important;height:16px!important;border-width:2px!important}
.mcq-reference-options .option.selected .option-indicator,
.mcq-reference-options.test-options label:has(input:checked) .option-indicator,
.mcq-reference-options .option.correct .option-indicator{box-shadow:inset 0 0 0 3px #eaf8f1!important}
.mcq-verified-answer{padding:9px 11px!important;margin:9px 0 7px!important;border-radius:11px!important}
.verified-answer-head{gap:8px!important}
.verified-check{width:26px!important;height:26px!important;flex-basis:26px!important;font-size:.85rem!important}
.mcq-verified-answer strong{font-size:.78rem!important}
.verified-stamp{font-size:.54rem!important;padding:2px 5px!important;border-width:1px!important}
.mcq-verified-answer p{font-size:.72rem!important;line-height:1.4!important;margin-top:6px!important}
.mcq-answer-years{font-size:.69rem!important;margin-top:6px!important}
.mcq-answer-years .chip{font-size:.66rem!important;padding:3px 6px!important}
.mcq-reference-actions{font-size:.7rem!important;padding-top:0!important}
.mcq-reference-actions .small{font-size:.68rem!important}
.mcq-reference-actions .btn.ghost{padding:5px!important}
.mcq-reference-actions .icon{width:15px;height:15px}
.mcq-card-compact .mcq-question-panel{padding:9px 12px!important;margin-bottom:8px!important}
.mcq-card-compact .mcq-reference-options{gap:7px 9px!important;margin-bottom:8px!important}
.mcq-card-compact .mcq-reference-options .option{min-height:38px!important;padding-top:4px!important;padding-bottom:4px!important}
.mcq-reference-quick .quick-head{margin-bottom:7px!important}
.mcq-reference-quick .quick-question-panel{padding:9px 12px!important;margin-bottom:7px!important}
.mcq-reference-quick .quick-question-panel h3{font-size:.9rem!important;line-height:1.32!important}
.mcq-reference-quick .quick-options{gap:6px!important}
.mcq-reference-quick .quick-option{min-height:36px!important;padding:4px 31px 4px 10px!important;font-size:.76rem!important}
.mcq-reference-quick .quick-option .letter{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:.72rem!important}
.quick-dots{gap:5px!important;margin-top:7px!important}
.quick-dot{width:5px!important;height:5px!important;min-width:5px!important;padding:0!important}

/* Collection cards: compact and consistent. Jobs/papers/years/categories use 3 cards per row on desktop. */
.entity-card-grid,.paper-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.entity-showcase-card{
  min-height:112px!important;padding:12px 12px!important;grid-template-columns:48px minmax(0,1fr) 28px!important;
  gap:10px!important;border-radius:13px!important;box-shadow:0 3px 12px rgba(18,43,37,.045)!important;
}
.entity-card-image{width:46px!important;height:46px!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px #fbfdfc!important}
.entity-card-image>.icon{width:23px!important;height:23px!important}
.entity-card-badge{font-size:.57rem!important;padding:2px 6px!important;border-radius:6px!important}
.entity-showcase-card h3{font-size:.84rem!important;line-height:1.25!important;margin:5px 0 3px!important;letter-spacing:-.01em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.entity-showcase-card p{font-size:.68rem!important;line-height:1.3!important;-webkit-line-clamp:2!important}
.entity-card-meta{padding-top:6px!important;margin-top:6px!important;font-size:.67rem!important}
.entity-card-arrow{width:28px!important;height:28px!important;border-radius:8px!important}
.entity-card-arrow .icon{width:15px!important;height:15px!important}
.grid{gap:11px}
.tile-icon{width:36px;height:36px;border-radius:9px}
.card h3{margin:9px 0 5px}
.card-foot{margin-top:12px;font-size:.72rem}
.home-cat-title>a{min-height:31px!important;font-size:.7rem!important}
.home-cat-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
.home-sub-link{font-size:.68rem!important;padding-top:2px!important}
@media(max-width:960px){.entity-card-grid,.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.entity-card-grid,.paper-grid{grid-template-columns:1fr!important}.entity-showcase-card{min-height:98px!important}.mcq-reference-options{grid-template-columns:1fr!important}}

/* Dashboard stat cards also use the denser global scale. */
.stat-card{padding:15px!important;min-height:118px!important;border-radius:11px!important}
.stat-card-head{margin-bottom:10px!important}
.stat-card-label{font-size:.7rem!important}
.stat-card-value{font-size:1.6rem!important}
.stat-card-subtitle{font-size:.66rem!important;padding-top:5px!important}
.stat-card-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important}
.stat-card-icon .icon{width:17px;height:17px}

/* 2026-09-22 learner profile, signup and light-only refinements */
html{color-scheme:light!important}
.password-input-wrap{position:relative;display:flex;align-items:center}
.password-input-wrap input{width:100%;padding-right:62px!important}
.password-toggle-btn{position:absolute;right:7px;border:0;background:#eef6f2;color:#087e65;border-radius:7px;padding:6px 9px;font-size:.72rem;font-weight:700}
.password-help{font-size:.72rem;color:var(--muted);margin:-12px 0 14px}
.auth-form .auth-error{min-height:18px;color:var(--red);font-size:.78rem;margin:8px 0}
.check-line{align-items:flex-start;gap:9px;line-height:1.45}
.check-line input{margin-top:3px}

.learner-profile-page{display:grid;gap:16px}
.profile-header-card{padding:18px 20px}
.profile-header-card .profile-photo-row{margin:0;align-items:center}
.profile-header-copy h2{margin:2px 0 3px;font-size:1.35rem}
.profile-header-copy p{margin:0 0 9px;color:var(--muted);font-size:.82rem}
.profile-learning-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.profile-learning-snapshot .stat-card{padding:16px;min-height:130px}
.profile-learning-snapshot .card-value{font-size:1.55rem}
.profile-sections{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}
.profile-sections>.card{height:100%}
.profile-save-row{grid-column:1/-1;display:flex;justify-content:flex-end}
.profile-interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.interest-choice{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfdfc;font-size:.78rem}
.interest-choice:has(input:checked){border-color:#7fc7ae;background:#eef8f3;color:#086f59}
.profile-security-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#efd2d2;background:#fffafa}
.danger-zone h2{margin:0 0 5px;font-size:1.15rem}
.danger-zone p{margin:0}
.profile-test-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}

/* Guide and blog cards: rounded rectangular visual/icon on left, text on right */
.content-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.content-showcase-card{min-height:150px!important;grid-template-columns:104px minmax(0,1fr)!important;gap:16px!important;padding:15px!important;border-radius:14px!important;align-items:center!important}
.content-showcase-media{order:-1;width:104px;height:104px;border-radius:16px;overflow:hidden;background:#eef7f3;border:1px solid #dbe9e3}
.content-showcase-media:before{display:none!important}
.content-showcase-media img{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;background:transparent!important}
.content-fallback{width:100%!important;height:100%!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:center}
.content-fallback .icon{width:30px;height:30px}
.content-showcase-card h3{margin:6px 0 5px!important;font-size:1rem!important;-webkit-line-clamp:2!important}
.content-showcase-card .content-showcase-copy>p:not(.content-kicker){font-size:.75rem!important;-webkit-line-clamp:2!important}
.content-kicker{font-size:.62rem!important;margin-bottom:3px!important}
.content-pill{font-size:.62rem!important;padding:3px 7px!important}
.content-cta,.content-date{font-size:.7rem!important}

/* More header destinations without changing the existing header design */
.reference-header .nav>a{padding-left:6px!important;padding-right:6px!important;font-size:.64rem!important}
.reference-header .nav>a .icon{width:14px!important;height:14px!important}
.reference-header .header-search{width:clamp(170px,18vw,270px)!important;flex-basis:270px!important}
@media(max-width:1280px){.reference-header .nav>a span{display:none}.reference-header .nav>a{padding:8px!important}.reference-header .header-search{flex-basis:250px!important}}
@media(max-width:980px){.reference-header .nav>a span{display:inline}.reference-header .header-search{flex-basis:auto!important}}
@media(max-width:900px){.profile-learning-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-sections{grid-template-columns:1fr}.profile-security-card .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.profile-learning-snapshot{grid-template-columns:1fr 1fr}.profile-interest-grid{grid-template-columns:1fr}.profile-security-card .form-grid{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.content-showcase-grid{grid-template-columns:1fr}.content-showcase-card{grid-template-columns:82px minmax(0,1fr)!important}.content-showcase-media{width:82px;height:82px}.profile-learning-snapshot .stat-card{min-height:112px;padding:13px}}

/* Country-aware MCQ administration */
.mcq-country-row{align-items:end}.mcq-country-default{margin:0 0 8px}.current-affairs-mcqs{display:grid;gap:12px}.mcq-question-tags .mcq-country-badge{font-weight:600}


/* Final compact dashboard + overflow-fit pass — 2026-09-22 */
.stat-card.tone-primary{border-color:var(--line)!important;box-shadow:0 1px 3px rgba(15,23,42,.04)!important}
.learner-metrics{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
.learner-metrics .stat-card{min-height:82px!important;padding:10px 11px!important;border-radius:10px!important}
.learner-metrics .stat-card-head{margin-bottom:3px!important;gap:6px!important}
.learner-metrics .stat-card-label{font-size:.62rem!important;line-height:1.15!important}
.learner-metrics .stat-card-value{font-size:1.22rem!important;line-height:1.05!important}
.learner-metrics .stat-card-subtitle{font-size:.55rem!important;line-height:1.15!important;padding-top:2px!important}
.learner-metrics .stat-card-icon{width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:7px!important}
.learner-metrics .stat-card-icon .icon{width:13px!important;height:13px!important}
.entity-card-body,.content-showcase-copy,.stat-card-head,.stat-card-label,.entity-card-meta span,.paper-admin-group>div,.settings-hub-card>span{min-width:0}
.post-links{display:block!important}
.post-links-list{display:grid;gap:8px;margin-top:10px}
.post-link-row{display:grid!important;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;text-align:left;justify-content:stretch!important}
.post-link-index{width:24px;height:24px;border-radius:7px;background:#edf7f2;color:#16775a;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}
.post-link-row .icon{margin-left:auto}
@media(max-width:1180px){.learner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.learner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learner-metrics .stat-card{min-height:78px!important}}

.picker-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.picker-select-row select{min-width:0;width:100%}

/* 2026-09-22 final compact hierarchy, custom social icons, and single-line fitting */
.entity-card-badge{padding-left:8px;padding-right:8px;letter-spacing:-.01em}

/* Home: keep the first screen focused on MCQ practice instead of four summary/feature cards. */
.home-hero-compact{padding:34px 0 24px}
.home-hero-compact .home-hero-copy{position:relative;overflow:hidden;border:1px solid #dce8e3;border-radius:20px;padding:34px 36px;background:linear-gradient(135deg,#ffffff 0%,#f1faf6 100%);box-shadow:0 10px 30px rgba(18,43,37,.055)}
.home-hero-compact .home-hero-copy:after{content:"";position:absolute;right:-80px;top:-105px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(8,126,101,.12),rgba(8,126,101,0) 68%);pointer-events:none}
.home-hero-compact h1{font-size:clamp(2rem,4vw,3.25rem);max-width:720px;margin-bottom:12px}
.home-hero-compact .hero-copy{margin:10px 0 20px;max-width:690px;font-size:.98rem}
.home-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.home-content-priority{padding-top:18px}

/* Logged-in learning summary lives in the MCQ contextual sidebar. */
.sidebar-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0 9px}
.sidebar-learning-grid>div{border:1px solid #e1ebe7;background:#f8fbfa;border-radius:9px;padding:8px 9px;min-width:0}
.sidebar-learning-grid strong{display:block;font-size:.86rem;line-height:1.15;color:#173b33}
.sidebar-learning-grid span{display:block;margin-top:3px;font-size:.62rem;line-height:1.2;color:#71807b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-learning-card .smart-sidebar-link{margin-top:4px}

/* Learner preference is intentionally only the daily MCQ goal. */
.profile-preferences-grid{grid-template-columns:minmax(220px,420px)!important}

/* Super Admin paper hierarchy: full-page Paper -> Job -> Job Year flow, no MCQ table/sidebar split. */
.paper-hierarchy-trail{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:4px 0 24px;padding:10px 13px;border:1px solid #dce8e3;border-radius:11px;background:#f8fbfa;font-size:.78rem;color:#52655f}
.paper-hierarchy-trail .icon{width:14px;height:14px;color:#8ca099}
.admin-hierarchy-head{margin-bottom:16px}
.admin-hierarchy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-hierarchy-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:17px 17px 15px;border-radius:14px;min-height:158px}
.admin-hierarchy-icon{width:44px;height:44px;border-radius:11px;border:1px solid #dce8e3;background:#f3f9f6;color:var(--green);display:flex;align-items:center;justify-content:center;overflow:hidden}
.admin-hierarchy-icon .entity-icon-img{width:100%;height:100%;object-fit:contain;padding:5px}
.admin-hierarchy-icon .entity-emoji{font-size:1.1rem}
.admin-hierarchy-icon>.icon{width:22px;height:22px}
.admin-hierarchy-copy{min-width:0;padding-right:2px}
.admin-hierarchy-copy .eyebrow{font-size:.59rem;letter-spacing:.11em;margin:0 0 5px}
.admin-hierarchy-copy h3{font-size:.92rem;line-height:1.27;margin:0 0 6px;overflow-wrap:anywhere}
.admin-hierarchy-copy p:not(.eyebrow){font-size:.69rem;line-height:1.35;margin:0;color:#6e7f7a}
.admin-hierarchy-select{position:absolute;right:12px;top:11px;display:inline-flex;align-items:center;gap:5px;font-size:.64rem;color:#657772;background:#fff;border:1px solid #dce8e3;border-radius:999px;padding:3px 7px;z-index:2}
.admin-hierarchy-select input{margin:0;width:13px;height:13px}
.hierarchy-open{grid-column:1/-1;justify-self:flex-end;margin-top:auto}
.admin-multi-select-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 14px;border:1px solid #dce8e3;border-radius:12px;background:#fbfdfc}
.admin-year-group{padding:7px 0 28px}
.admin-year-group+.admin-year-group{border-top:1px solid #e4ece8;padding-top:26px}
.admin-year-card{grid-template-columns:46px minmax(0,1fr);min-height:142px}
.admin-hierarchy-card-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}
@media(max-width:1050px){.admin-hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.admin-hierarchy-grid{grid-template-columns:1fr}.admin-multi-select-bar{align-items:stretch;flex-direction:column}.admin-multi-select-bar .btn{width:100%}}

/* Social icon uploads in Super Admin settings. */
.social-settings-card{max-width:980px}
.social-icon-controls{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1.35fr);gap:12px;align-items:end}
.social-upload-field{align-self:stretch}
.social-custom-preview,.footer-social-custom-icon{display:block;width:100%;height:100%;object-fit:contain}
.social-admin-icon .social-custom-preview{padding:5px;border-radius:9px}
.footer-social a{overflow:hidden}
.footer-social-custom-icon{width:20px;height:20px;border-radius:4px}
@media(max-width:700px){.social-icon-controls{grid-template-columns:1fr}}

/* Search-first MCQ relation pickers + delegated permissions + responsive public layout — 2026-09-22 */
.mcq-search-picker-field{min-width:0}
.mcq-search-picker{position:relative}
.mcq-search-picker>input{width:100%;min-width:0;padding-right:38px}
.mcq-search-picker:after{content:"⌕";position:absolute;right:12px;top:9px;pointer-events:none;color:var(--muted);font-size:.9rem;line-height:1}
.mcq-search-picker .picker-results{top:calc(100% + 5px)}
.mcq-search-picker-field .chips{margin-top:7px;gap:6px}
.mcq-search-picker-field .chip{cursor:default;user-select:text}
.mcq-search-picker-field .chip button{cursor:pointer}
.admin-permission-fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;margin:15px 0}
.admin-permission-fieldset legend{padding:0 7px;font-size:.82rem;font-weight:750}
.admin-permission-fieldset .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
.admin-record-permission-line{font-size:.72rem;color:var(--muted);margin:8px 0 12px}

/* Restore compact website totals inside the home hero. */
.home-top-stats{margin-top:18px}
.home-hero-compact .home-top-stats .stat-card{min-height:104px;padding:14px 15px;border-radius:12px}
.home-hero-compact .home-top-stats .stat-card-value{font-size:1.45rem}
.home-hero-compact .home-top-stats .stat-card-subtitle{font-size:.65rem}

/* Existing public drawer is desktop-only now: mobile keeps MCQs full-width. */
@media(max-width:900px){
 .public-sidebar-mobile-bar,.public-sidebar,.public-sidebar-backdrop{display:none!important}
 .public-layout{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .public-main{min-width:0;width:100%}
 .admin-permission-fieldset .permission-grid{grid-template-columns:1fr}
}

/* Mobile footer: logo/socials above, navigation remains two useful columns. */
@media(max-width:600px){
 .footer-grid-compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px 16px!important}
 .footer-grid-compact>.footer-brand-block{grid-column:1/-1!important}
 .footer-grid-compact>.footer-column{min-width:0!important}
 .footer-grid-compact>.footer-column a{overflow-wrap:anywhere}
 .footer-social{margin-top:12px}
 .home-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .home-hero-compact .home-top-stats .stat-card{min-height:96px;padding:11px 12px}
}
@media(max-width:380px){
 .footer-grid-compact{gap:16px 10px!important}
 .footer-grid-compact .footer-column a{font-size:.74rem!important}
}
.home-hero-compact>.home-top-stats{margin-top:0;margin-bottom:16px}


/* 2026-09-22 Home stats placement + learner-style responsive cards */
.home-hero-compact{display:block!important}
.home-hero-compact .home-hero-copy{margin-bottom:14px}
.home-top-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;align-items:stretch}
.home-top-stats .stat-card{min-height:82px!important;padding:10px 11px!important;border-radius:10px!important}
.home-top-stats .stat-card-head{margin-bottom:3px!important;gap:6px!important}
.home-top-stats .stat-card-label{font-size:.62rem!important;line-height:1.15!important}
.home-top-stats .stat-card-value{font-size:1.22rem!important;line-height:1.05!important}
.home-top-stats .stat-card-subtitle{font-size:.55rem!important;line-height:1.15!important;padding-top:2px!important}
.home-top-stats .stat-card-icon{width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:7px!important}
.home-top-stats .stat-card-icon .icon{width:13px!important;height:13px!important}
.home-content-priority{padding-top:14px!important}
@media(max-width:900px){
 .home-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .home-hero-compact{padding:22px 0 16px!important}
 .home-hero-compact .home-hero-copy{padding:24px 20px!important;margin-bottom:10px}
 .home-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .home-top-stats .stat-card{min-height:78px!important;padding:9px 10px!important}
 .home-top-stats .stat-card-label{font-size:.6rem!important}
 .home-top-stats .stat-card-value{font-size:1.15rem!important}
 .home-top-stats .stat-card-subtitle{font-size:.53rem!important}
 .home-top-stats .stat-card-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
 .home-top-stats .stat-card-icon .icon{width:12px!important;height:12px!important}
}

/* 2026-09-22 Final home totals layout: learner-dashboard style.
   Desktop/tablet: all four cards stay in one flexible row.
   Mobile: fixed 2 x 2 grid without collapsing to one card per row. */
.home-hero-compact .home-top-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  align-items:stretch!important;
}
.home-hero-compact .home-top-stats>.stat-card{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:82px!important;
  padding:10px 11px!important;
  overflow:hidden!important;
}
.home-hero-compact .home-top-stats .stat-card-head{
  min-width:0!important;
}
.home-hero-compact .home-top-stats .stat-card-label,
.home-hero-compact .home-top-stats .stat-card-subtitle{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  .home-hero-compact .home-top-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-hero-compact .home-top-stats>.stat-card{
    min-height:78px!important;
    padding:9px 10px!important;
  }
}


/* ===== 2026-09-23 FINAL RESPONSIVE + ADMIN CONTENT SYSTEM ===== */
:root{--ui-icon-size:20px;--ui-icon-box:40px;--admin-green:#0b6f5b;--admin-green-dark:#075445;--admin-green-soft:#eaf6f1}
.icon{width:var(--ui-icon-size)!important;height:var(--ui-icon-size)!important;min-width:var(--ui-icon-size)!important;min-height:var(--ui-icon-size)!important;flex:0 0 var(--ui-icon-size)!important;aspect-ratio:1/1!important;display:inline-block!important}
.tile-icon,.stat-card-icon,.admin-hierarchy-icon,.admin-icon-cell,.learner-avatar,.learner-side .side-avatar,.entity-card-image{flex-shrink:0!important;aspect-ratio:1/1!important}
.sidebar a.item .icon,.learner-side nav a .icon,.user-menu-item .icon,.bottom-nav .icon{transform:none!important;flex-shrink:0!important}

/* Home: intro -> exact four-card row -> Important MCQs. */
.home-hero-compact{display:block!important;padding-bottom:18px!important}
.home-hero-compact .home-hero-copy{position:relative;overflow:hidden;border:1px solid #dcebe5;background:linear-gradient(135deg,#f8fcfa 0%,#eef8f4 55%,#ffffff 100%);border-radius:20px;padding:clamp(24px,4vw,44px)!important;margin-bottom:14px!important;box-shadow:0 14px 34px rgba(17,63,53,.07)}
.home-hero-compact .home-hero-copy:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-85px;top:-105px;background:radial-gradient(circle,rgba(10,139,107,.14),rgba(10,139,107,0) 68%);pointer-events:none}
.home-hero-compact .home-top-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0!important;align-items:stretch!important}
.home-hero-compact .home-top-stats>.stat-card{min-width:0!important;min-height:88px!important;height:100%!important;padding:11px 12px!important;border:1px solid #dce8e3!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(17,63,53,.045)!important}
.home-hero-compact .home-top-stats .stat-card-head{min-width:0!important;margin-bottom:4px!important}
.home-hero-compact .home-top-stats .stat-card-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex:0 0 30px!important;border-radius:8px!important}
.home-hero-compact .home-top-stats .stat-card-icon .icon{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;flex-basis:15px!important}
.home-hero-compact .home-top-stats .stat-card-label{font-size:.66rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-hero-compact .home-top-stats .stat-card-value{font-size:1.32rem!important;line-height:1.05!important}
.home-hero-compact .home-top-stats .stat-card-subtitle{font-size:.58rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:680px){
 .home-hero-compact .home-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .home-hero-compact .home-top-stats>.stat-card{min-height:82px!important;padding:10px!important}
 .home-hero-compact .home-hero-copy{padding:24px 19px!important;border-radius:16px}
}

/* Mobile icon integrity: icons may reposition, but do not collapse or distort. */
@media(max-width:900px){
 :root{--ui-icon-size:20px}
 .learner-side nav a{min-height:42px!important;display:flex!important;align-items:center!important;gap:10px!important}
 .learner-side nav a .icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;padding:4px!important;box-sizing:border-box!important;border-radius:6px!important}
 .learner-side .side-avatar,.learner-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important;border-radius:12px!important;overflow:hidden!important}
 .learner-side .side-avatar img,.learner-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
}

/* Green admin workspace palette coordinated with the public brand. */
#admin-sidebar.sidebar{background:linear-gradient(180deg,var(--admin-green-dark),#073f35)!important;border-right-color:#0d725f!important;color:#fff!important}
#admin-sidebar .brand,#admin-sidebar .nav-label,#admin-sidebar .item{color:#eefbf7!important}
#admin-sidebar .nav-label{opacity:.68!important}
#admin-sidebar .item:hover{background:rgba(255,255,255,.08)!important}
#admin-sidebar .item.active{background:#fff!important;color:var(--admin-green-dark)!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}
#admin-sidebar .item .icon{color:currentColor!important}

/* Compact, aligned Add MCQ form. */
.mcq-editor-single{padding:16px!important;border-radius:14px!important}
.mcq-editor-single .field{gap:5px!important}
.mcq-editor-single label,.mcq-editor-single .field>label{font-size:.72rem!important}
.mcq-editor-single input,.mcq-editor-single select,.mcq-editor-single textarea{padding:8px 10px!important;font-size:.78rem!important;min-height:36px!important}
.mcq-editor-single textarea#question{min-height:66px!important}
.mcq-editor-single textarea#description{min-height:78px!important}
.mcq-editor-single .form-grid{gap:10px!important}
.mcq-editor-single .mcq-options-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mcq-editor-single .mcq-core-grid{grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr)!important}
.mcq-editor-single .mcq-links-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:12px!important}
.mcq-editor-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;align-items:end}
.mcq-editor-flags>.field{grid-column:1/-1}
@media(max-width:1050px){.mcq-editor-single .mcq-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mcq-editor-single .mcq-links-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.mcq-editor-single{padding:12px!important}.mcq-editor-single .mcq-options-grid,.mcq-editor-single .mcq-core-grid{grid-template-columns:1fr!important}.mcq-editor-flags{grid-template-columns:1fr!important}}

/* Multi-select management. */
.select-col{width:64px}
.entity-bulk-toolbar{position:sticky;top:0;z-index:3;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 11px;margin:8px 0 12px}
.entity-row-check,.content-row-check,.hierarchy-row-check{width:16px;height:16px;accent-color:var(--green)}
.admin-multi-select-bar.compact{padding:9px 11px}

/* PDF/Test/Current Affairs administration. */
.custom-test-form{min-width:min(880px,88vw)}
.test-builder-toolbar{margin:10px 0 8px}
.test-mcq-picker{max-height:42vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fbfdfc;padding:7px}
.test-mcq-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:9px;border-radius:9px;border-bottom:1px solid #e8efec;cursor:pointer}
.test-mcq-row:hover{background:#eef8f4}.test-mcq-row[hidden]{display:none!important}.test-mcq-row input{margin-top:3px}.test-mcq-row strong{display:block;font-size:.75rem;line-height:1.35}.test-mcq-row small{display:block;color:var(--muted);margin-top:3px;font-size:.64rem}
.current-affairs-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.current-affairs-admin-summary .card{padding:14px}.current-affairs-admin-summary strong{display:block;font-size:1.35rem;color:var(--green)}.current-affairs-admin-summary span{font-size:.7rem;color:var(--muted)}
.current-affairs-config-form{padding:16px}.ca-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 15px}.ca-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.ca-admin-row strong{font-size:.72rem;line-height:1.35}.ca-admin-row small{grid-column:1/2;font-size:.62rem;color:var(--muted)}.ca-admin-row[hidden]{display:none!important}
@media(max-width:760px){.ca-manual-grid{grid-template-columns:1fr}.current-affairs-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ca-admin-row{grid-template-columns:minmax(0,1fr) auto}.ca-admin-row .check-line:last-child{grid-column:2}.custom-test-form{min-width:0;width:100%}}

/* Mobile tables/cards and controls stay aligned and readable. */
@media(max-width:700px){
 .dash-content{padding-left:12px!important;padding-right:12px!important}
 .page-heading .section-head{align-items:flex-start!important;gap:10px!important}
 .page-heading .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
 .table-actions{justify-content:flex-start!important}
 .entity-bulk-toolbar{position:static;flex-wrap:wrap!important}
 .admin-hierarchy-grid{grid-template-columns:1fr!important}
 .admin-hierarchy-card{min-width:0!important}
}

/* 2026-09-23 consistency pass: Current Affairs, PDF editor, grouped settings. */
.current-affairs-entry-strip{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.2fr);gap:12px 18px;align-items:end;padding:13px 14px;margin:4px 0 14px;border:1px solid #b9dfcf;border-radius:12px;background:#f1faf6}
.current-affairs-entry-strip>div:first-child{align-self:center}.current-affairs-entry-strip strong{font-size:.78rem;line-height:1.45;color:#143f31}.current-affairs-entry-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.current-affairs-entry-strip>.check-line{grid-column:2;margin-top:-4px}.current-affairs-entry-form .mcq-editor-head{margin-bottom:9px}
.ca-filter-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(135px,.65fr) auto;gap:9px;align-items:end;margin:12px 0 15px}.ca-filter-toolbar label{display:grid;gap:5px;font-size:.66rem;font-weight:700;color:var(--muted)}.ca-filter-toolbar input,.ca-filter-toolbar select{width:100%;min-height:36px}.ca-date-groups{display:grid;gap:14px;margin:4px 0 16px}.ca-date-group{border:1px solid var(--line);border-radius:12px;background:#fbfdfc;overflow:hidden}.ca-date-group[hidden]{display:none!important}.ca-date-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#f4f9f7}.ca-date-head h3{margin:2px 0 0;font-size:.9rem}.ca-date-head .eyebrow{margin:0}.ca-date-group .ca-manual-grid{padding:8px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.ca-admin-row{background:#fff}.ca-question-copy{min-width:0}.ca-question-copy strong{display:block}.ca-question-copy small{display:block;margin-top:3px}.ca-admin-row small{grid-column:auto}.ca-admin-row[hidden]{display:none!important}
.pdf-editor-form{width:min(780px,88vw)}.pdf-editor-section{padding:13px 0;border-bottom:1px solid var(--line)}.pdf-editor-section:first-child{padding-top:0}.pdf-editor-section:last-of-type{border-bottom:0}.pdf-editor-section h3{margin:0 0 10px;font-size:.9rem}.pdf-access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.pdf-access-card{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff;cursor:pointer}.pdf-access-card:has(input:checked){border-color:#7bc6a8;box-shadow:0 0 0 1px #7bc6a8;background:#f1faf6}.pdf-access-card input{margin-top:3px;accent-color:var(--green)}.pdf-access-card strong,.pdf-access-card small{display:block}.pdf-access-card small{color:var(--muted);font-size:.64rem;margin-top:2px}.pdf-access-fields>div[data-pdf-access-section]{display:contents}.pdf-access-fields>div[data-pdf-access-section][hidden]{display:none!important}.pdf-editor-actions{justify-content:flex-end;margin-top:14px}.pdf-editor-form .content-image-preview{width:116px;min-width:116px;height:84px}.pdf-editor-form .content-image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.settings-hub-group{margin-top:22px}.settings-hub-group>.section-head{margin-bottom:9px}.settings-hub-group>.section-head h2{margin:2px 0 0;font-size:1rem}.settings-hub-group>.section-head p:last-child{margin-top:4px}.settings-hub-group+.settings-hub-group{padding-top:4px}
@media(max-width:760px){.current-affairs-entry-strip{grid-template-columns:1fr}.current-affairs-entry-strip>.check-line{grid-column:1}.current-affairs-entry-fields{grid-template-columns:1fr 1fr}.ca-filter-toolbar{grid-template-columns:1fr 1fr}.ca-filter-toolbar .ca-search-field{grid-column:1/-1}.ca-filter-toolbar>[data-ca-visible-count]{grid-column:1/-1}.ca-date-group .ca-manual-grid{grid-template-columns:1fr}.pdf-editor-form{width:100%;min-width:0}.pdf-access-options{grid-template-columns:1fr}.pdf-editor-form .form-grid{grid-template-columns:1fr}.pdf-editor-form .content-image-editor{grid-template-columns:86px minmax(0,1fr)}.pdf-editor-form .content-image-preview{width:86px;min-width:86px;height:72px}}
@media(max-width:480px){.current-affairs-entry-fields,.ca-filter-toolbar{grid-template-columns:1fr}.ca-filter-toolbar .ca-search-field,.ca-filter-toolbar>[data-ca-visible-count]{grid-column:auto}.current-affairs-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.current-affairs-admin-summary .card{padding:10px 7px}.current-affairs-admin-summary strong{font-size:1.05rem}.settings-hub-group{margin-top:17px}}


/* ===== 2026-09-23 DESIGN SYSTEM CONSOLIDATION ===== */
html{font-size:15px}
:root{
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
 --icon-sm:16px;--icon-md:20px;--icon-lg:24px;
 --icon-box-sm:32px;--icon-box-md:40px;--icon-box-lg:48px;
}
@media(max-width:600px){html{font-size:14px}}

/* Three-size UI icon scale. Logos, avatars and content thumbnails keep their own semantic sizes. */
.icon{width:var(--icon-md)!important;height:var(--icon-md)!important;min-width:var(--icon-md)!important;min-height:var(--icon-md)!important;flex-basis:var(--icon-md)!important}
.btn.sm .icon,.badge .icon,.breadcrumbs .icon,.sidebar a.item .icon,.table-actions .icon{width:var(--icon-sm)!important;height:var(--icon-sm)!important;min-width:var(--icon-sm)!important;min-height:var(--icon-sm)!important;flex-basis:var(--icon-sm)!important}
.tile-icon .icon,.stat-card-icon .icon,.user-menu-item .icon,.learner-side nav a .icon,.bottom-nav .icon{width:var(--icon-md)!important;height:var(--icon-md)!important;min-width:var(--icon-md)!important;min-height:var(--icon-md)!important;flex-basis:var(--icon-md)!important}
.hero .tile-icon .icon,.callout-icon .icon{width:var(--icon-lg)!important;height:var(--icon-lg)!important;min-width:var(--icon-lg)!important;min-height:var(--icon-lg)!important;flex-basis:var(--icon-lg)!important}
.home-hero-compact .home-top-stats .stat-card-icon .icon{width:var(--icon-sm)!important;height:var(--icon-sm)!important;min-width:var(--icon-sm)!important;min-height:var(--icon-sm)!important;flex-basis:var(--icon-sm)!important}

/* Add/Edit MCQ uses one spacing scale and a smaller form-header hierarchy. */
.mcq-editor-single{padding:var(--space-4)!important}
.mcq-editor-single .mcq-editor-head{margin-bottom:var(--space-3)!important;gap:var(--space-3)!important}
.mcq-editor-single .mcq-editor-head h2{font-size:1.35rem!important;line-height:1.25!important;margin:0!important}
.mcq-editor-single .field{gap:var(--space-2)!important;margin-bottom:var(--space-3)!important}
.mcq-editor-single .form-grid{gap:var(--space-3)!important}
.mcq-editor-single input,.mcq-editor-single select,.mcq-editor-single textarea{padding:var(--space-2) var(--space-3)!important}
.mcq-editor-single .actions{gap:var(--space-2)!important}
@media(max-width:620px){.mcq-editor-single{padding:var(--space-3)!important}}

/* Learner sidebar nav is one consistent collection, including My Downloads. */
.learner-side nav{display:flex;flex-direction:column;gap:2px}
.learner-side nav a{min-width:0}

/* Normalize remaining one-off interface icons to the same sm/md/lg scale. */
.home-cat-icon .icon,.home-cat-title>a>.icon:last-child,.entity-card-arrow .icon,.reference-header .nav>a .icon,.learner-metrics .stat-card-icon .icon,.home-top-stats .stat-card-icon .icon{width:var(--icon-sm)!important;height:var(--icon-sm)!important;min-width:var(--icon-sm)!important;min-height:var(--icon-sm)!important;flex-basis:var(--icon-sm)!important}
.entity-card-image>.icon{width:var(--icon-lg)!important;height:var(--icon-lg)!important;min-width:var(--icon-lg)!important;min-height:var(--icon-lg)!important;flex-basis:var(--icon-lg)!important}

/* 2026-09-23 simplified PDFs, automatic test pools and Latest Jobs */
.pdf-direct-list,.latest-jobs-list{display:grid;gap:16px}
.pdf-direct-card,.latest-job-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px}
.pdf-direct-card>img{width:76px;height:76px;object-fit:cover;border-radius:18px}
.pdf-direct-copy h2,.latest-job-copy h2{margin:0 0 6px;font-size:1.1rem}
.pdf-direct-copy p,.latest-job-copy p{margin:0;color:var(--muted)}
.pdf-direct-action,.latest-job-action{justify-self:end}
.latest-job-logo{width:68px;height:54px;border-radius:999px;display:grid;place-items:center;overflow:hidden;background:var(--surface-soft,rgba(127,127,127,.08))}
.latest-job-logo img{width:100%;height:100%;object-fit:cover}
.latest-job-logo .svg-icon{width:26px;height:26px}
.btn.disabled{pointer-events:none;opacity:.55}
@media(max-width:720px){
 .pdf-direct-card,.latest-job-card{grid-template-columns:1fr;align-items:start}
 .pdf-direct-card>img,.latest-job-logo{width:64px;height:52px}
 .pdf-direct-action,.latest-job-action{justify-self:stretch;width:100%}
 .pdf-direct-action .btn,.latest-job-action .btn{width:100%;justify-content:center}
}


/* Final workflow refinements — 2026-09-23 */
.mcq-editor-single{max-width:780px!important;margin-inline:auto!important;padding:14px!important}
.mcq-required-links{border-top:1px solid var(--line);padding-top:13px;margin-top:4px}.mcq-required-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.mcq-required-links .section-head{margin-bottom:9px!important}
.mcq-required-links .eyebrow{margin-bottom:3px!important}
.mcq-required-links h3{margin:0;font-size:1rem}
.mcq-editor-single .mcq-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.compact-content-form{width:min(680px,92vw)}
.compact-content-form .field{margin-bottom:13px}
.compact-content-form textarea{min-height:82px}
.compact-content-form textarea#body{min-height:190px}
.compact-upload-field{padding:10px 0}
.automatic-test-hero{max-width:760px;margin:0 auto;padding:28px}
.automatic-test-hero h2{margin-bottom:10px}
.auto-test-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
@media(max-width:700px){.mcq-editor-single .mcq-links-grid{grid-template-columns:1fr!important}.compact-content-form{width:100%}.automatic-test-hero{padding:20px}}


/* Final Add MCQ layout: Question → 2x2 options → Correct/Category → Paper/Job/Year rows → large Description */
.mcq-editor-single .mcq-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.mcq-editor-single .mcq-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.mcq-editor-single .mcq-links-stack{display:grid;grid-template-columns:1fr!important;gap:10px!important}
.mcq-editor-single .mcq-links-stack>.field{width:100%;margin-bottom:0!important}
.mcq-editor-single .mcq-description-large{margin-top:14px}
.mcq-editor-single .mcq-description-large textarea#description{min-height:160px!important;resize:vertical}
@media(max-width:620px){.mcq-editor-single .mcq-options-grid,.mcq-editor-single .mcq-core-grid{grid-template-columns:1fr!important}.mcq-editor-single .mcq-description-large textarea#description{min-height:140px!important}}

/* 2026-09-23 — motion & interaction polish
   Subtle, performance-friendly transitions for desktop and mobile. */
:root{
  --motion-fast:140ms;
  --motion-base:220ms;
  --motion-slow:360ms;
  --motion-ease:cubic-bezier(.22,.8,.28,1);
  --motion-spring:cubic-bezier(.2,.9,.25,1.15);
  --focus-ring:0 0 0 4px rgba(8,126,101,.10);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Route/view entrance — JS adds these classes after each render. */
.mcq-motion-enter{
  opacity:0;
  transform:translate3d(0,12px,0) scale(.995);
  animation:mcqViewIn var(--motion-slow) var(--motion-ease) forwards;
  animation-delay:var(--motion-delay,0ms);
}
.mcq-motion-fade{
  opacity:0;
  animation:mcqFadeIn var(--motion-base) ease forwards;
  animation-delay:var(--motion-delay,0ms);
}
@keyframes mcqViewIn{to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes mcqFadeIn{to{opacity:1}}
@keyframes mcqPopIn{0%{opacity:0;transform:translate3d(0,8px,0) scale(.975)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes mcqSlideDown{0%{opacity:0;transform:translate3d(0,-8px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes mcqSlideUp{0%{opacity:0;transform:translate3d(0,12px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes mcqBackdropIn{from{background:rgba(16,37,29,0);backdrop-filter:blur(0)}to{background:#10251dad;backdrop-filter:blur(3px)}}
@keyframes mcqToastIn{0%{opacity:0;transform:translate3d(0,12px,0) scale(.98)}100%{opacity:1;transform:none}}

/* Header/navigation feels responsive without changing the existing design. */
.header{transition:box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}
.brand,.logo-crop img,.nav a,.header-actions .btn,.link,.footer a,.breadcrumbs a{
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,opacity var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease);
}
.logo-crop{transition:transform var(--motion-base) var(--motion-spring),box-shadow var(--motion-base) ease}
.nav a{position:relative}
.nav a.active{transition:color var(--motion-base) ease,border-color var(--motion-base) ease}

/* Buttons / chips / pagination / tabs. */
.btn,.selection-chip,.tabs a,.tabs button,.pagination a,.pagination button,.badge,.chip,.content-pill{
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease;
}
.btn:active,.selection-chip:active,.tabs a:active,.tabs button:active,.pagination a:active,.pagination button:active{
  transform:translateY(1px) scale(.985);
}
.btn.primary{box-shadow:0 5px 14px rgba(8,126,101,.12)}
.btn.primary:active{box-shadow:0 2px 8px rgba(8,126,101,.14)}

/* Cards and interactive content. */
.card,.mcq-card,.entity-showcase-card,.stat-card,.home-cat-group,.question-row,.article,.cta,.table-wrap,.notice,.empty,.auth-form,.auth-story{
  transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease,background-color var(--motion-base) ease;
}
.tile-icon,.stat-card-icon,.entity-card-image,.paper-mark,.option .letter{
  transition:transform var(--motion-base) var(--motion-spring),background-color var(--motion-base) ease,border-color var(--motion-base) ease,color var(--motion-base) ease;
}
.option{
  transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease;
}
.option:active{transform:scale(.992)}
.option.selected,.option.correct{animation:mcqOptionSelect var(--motion-base) var(--motion-ease)}
@keyframes mcqOptionSelect{0%{transform:scale(.985)}100%{transform:scale(1)}}

/* Forms: clear focus feedback and compact polish. */
input:not([type=checkbox]):not([type=radio]),textarea,select,.control,.searchbox{
  transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease,transform var(--motion-fast) ease;
}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus,.control:focus{
  border-color:#61bba2;
  box-shadow:var(--focus-ring);
}
.searchbox:focus-within{box-shadow:var(--focus-ring),0 8px 24px rgba(18,43,37,.06)}
.check-line input{transition:transform var(--motion-fast) var(--motion-spring)}
.check-line input:active{transform:scale(.9)}

/* Dropdowns, pickers, dialogs and toast. */
.picker-results:not(.hidden){animation:mcqSlideDown var(--motion-base) var(--motion-ease) both;transform-origin:top center}
dialog[open]{animation:mcqPopIn var(--motion-base) var(--motion-ease) both}
dialog[open]::backdrop{animation:mcqBackdropIn var(--motion-base) ease both}
#toast.show{animation:mcqToastIn var(--motion-base) var(--motion-ease) both}

/* Admin / learner navigation. */
.sidebar a.item,.learner-side nav a,.user-menu-item,.bottom-nav a{
  transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease;
}
.sidebar.open{animation:mcqSidebarIn var(--motion-base) var(--motion-ease) both}
@keyframes mcqSidebarIn{from{opacity:.96;transform:translate3d(-16px,0,0)}to{opacity:1;transform:none}}

/* Hover effects only on devices that actually hover. */
@media (hover:hover) and (pointer:fine){
  .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,43,37,.08)}
  .btn.primary:not(:disabled):hover{box-shadow:0 9px 22px rgba(8,126,101,.19)}
  .brand:hover .logo-crop{transform:translateY(-1px) rotate(-1deg);box-shadow:0 6px 18px rgba(8,126,101,.10)}
  .card.clickable:hover,.entity-showcase-card:hover,.home-cat-group:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,43,37,.09)}
  .card.clickable:hover .tile-icon,.entity-showcase-card:hover .entity-card-image,.stat-card-link:hover .stat-card-icon{transform:translateY(-2px) scale(1.035)}
  .mcq-card:hover{border-color:#c6dcd2;box-shadow:0 10px 26px rgba(18,43,37,.055)}
  .option:not(:disabled):hover{transform:translateY(-1px);border-color:#9bcfba;box-shadow:0 7px 18px rgba(18,43,37,.05)}
  .selection-chip:hover,.tabs a:hover,.tabs button:hover{transform:translateY(-1px)}
  .footer a:hover,.breadcrumbs a:hover,.link:hover{transform:translateX(2px)}
  .sidebar a.item:hover,.learner-side nav a:hover,.user-menu-item:hover{transform:translateX(2px)}
}

/* Mobile/tablet: shorter travel, stronger tap feedback, smooth drawers/nav. */
@media(max-width:850px){
  .nav.open{animation:mcqSlideDown var(--motion-base) var(--motion-ease) both;transform-origin:top center}
  .menu-toggle{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease}
  .menu-toggle:active{transform:scale(.94)}
  .public-sidebar.open{transition-duration:260ms!important;transition-timing-function:var(--motion-ease)!important}
  .mcq-motion-enter{transform:translate3d(0,8px,0) scale(.998);animation-duration:280ms}
}
@media(max-width:600px){
  dialog[open]{animation-name:mcqSlideUp;animation-duration:240ms}
  .dialog-content{padding:22px 18px}
  .bottom-nav{box-shadow:0 -9px 28px rgba(18,43,37,.07);backdrop-filter:saturate(1.15) blur(10px);background:rgba(255,255,255,.96)}
  .bottom-nav a{min-width:54px;border-radius:12px;padding:3px 7px}
  .bottom-nav a:active{transform:translateY(1px) scale(.94)}
  .bottom-nav a.active .icon{animation:mcqNavIconIn 240ms var(--motion-spring)}
  @keyframes mcqNavIconIn{0%{transform:scale(.78)}100%{transform:scale(1)}}
  .btn{min-height:40px}
  .btn.sm{min-height:34px}
  .option{min-height:48px}
  .card.clickable:active,.entity-showcase-card:active,.home-cat-group:active{transform:scale(.992)}
  #toast.show{animation-name:mcqSlideUp}
}

/* Respect OS accessibility preferences. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .mcq-motion-enter,.mcq-motion-fade,dialog[open],dialog[open]::backdrop,#toast.show,.nav.open,.sidebar.open,.picker-results:not(.hidden),.option.selected,.option.correct,.bottom-nav a.active .icon{animation:none!important;opacity:1!important;transform:none!important}
}

/* Lightweight loading UI: no image/video assets and no layout-flow changes. */
html{scrollbar-gutter:stable}
#backend-loader.backend-loader.global-loading-overlay{position:fixed;inset:0;z-index:2147483647;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;outline:none;overflow:hidden;background:rgba(255,255,255,.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto;touch-action:none;overscroll-behavior:none;animation:none!important;transform:none!important;color:var(--green)}
#backend-loader:not([open]){display:none!important}
#backend-loader[open]{display:grid;place-items:center}
#backend-loader::backdrop{background:transparent;backdrop-filter:none}
.mcq-spinner{display:inline-block;transform-origin:50% 50%;will-change:transform}
.app-loader-spinner,.global-spinner{width:42px;height:42px;border:4px solid rgba(8,126,101,.16);border-top-color:currentColor;border-radius:50%;animation-name:mcq-loader-spin;animation-duration:.7s;animation-timing-function:linear;animation-iteration-count:infinite}
.button-loader-spinner,.button-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation-name:mcq-loader-spin;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}
.btn[aria-busy="true"]{cursor:wait}
.btn[aria-busy="true"]>span:last-child{display:inline-block}
.loading-button-content{display:inline-flex;align-items:center;justify-content:center;gap:8px}
@keyframes mcq-loader-spin{
 from{transform:rotate(0deg)}
 to{transform:rotate(360deg)}
}
body.backend-loading{overscroll-behavior:none}
@media(prefers-color-scheme:dark){
 #backend-loader.backend-loader.global-loading-overlay{background:rgba(11,25,22,.34);color:#8bddba}
 .app-loader-spinner{border-color:rgba(139,221,186,.2);border-top-color:currentColor}
}
html[data-theme="dark"] #backend-loader.backend-loader.global-loading-overlay,body.dark #backend-loader.backend-loader.global-loading-overlay{background:rgba(11,25,22,.34);color:#8bddba}
html[data-theme="dark"] .app-loader-spinner,body.dark .app-loader-spinner{border-color:rgba(139,221,186,.2);border-top-color:currentColor}
@media(prefers-reduced-motion:reduce){
 /* Keep loading state unambiguous even though general motion is reduced. */
 .mcq-spinner,.app-loader-spinner,.global-spinner,.button-loader-spinner,.button-spinner{
  animation-name:mcq-loader-spin!important;
  animation-duration:1.2s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
 }
}
/* No transform on #app: fixed navigation stays relative to the viewport. */
.mcq-reference-options{grid-template-columns:1fr!important}
.mcq-reference-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
.mcq-reference-actions>.small{min-width:0;flex:1;overflow-wrap:anywhere}
.mcq-reference-actions>.btn{flex:0 0 auto}
.mcq-reference-actions>.spacer{min-width:0}
@media(min-width:641px){
 .sidebar a.item .icon{padding:0;color:currentColor!important}
 .smart-sidebar-link::before{display:none}
 .smart-sidebar-link>.icon{width:18px;height:18px;flex:0 0 18px;color:currentColor}
 .smart-sidebar-link>span{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:640px){
 .bottom-nav{position:fixed;inset:auto 0 0;width:auto;z-index:100;padding-bottom:max(9px,env(safe-area-inset-bottom))}
 body:has(.bottom-nav){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .mcq-reference-actions>.btn.ghost{min-width:32px;min-height:36px}
 .mcq-reference-actions>.spacer{display:none}
 .smart-sidebar-link>.icon{display:none}
}


/* Mobile auth header: guests see Login instead of the hamburger; signed-in users keep account + menu. */
@media(max-width:600px){.header-actions .header-login{display:inline-flex!important}}
@media(max-width:360px){.header-actions>.header-login{display:inline-flex!important}}


/* Footer email + mobile footer alignment */
.footer-email{display:inline-flex!important;align-items:center;gap:8px;margin-top:14px!important;margin-bottom:2px!important;color:var(--green)!important;font-weight:650;overflow-wrap:anywhere}
.footer-email .icon{width:17px;height:17px}
.footer-email:hover{color:var(--green-dark)!important}
.footer-email-admin{display:grid;grid-template-columns:44px minmax(0,1fr) 130px;gap:14px;align-items:center;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.footer-email-admin .field{margin:4px 0 2px}
@media(max-width:760px){.footer-email-admin{grid-template-columns:40px minmax(0,1fr);align-items:start}.footer-email-admin>.settings-check{grid-column:2}}
@media(max-width:520px){.footer-bottom{align-items:center!important;text-align:center!important}.footer-bottom>span{width:100%;text-align:center}.footer-bottom-links{display:flex;justify-content:center!important;align-items:center;flex-wrap:wrap;gap:12px}.footer-brand-block{text-align:center}.footer-brand-block .brand,.footer-email,.footer-social{justify-content:center;margin-left:auto!important;margin-right:auto!important}}

/* Unified white + green decorative palette; semantic warnings/errors keep their own colors. */
:root{--green:#087e65;--green-dark:#075b4c;--mint:#d9f3e8;--dark:#075b4c;--bg:#f7faf8;--line:#d7e6df}
.tint-1,.tint-2,.tint-3,.tint-4,.tile-icon{background:#e7f5ef!important;color:var(--green)!important}
.settings-hub-icon,.stat-card-icon.tone-info,.stat-card-icon.tone-primary,.stat-card-icon.tone-success{background:#e7f5ef!important;color:var(--green)!important}
.sidebar,.auth-story,.prep-card{background:var(--green-dark)!important}
.sidebar a.item.active{background:var(--green)!important;color:#fff!important}
.sidebar a.item:hover{background:#0a6c59!important}
.sidebar em,.auth-story .eyebrow,.hero-practice .eyebrow{color:#a9ead5!important}
.dash-top,.card,.table-wrap,.footer,.header{background:#fff}