@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap");

/* V17.2 admin operation feedback */
#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);display:none;max-width:min(92vw,520px);padding:13px 18px;border:1px solid rgba(231,189,85,.75);border-radius:12px;background:#071d3a;color:#fff;font:700 14px/1.35 Arial,sans-serif;box-shadow:0 12px 30px rgba(7,29,58,.28);z-index:10000;text-align:center;letter-spacing:.1px;}
#toast::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#e7bd55;color:#071d3a;font-weight:900;vertical-align:-4px;}
.admin-form button:disabled{opacity:.65;cursor:wait;}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#09203d}header{height:72px;background:#071d3a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:2px solid #d7ad4b;position:fixed;top:0;left:0;right:0;width:100%;z-index:100}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border:2px solid #e7bf60;border-radius:9px;display:grid;place-items:center;color:#e7bf60;font-weight:900;font-size:12px}.brand strong{display:block;font-family:Georgia,serif;font-size:20px;color:#f0cb70}.brand small{display:block;font-size:11px;color:#d8e0ea;margin-top:2px}.header-actions{display:flex;align-items:center;gap:14px}.user-label{font-size:13px;color:#e5ebf3;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{border:0;background:#f1c85e;color:#071d3a;font-weight:800;padding:12px 18px;border-radius:8px;cursor:pointer}main{min-height:calc(100vh - 72px);padding-top:74px}.screen{display:none;padding:55px 7%;min-height:calc(100vh - 72px)}.screen.active{display:block}.title span{color:#bd8d26;font-size:12px;font-weight:800;letter-spacing:2px}.title h1{font-family:Georgia,serif;font-size:44px;margin:8px 0;color:#09203d}.title p{color:#66778c;margin:0 0 30px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #dce3eb;border-radius:12px;padding:25px;box-shadow:0 5px 18px #09203d0d}.card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}.card p{color:#66778c;min-height:42px}.card button,.paper button,.submit{border:0;background:#d8ad4b;color:#071d3a;padding:11px 17px;border-radius:7px;font-weight:800;cursor:pointer}.loading{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:22px;color:#64748b}.back{border:1px solid #d8ad4b;background:#fff;color:#09203d;border-radius:7px;padding:9px 14px;font-weight:700;cursor:pointer;margin-bottom:25px}.compact h1{margin-bottom:6px}.paper-list{display:grid;gap:12px}.paper{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 14px #09203d0a}.paper h3{margin:0 0 5px;font-family:Georgia,serif}.paper small{color:#68798c}.q{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:20px;margin:12px 0}.q-title{font-weight:700;font-size:17px;line-height:1.5}.option{display:block;border:1px solid #d9e0e7;border-radius:7px;padding:11px;margin-top:9px;cursor:pointer}.option:hover{background:#faf7ee}.submit{margin:20px 0 40px}.modal{display:none;position:fixed;inset:0;background:#0009;place-items:center;z-index:30}.modal.show{display:grid}.box{width:min(390px,92%);background:#fff;border-radius:14px;padding:28px;position:relative;text-align:center}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:27px;cursor:pointer}.box h2{font-family:Georgia,serif}.box input,.box button{width:100%;padding:12px;margin-top:10px;border-radius:7px}.box input{border:1px solid #d5dce5}.google{border:1px solid #ccd4df;background:#fff;font-weight:700}.primary{border:0;background:#071d3a;color:#fff;font-weight:700}.secondary{border:0;background:#eef2f7;color:#09203d;font-weight:700}.or{color:#8895a5;font-size:13px;margin-top:12px}.profile-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #d8ad4b;margin:8px auto}.profile-name{margin:8px 0 2px}.profile-email{color:#66778c}.logout{background:#071d3a!important;color:#fff;border:0}.profile-close{margin-top:10px;background:#fff;border:1px solid #d5dce5}.danger{background:#071d3a!important;color:#fff!important;border:0}.error{color:#a33;background:#fff3f3;border:1px solid #f0c4c4;padding:14px;border-radius:8px;white-space:pre-wrap}@media(max-width:850px){header{padding:0 4%}.grid{grid-template-columns:1fr}.screen{padding:38px 5%}.title h1{font-size:36px}.user-label{display:none}}
.nav-btn{border:1px solid #d8ad4b;background:transparent;color:#f1d17a;padding:9px 12px;border-radius:7px;font-weight:700;cursor:pointer}.q-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bookmark-btn{flex:0 0 auto;border:1px solid #d8ad4b;background:#fffaf0;color:#bd8d26;border-radius:7px;width:38px;height:34px;font-size:21px;cursor:pointer}.bookmark-btn.saved{background:#fff2c9}.test-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary-action,.card-button{border:1px solid #d5dce5;background:#fff;color:#09203d;padding:11px 17px;border-radius:7px;font-weight:800;cursor:pointer}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:760px}.result-stats>div{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:24px;text-align:center}.result-stats strong{display:block;font-family:Georgia,serif;font-size:32px;color:#bd8d26}.result-stats span{display:block;color:#66778c;margin-top:5px}.result-actions{display:flex;gap:10px;margin-top:20px}.bookmark-list,.tests-list{display:grid;gap:12px}.bookmark-card,.test-card{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bookmark-card p{margin:7px 0;color:#253b55;line-height:1.5}.bookmark-paper{font-weight:800;color:#bd8d26}.bookmark-card small,.test-card small{color:#68798c}.bookmark-card button{border:0;background:#071d3a;color:#fff;padding:9px 13px;border-radius:7px;cursor:pointer}.test-card h3{margin:0 0 5px;font-family:Georgia,serif}.test-card strong{color:#bd8d26}@media(max-width:850px){.header-actions{gap:6px}.nav-btn{display:none}.result-stats{grid-template-columns:1fr}.bookmark-card,.test-card{align-items:flex-start;flex-direction:column}.bookmark-card button{width:100%}}

body{background:linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%)}
header{box-shadow:0 4px 18px rgba(7,29,58,.12)}
main{max-width:1500px;margin:0 auto}
.hero{margin:-5px -2% 55px;padding:62px 6%;min-height:405px;background:linear-gradient(115deg,#071d3a 0%,#0d2e55 65%,#153d69 100%);border-radius:0 0 28px 28px;display:grid;grid-template-columns:1.45fr .75fr;gap:45px;align-items:center;box-shadow:0 18px 45px rgba(7,29,58,.16)}
.eyebrow,.card-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#d8ad4b}
.hero h1{font-family:Georgia,serif;color:#fff;font-size:52px;line-height:1.08;margin:13px 0}.hero h1 em{font-style:normal;color:#e7bf60}.hero p{max-width:650px;color:#d5dfeb;font-size:17px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:25px}.hero-primary,.hero-secondary{padding:13px 20px;border-radius:8px;font-weight:900;cursor:pointer}.hero-primary{border:0;background:#e7bf60;color:#071d3a}.hero-secondary{border:1px solid #d8ad4b;background:transparent;color:#fff}.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(231,191,96,.45);border-radius:18px;padding:30px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08)}.hero-badge{display:inline-block;border:1px solid #e7bf60;color:#e7bf60;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:18px}.hero-panel strong{display:block;font-family:Georgia,serif;font-size:29px;color:#f0cb70}.hero-panel span{display:block;color:#d5dfeb;margin-top:5px;font-size:12px}.hero-line{height:1px;background:rgba(255,255,255,.18);margin:24px 0}.hero-panel small{color:#dce5ef}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.section-heading span{font-size:11px;font-weight:900;letter-spacing:2px;color:#bd8d26}.section-heading h2{font-family:Georgia,serif;font-size:32px;margin:7px 0 0;color:#09203d}.section-heading p{max-width:510px;color:#66778c;line-height:1.5;margin:0}.catalog-card{position:relative;overflow:hidden;border-top:3px solid #d8ad4b;transition:transform .18s ease,box-shadow .18s ease}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(9,32,61,.12)}.catalog-card h3{margin-top:8px}.public-paper{border-left:4px solid #d8ad4b}.public-paper button{border:0;background:#071d3a;color:#fff;padding:11px 17px;border-radius:7px;font-weight:800;cursor:pointer}.public-paper small{color:#68798c}
@media(max-width:850px){.hero{grid-template-columns:1fr;margin-left:-5%;margin-right:-5%;border-radius:0 0 22px 22px;padding:45px 6%}.hero h1{font-size:40px}.hero-panel{display:none}.section-heading{display:block}.section-heading p{margin-top:10px}.hero-actions{flex-wrap:wrap}}

.catalog-card{cursor:pointer}.catalog-card button{position:relative;z-index:2}

/* Professional exam experience */
.test-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#071d3a;color:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 10px 28px rgba(7,29,58,.14)}
.test-kicker{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#e7bf60}.test-topbar h2{margin:5px 0 0;font:700 22px Georgia,serif}.timer{font:900 22px Arial;color:#e7bf60;background:rgba(255,255,255,.08);border:1px solid rgba(231,191,96,.35);padding:10px 14px;border-radius:10px;min-width:105px;text-align:center}.timer.danger{color:#ffb4b4;border-color:#e88989}.progress-track{height:7px;background:#dfe6ee;border-radius:10px;overflow:hidden;margin:12px 0}.progress-track div{height:100%;background:#d8ad4b;transition:width .2s}.test-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tool-btn{border:1px solid #d4dce5;background:#fff;color:#09203d;padding:10px 13px;border-radius:8px;font-weight:800;cursor:pointer}.tool-btn.review.active{background:#fff1db;border-color:#e5a94f;color:#9a5d00}.tool-btn.saved{background:#fff4c9;border-color:#d8ad4b;color:#8b6510}.question-card{background:#fff;border:1px solid #dce3eb;border-radius:16px;padding:25px;box-shadow:0 7px 24px rgba(9,32,61,.07)}.question-number{display:inline-flex;background:#071d3a;color:#e7bf60;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:900;letter-spacing:1px}.question-card h3{font-size:20px;line-height:1.55;margin:15px 0 20px;color:#09203d}.options{display:grid;gap:10px}.option-btn{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;border:1px solid #d8e0e8;background:#fff;color:#18324e;padding:15px;border-radius:10px;font-size:15px;line-height:1.45;cursor:pointer}.option-btn span{flex:0 0 28px;height:28px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-weight:900;color:#36516d}.option-btn.selected{border-color:#d8ad4b;background:#fff8e8;box-shadow:0 0 0 2px rgba(216,173,75,.12)}.option-btn.selected span{background:#071d3a;color:#e7bf60}.test-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0 40px}.answered-count{text-align:center;color:#68798c;font-size:12px;font-weight:800}.primary-action{border:0;background:#071d3a;color:#fff;padding:13px 18px;border-radius:8px;font-weight:900;cursor:pointer;justify-self:end}.test-nav button:disabled{opacity:.45;cursor:not-allowed}
.palette-modal{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:80;display:grid;place-items:center;padding:20px}.palette-box{width:min(760px,96vw);max-height:82vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.25)}.palette-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.palette-box h2{font:700 28px Georgia,serif;margin:6px 0}.palette-box p{color:#68798c}.palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:18px 0}.palette-item{height:44px;border:1px solid #d7dee7;border-radius:8px;background:#f6f8fa;font-weight:900;color:#243d58;cursor:pointer}.palette-item.current{outline:2px solid #071d3a}.palette-item.answered{background:#d9f0df;border-color:#88bf98}.palette-item.review{background:#ffe6bd;border-color:#e5aa51}.palette-item.answered-review{background:#dfd0ef;border-color:#a987c8}.palette-legend{display:flex;gap:14px;flex-wrap:wrap;color:#68798c;font-size:11px}
.result-stats{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.result-stats .result-hero{grid-column:1/-1;background:#071d3a;color:#fff;border-color:#071d3a;padding:28px}.result-hero span,.result-hero small{display:block;color:#b9c7d8;font-size:11px;font-weight:800;letter-spacing:1.5px}.result-hero strong{display:block;color:#fff;font:700 40px Georgia,serif;margin:5px 0}.result-hero b{font-size:24px;color:#e7bf60}.result-hero small{margin-top:4px;letter-spacing:0}.review-list,.results-list,.mistake-list{display:grid;gap:12px}.review-card,.result-row,.mistake-card{background:#fff;border:1px solid #dce3eb;border-radius:14px;padding:18px;box-shadow:0 5px 18px rgba(9,32,61,.06)}.review-head{display:flex;justify-content:space-between;font-size:12px;color:#68798c}.review-card.correct .review-head span{color:#166534}.review-card.wrong .review-head span{color:#b91c1c}.review-card h3{font-size:17px;line-height:1.5}.review-option{display:flex;gap:10px;padding:11px;border:1px solid #e0e5eb;border-radius:8px;margin-top:7px;align-items:center}.review-option b{width:24px}.review-option em{margin-left:auto;font-style:normal;font-size:10px;font-weight:900}.review-option.correct-answer{background:#eef9f1;border-color:#9ccaa7}.review-option.your-answer:not(.correct-answer){background:#fff1f1;border-color:#e0a1a1}.explanation{margin-top:12px;background:#f7f9fc;border-left:3px solid #d8ad4b;padding:10px 12px;color:#52667c;font-size:12px;line-height:1.55}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-summary>div{background:#fff;border:1px solid #dce3eb;border-radius:12px;text-align:center;padding:18px}.history-summary strong{display:block;font:700 27px Georgia,serif;color:#bd8d26}.history-summary span{color:#68798c;font-size:11px}.subheading{font-size:13px;letter-spacing:1.5px;color:#09203d;margin:25px 0 4px}.result-row{display:flex;align-items:center;justify-content:space-between}.result-row h3,.mistake-card h3{margin:0 0 5px;font:700 18px Georgia,serif}.result-row p,.mistake-card p{color:#53677d;line-height:1.5}.result-row>strong{font:700 24px Georgia,serif;color:#bd8d26}.mistake-summary{background:#fff8e8;border:1px solid #e6cc91;border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px}.mistake-summary strong{font:700 30px Georgia,serif;color:#bd8d26}.mistake-summary span{color:#52667c}.mistake-card{display:flex;justify-content:space-between;gap:20px}.mistake-tag{color:#b91c1c;font-size:10px;font-weight:900;letter-spacing:1px}.mistake-card button{align-self:center;border:0;background:#071d3a;color:#fff;padding:10px 14px;border-radius:8px;font-weight:800;cursor:pointer;white-space:nowrap}
@media(max-width:850px){.header-actions{overflow:auto}.header-actions .nav-btn{display:none}.test-topbar{align-items:flex-start}.timer{font-size:18px;min-width:92px}.test-nav{grid-template-columns:1fr 1fr}.answered-count{grid-column:1/-1;grid-row:1}.test-nav .secondary-action{grid-column:1}.test-nav .primary-action,.test-nav .submit{grid-column:2}.palette-grid{grid-template-columns:repeat(5,1fr)}.result-stats{grid-template-columns:1fr 1fr}.result-stats .result-hero{grid-column:1/-1}.mistake-card{flex-direction:column}.mistake-card button{width:100%}}
.workspace-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-8px 0 24px}.workspace-actions button{border:1px solid #d8ad4b;background:#fff;color:#09203d;border-radius:10px;padding:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(9,32,61,.05)}.workspace-actions button:hover{background:#fff8e8}@media(max-width:850px){.workspace-actions{grid-template-columns:1fr 1fr}}
.history-actions,.mistake-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.history-actions .card-button,.mistake-actions .card-button{padding:9px 12px}.mistake-summary{flex-wrap:wrap}.mistake-summary #practiceMistakesBtn{margin-left:auto}.question-detail{max-height:88vh}.question-detail .review-option{line-height:1.45}.question-detail h2{margin-top:8px}@media(max-width:850px){.history-actions,.mistake-actions{width:100%}.history-actions .card-button,.mistake-actions button{flex:1}.mistake-summary #practiceMistakesBtn{margin-left:0;width:100%}.result-actions{flex-wrap:wrap}.result-actions .card-button{flex:1;min-width:150px}}
@media print{header,.back,.result-actions,.workspace-actions,.toast{display:none!important}.screen{display:none!important;padding:20px}.screen.active,.reviewScreen{display:block!important}.review-card{break-inside:avoid;box-shadow:none}.title h1{font-size:30px}.review-list{gap:8px}.review-option{font-size:12px}}

/* ===== Reference catalogue design ===== */
body{background:#f4f7fb;color:#102746}
header{height:74px;background:linear-gradient(100deg,#071d3a,#0b2b50);padding:0 4%;border-bottom:2px solid #e5bb51}
.brand{gap:14px}.logo{width:48px;height:48px;border-radius:10px;font-size:13px}.brand strong{font-size:28px;line-height:1}.brand small{font-size:13px;margin-top:5px}.header-actions{gap:13px}.nav-btn{padding:11px 16px;border-radius:10px;border-color:#d7ad4b;color:#fff;background:rgba(255,255,255,.02)}.login{padding:12px 22px;border-radius:10px;background:#f1c95d}
main{max-width:none;margin:0;min-height:calc(100vh - 74px)}
.screen{padding:0 2.5% 60px;min-height:calc(100vh - 74px)}
.catalog-hero{position:relative;min-height:255px;margin:0 -2.5% 22px;overflow:hidden;background:radial-gradient(circle at 10% 35%,rgba(222,231,242,.9),transparent 28%),radial-gradient(circle at 88% 30%,rgba(215,227,241,.95),transparent 28%),linear-gradient(180deg,#edf3f8 0%,#fff 74%,#f5f8fb 100%);border-bottom:1px solid #dce6ef}
.catalog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.72) 25%,rgba(255,255,255,.8) 75%,rgba(255,255,255,.15));pointer-events:none}
.catalog-hero-content{position:relative;z-index:2;text-align:center;max-width:760px;margin:0 auto;padding:28px 20px 30px}.catalog-eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:900;color:#b88922;margin-bottom:5px}.catalog-hero h1{font:700 56px/1.05 Georgia,serif;color:#09203d;margin:0}.catalog-hero h1 span{color:#c18b1e}.gold-rule{width:126px;height:3px;background:#d6a832;margin:11px auto 10px;border-radius:10px}.catalog-hero p{color:#596d84;font-size:17px;line-height:1.35;margin:0 auto 18px;max-width:690px}
.catalog-search{height:52px;display:flex;align-items:center;max-width:675px;margin:0 auto;background:#fff;border:2px solid #e5bb51;border-radius:18px;box-shadow:0 7px 22px rgba(17,42,70,.10);overflow:hidden}.catalog-search>span{font-size:28px;margin-left:18px;color:#09203d;line-height:1}.catalog-search input{flex:1;border:0;outline:0;background:transparent;padding:0 14px;font-size:15px;color:#17304d}.catalog-search button{height:44px;margin-right:4px;padding:0 29px;border:0;border-radius:13px;background:linear-gradient(180deg,#e9bf4f,#d9a72c);color:#071d3a;font-size:15px;font-weight:900;cursor:pointer}
.catalog-deco{position:absolute;z-index:1;color:#c9d6e4;opacity:.8;pointer-events:none}.parliament{left:-20px;bottom:-25px;width:300px;height:150px;border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,transparent 0 17px,#d4dfea 17px 25px);border-top:15px solid #d4dfea;font-size:0;opacity:.5}.parliament:after{content:"";position:absolute;left:115px;top:-38px;width:70px;height:38px;background:#d4dfea;border-radius:50% 50% 0 0}.india{right:19%;top:25px;font-size:150px;opacity:.13}.books{right:15px;bottom:18px;width:175px;line-height:1.55;font:700 13px/1.65 Georgia,serif;letter-spacing:1px;text-align:center;color:#b9c7d6;opacity:.8;transform:rotate(-3deg)}
.workspace-actions{max-width:980px;margin:0 auto 22px;display:flex;justify-content:center;gap:10px}.workspace-actions button{padding:9px 15px;border-radius:9px;background:#fff;border:1px solid #d7e0ea;box-shadow:0 3px 10px rgba(9,32,61,.05);font-size:12px}.catalog-section-heading{max-width:1320px;margin:0 auto 14px;align-items:end}.catalog-section-heading h2{font-size:25px}.catalog-section-heading p{font-size:13px}
.catalog-grid{max-width:1320px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-exam-card{height:204px;min-width:0;padding:0!important;position:relative;overflow:hidden;border:2px solid #e6b63e!important;border-radius:15px!important;background:linear-gradient(100deg,#fff 0%,#fff 61%,#edf3f8 100%)!important;box-shadow:0 5px 15px rgba(16,39,70,.09)!important;cursor:pointer;display:block!important}.premium-exam-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(16,39,70,.14)!important}.premium-exam-card .exam-art{position:absolute;right:0;top:0;width:52%;height:100%;opacity:.48;background:radial-gradient(circle at 58% 46%,rgba(199,214,229,.9),transparent 46%),linear-gradient(135deg,transparent 0 32%,rgba(204,216,229,.55) 32% 34%,transparent 34%);overflow:hidden}.exam-art:before{content:"";position:absolute;right:15px;top:34px;width:170px;height:110px;border:2px solid rgba(157,177,199,.45);border-radius:6px;background:repeating-linear-gradient(0deg,rgba(157,177,199,.28) 0 2px,transparent 2px 16px)}.exam-art:after{content:"";position:absolute;right:45px;bottom:35px;width:130px;height:52px;border-radius:50% 50% 0 0;background:rgba(171,190,210,.38)}.exam-art-label{position:absolute;right:22px;top:12px;font:700 10px Georgia,serif;letter-spacing:1px;color:#788ba0;opacity:.7}.exam-icon{position:absolute;left:18px;top:22px;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#092a50,#061a34);border:4px solid #e8bd4f;box-shadow:0 2px 7px rgba(8,29,57,.18);color:#f2ca62;font-size:37px;font-weight:900;z-index:2}.exam-content{position:absolute;left:116px;right:16px;top:13px;bottom:10px;z-index:3;display:flex;flex-direction:column;min-width:0}.premium-exam-card .card-kicker{align-self:flex-start;display:inline-block;margin:0 0 4px;padding:5px 12px;border-radius:10px;background:linear-gradient(180deg,#f5d26c,#e9bd45);color:#111;font-size:11px;line-height:1;letter-spacing:0}.premium-exam-card h3{font:700 23px/1.08 Georgia,serif;margin:0 0 5px;color:#09203d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-exam-card p{font-size:12px;line-height:1.22;color:#435c76;margin:0;max-width:300px;min-height:32px}.exam-stats{display:flex;align-items:center;gap:9px;margin-top:6px;color:#17304d;font-size:10.5px;font-weight:800;white-space:nowrap}.exam-stats b{color:#b88716;font-size:12px}.exam-stats i{height:14px;width:1px;background:#c2cad3;flex:0 0 1px}.exam-meta{position:static;margin-top:auto;display:flex;align-items:center;gap:10px;min-height:20px;color:#243b57;font-size:10.5px;font-weight:700;white-space:nowrap}.exam-meta i{height:17px;width:1px;background:#aeb8c4;flex:0 0 1px}.exam-view-btn{position:static;width:100%;height:35px;flex:0 0 35px;margin-top:7px;border:0!important;border-radius:10px!important;background:linear-gradient(180deg,#f0c750,#ddb13c)!important;color:#071d3a!important;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;gap:8px;padding:0}.exam-view-btn b{font-size:18px;margin-left:8px}.card-corner{position:absolute;right:-1px;top:-1px;width:43px;height:43px;background:linear-gradient(135deg,transparent 0 45%,#e7bb49 46% 100%);z-index:4}.card-corner:after{content:"";position:absolute;right:7px;top:7px;width:15px;height:15px;border-top:2px solid rgba(255,255,255,.9);border-right:2px solid rgba(255,255,255,.9);transform:rotate(45deg)}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:22px}.catalog-hero h1{font-size:48px}}@media(max-width:700px){.header-actions .nav-btn{display:none}.brand strong{font-size:19px}.brand small{font-size:10px}.catalog-hero{min-height:285px}.catalog-hero h1{font-size:39px}.catalog-hero p{font-size:14px}.catalog-search{height:48px}.catalog-search button{padding:0 16px}.catalog-grid{grid-template-columns:1fr}.premium-exam-card{height:202px}.workspace-actions{display:grid;grid-template-columns:1fr 1fr}.parliament{left:-90px}.books{right:-30px;opacity:.35}.india{right:5%;font-size:100px}}
/* v3.2.4 exam-specific professional icon system */
.exam-icon svg{width:48px;height:48px;display:block;color:#f2ca62}

/* v3.2.6 — responsive supplied header artwork: show the full 1920x120 banner without cropping */
.image-header{position:fixed;top:0;left:0;right:0;width:100%;height:120px;min-height:120px;padding:0;background:#071d3a;border-bottom:2px solid #e5bb51;box-shadow:0 4px 18px rgba(7,29,58,.12);overflow:hidden;z-index:100}
.image-header::before{content:"";position:absolute;inset:0;background:url('header_banner_1920x120.png') center center/100% 120px no-repeat;z-index:0}
.image-header .brand{display:none}
.image-header .header-actions{position:absolute;inset:0;display:block;z-index:2}
.image-header .user-label{display:none}
.image-header .header-overlay{position:absolute;display:block;background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;font-size:0!important;padding:0!important;margin:0!important;border-radius:10px;cursor:pointer}
.image-header .home-overlay{left:38.1%;top:68%;width:8.8%;height:27%}
.image-header .bookmarks-overlay{left:47.8%;top:68%;width:9.1%;height:27%}
.image-header .tests-overlay{left:57.4%;top:68%;width:9.2%;height:27%}
.image-header .results-overlay{left:67.0%;top:68%;width:9.0%;height:27%}
.image-header .mistakes-overlay{left:76.6%;top:68%;width:11.5%;height:27%}
.image-header .login-overlay{left:88.6%;top:68%;width:9.8%;height:27%}
main{min-height:calc(100vh - 120px);padding-top:124px}
@media(max-width:850px){
  .image-header{height:100px;min-height:100px;background:#071d3a}
  .image-header::before{background-size:100% 100px;background-position:center center}
  .image-header .home-overlay{left:38.1%;top:67%;width:8.8%;height:29%}
  .image-header .bookmarks-overlay{left:47.8%;top:67%;width:9.1%;height:29%}
  .image-header .tests-overlay{left:57.4%;top:67%;width:9.2%;height:29%}
  .image-header .results-overlay{left:67.0%;top:67%;width:9.0%;height:29%}
  .image-header .mistakes-overlay{left:76.6%;top:67%;width:11.5%;height:29%}
  .image-header .login-overlay{left:88.6%;top:67%;width:9.8%;height:29%}
  main{min-height:calc(100vh - 100px);padding-top:104px}
}

/* v3.2.8 — three-layer premium header: artwork background + real HTML branding + real HTML navigation */
.image-header.three-layer-header{height:120px;min-height:120px;padding:0 2.8%;display:flex;align-items:center;justify-content:space-between;background:#061a34;border-bottom:2px solid #e5bb51;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 4px 18px rgba(7,29,58,.18)}
.three-layer-header .header-bg{position:absolute;inset:0;background:url('header_background_1920x120.jpg') center center/cover no-repeat;z-index:0}
.three-layer-header .header-brand-layer,.three-layer-header .three-layer-nav{position:relative;z-index:2}
.three-layer-header .header-brand-layer{display:flex;align-items:center;gap:13px;min-width:480px}
.three-layer-header .header-logo{width:78px;height:78px;object-fit:contain;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}
.three-layer-header .header-brand-copy strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.05;letter-spacing:.1px;color:#f5ce70;text-shadow:0 2px 2px rgba(0,0,0,.35);white-space:nowrap}
.three-layer-header .header-brand-copy small{display:block;margin-top:6px;font:600 14px Arial,sans-serif;letter-spacing:.15px;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.three-layer-header .three-layer-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:37px}
.three-layer-header .three-layer-nav .user-label{display:none}
.three-layer-header .nav-btn,.three-layer-header .login{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border-radius:11px;font:800 13px Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.three-layer-header .nav-btn{border:1.5px solid rgba(238,196,88,.96);background:rgba(3,24,52,.72);color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.16)}
.three-layer-header .nav-btn:hover{background:rgba(10,44,82,.92);transform:translateY(-1px);box-shadow:0 5px 13px rgba(0,0,0,.2)}
.three-layer-header .login{border:1.5px solid #f2ca5c;background:linear-gradient(#f6d66f,#edbd42);color:#061a34;min-width:108px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.three-layer-header .login:hover{transform:translateY(-1px);filter:brightness(1.03)}
.three-layer-header .nav-icon{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;color:#f7d26a;line-height:1}
.three-layer-header .nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.three-layer-header .login .nav-icon{color:#061a34}
.three-layer-header .login .nav-icon svg{width:19px;height:19px}
main{padding-top:124px;min-height:calc(100vh - 120px)}
.screen{min-height:calc(100vh - 120px)}
@media(max-width:1250px){
  .image-header.three-layer-header{padding:0 1.8%}
  .three-layer-header .header-brand-layer{min-width:400px;gap:9px}
  .three-layer-header .header-logo{width:68px;height:68px}
  .three-layer-header .header-brand-copy strong{font-size:23px}
  .three-layer-header .header-brand-copy small{font-size:12px;margin-top:4px}
  .three-layer-header .three-layer-nav{gap:6px;margin-top:34px}
  .three-layer-header .nav-btn,.three-layer-header .login{height:38px;padding:0 10px;font-size:11px;gap:5px}
  .three-layer-header .nav-icon{font-size:16px}
}
@media(max-width:850px){
  .image-header.three-layer-header{height:100px;min-height:100px}
  .three-layer-header .header-bg{background-size:auto 100%;background-position:center}
  .three-layer-header .header-brand-layer{min-width:0;gap:7px}
  .three-layer-header .header-logo{width:58px;height:58px}
  .three-layer-header .header-brand-copy strong{font-size:18px}
  .three-layer-header .header-brand-copy small{font-size:10px}
  .three-layer-header .three-layer-nav{margin-top:26px;gap:4px}
  .three-layer-header .three-layer-nav .nav-btn{display:none!important}
  .three-layer-header .login{min-width:82px;height:36px;padding:0 10px;font-size:11px}
  main{padding-top:104px}
  .screen{min-height:calc(100vh - 100px)}
}

/* v3.2.9 — navigation readability + premium header separation polish */
.image-header.three-layer-header::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:64%;
  height:100%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(4,20,42,0) 0%,
    rgba(4,20,42,.16) 22%,
    rgba(4,20,42,.30) 55%,
    rgba(4,20,42,.42) 100%);
}
.image-header.three-layer-header{
  box-shadow:0 6px 24px rgba(7,29,58,.22),0 1px 0 rgba(255,255,255,.14) inset;
}
.three-layer-header .three-layer-nav{
  padding:7px 9px;
  border-radius:16px;
  background:rgba(3,20,40,.20);
  border:1px solid rgba(238,196,88,.16);
  box-shadow:0 5px 18px rgba(0,0,0,.10);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.bookmark-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bookmark-actions .card-button{padding:9px 12px}.mistake-summary #clearMistakesBtn{background:#fff;border:1px solid #d5dce5;color:#09203d}@media(max-width:850px){.bookmark-actions{width:100%}.bookmark-actions button{flex:1}}

/* =========================================================
   MGJ v.5 — Premium UI parity across every tab
   Home-page visual language applied to Papers, Test, Result,
   Review, Results, My Tests, Bookmarks, Mistake Book & Profile.
   No data/Firebase behavior changes.
   ========================================================= */
:root{
  --mgj-navy:#071d3a;
  --mgj-navy-2:#0d2e55;
  --mgj-gold:#d8ad4b;
  --mgj-gold-light:#f0cb70;
  --mgj-ink:#09203d;
  --mgj-muted:#66778c;
  --mgj-border:#dce3eb;
  --mgj-surface:#ffffff;
}

.screen:not(#examScreen){
  padding-top:34px;
}
.screen:not(#examScreen) .back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:20px;
  border:1px solid #d8ad4b;
  background:#fff;
  box-shadow:0 3px 10px rgba(9,32,61,.05);
  transition:.18s ease;
}
.screen:not(#examScreen) .back:hover{
  transform:translateY(-1px);
  background:#fffaf0;
  box-shadow:0 7px 18px rgba(9,32,61,.08);
}
.screen:not(#examScreen) > .title.compact{
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
  padding:25px 30px;
  border:1px solid rgba(216,173,75,.28);
  border-radius:18px;
  background:linear-gradient(115deg,#fff 0%,#fbfcfe 70%,#fffaf0 100%);
  box-shadow:0 10px 28px rgba(9,32,61,.07);
}
.screen:not(#examScreen) > .title.compact:after{
  content:"";
  position:absolute;
  right:-40px;
  top:-55px;
  width:180px;
  height:180px;
  border-radius:50%;
  border:1px solid rgba(216,173,75,.20);
  box-shadow:0 0 0 24px rgba(216,173,75,.04),0 0 0 48px rgba(216,173,75,.025);
}
.screen:not(#examScreen) > .title.compact span{
  display:inline-block;
  color:#bd8d26;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
  padding:6px 9px;
  border:1px solid rgba(216,173,75,.35);
  border-radius:6px;
  background:#fffaf0;
}
.screen:not(#examScreen) > .title.compact h1{
  font-size:38px;
  line-height:1.1;
  margin:9px 0 6px;
  position:relative;
  z-index:1;
}
.screen:not(#examScreen) > .title.compact p{
  max-width:760px;
  margin:0;
  line-height:1.55;
  position:relative;
  z-index:1;
}

/* Papers */
#papersList{gap:16px}
.public-paper{
  position:relative;
  overflow:hidden;
  min-height:100px;
  padding:20px 22px;
  border:1px solid var(--mgj-border);
  border-left:4px solid var(--mgj-gold);
  border-radius:15px;
  background:linear-gradient(110deg,#fff 0%,#fff 78%,#fffaf0 100%);
  box-shadow:0 7px 22px rgba(9,32,61,.065);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.public-paper:before{
  content:"";
  position:absolute;
  width:105px;height:105px;
  right:-32px;top:-48px;
  border-radius:50%;
  border:1px solid rgba(216,173,75,.18);
}
.public-paper:hover{
  transform:translateY(-3px);
  border-color:rgba(216,173,75,.65);
  box-shadow:0 13px 30px rgba(9,32,61,.11);
}
.public-paper h3{font-size:21px;margin-bottom:7px;position:relative;z-index:1}
.public-paper small{font-size:13px;position:relative;z-index:1}
.public-paper button{
  min-width:118px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;z-index:2;
  box-shadow:0 5px 13px rgba(7,29,58,.12);
  transition:.18s ease;
}
.public-paper button:hover{background:#0d2e55;transform:translateY(-1px)}

/* Test paper */
#testArea{max-width:1080px;margin:0 auto}
#testScreen .title.compact{margin-bottom:18px}
.test-topbar{
  border-radius:18px;
  padding:20px 22px;
  background:linear-gradient(110deg,#071d3a 0%,#0d2e55 100%);
  box-shadow:0 13px 32px rgba(7,29,58,.16);
  border:1px solid rgba(231,191,96,.18);
}
.test-toolbar{padding:5px 0 2px}
.tool-btn{box-shadow:0 3px 10px rgba(9,32,61,.045);transition:.16s ease}
.tool-btn:hover{transform:translateY(-1px);border-color:#d8ad4b;background:#fffaf0}
.question-card{
  border-radius:18px;
  padding:30px;
  box-shadow:0 10px 30px rgba(9,32,61,.08);
  border-color:#d8e0e9;
  position:relative;
  overflow:hidden;
}
.question-card:after{
  content:"";position:absolute;right:-55px;bottom:-70px;width:180px;height:180px;border-radius:50%;
  border:1px solid rgba(216,173,75,.14);box-shadow:0 0 0 22px rgba(216,173,75,.035);
  pointer-events:none;
}
.question-card h3{font-size:20px;line-height:1.6;position:relative;z-index:1}
.option-btn{transition:.16s ease!important;box-shadow:0 2px 8px rgba(9,32,61,.03)}
.option-btn:hover{transform:translateX(2px)}
.test-nav{margin-top:14px;padding:13px 15px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(9,32,61,.05)}

/* Result */
#resultStats{
  max-width:1080px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
#resultStats>div{
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(9,32,61,.06);
  border-color:#dce3eb;
}
#resultStats .result-hero{
  grid-column:span 2;
  align-items:flex-start;
  text-align:left;
  padding:24px 26px;
  background:linear-gradient(115deg,#071d3a,#0d2e55);
  border-color:#0d2e55;
  color:#fff;
}
#resultStats .result-hero span{color:#d8ad4b;font-size:10px;font-weight:900;letter-spacing:2px}
#resultStats .result-hero strong{color:#fff;font-size:31px}
#resultStats .result-hero b{color:#f0cb70;font-size:24px;margin-top:4px}
#resultStats .result-hero small{color:#d5dfeb;margin-top:3px}
.result-actions{max-width:1080px;flex-wrap:wrap;padding:16px;border:1px solid #dce3eb;background:#fff;border-radius:15px;box-shadow:0 7px 22px rgba(9,32,61,.05)}
.result-actions .card-button{min-height:42px;transition:.16s ease}
.result-actions .card-button:hover{border-color:#d8ad4b;background:#fffaf0;transform:translateY(-1px)}

/* Review */
#reviewList{max-width:1080px;margin:0 auto;display:grid;gap:15px}
.review-card{
  border:1px solid #dce3eb!important;
  border-radius:16px!important;
  padding:22px!important;
  background:#fff!important;
  box-shadow:0 7px 23px rgba(9,32,61,.06)!important;
  overflow:hidden;
  position:relative;
}
.review-card.correct{border-left:4px solid #4d9b67!important}
.review-card.wrong{border-left:4px solid #c45b5b!important}
.review-card.unanswered{border-left:4px solid #d8ad4b!important}
.review-head{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #edf0f4}
.review-option{border-radius:10px!important;margin-top:8px!important;padding:12px 14px!important;background:#fafbfd}
.explanation{border-radius:10px!important;background:#fffaf0!important;border:1px solid rgba(216,173,75,.28)!important;padding:13px 15px!important}

/* Results / My Tests */
.history-summary{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-bottom:20px;
}
.history-summary>div{
  background:#fff;
  border:1px solid #dce3eb;
  border-radius:15px;
  padding:20px;
  text-align:center;
  box-shadow:0 7px 22px rgba(9,32,61,.055);
}
.history-summary strong{display:block;font:700 30px Georgia,serif;color:#bd8d26}
.history-summary span{display:block;color:#66778c;margin-top:5px;font-size:12px;font-weight:700;letter-spacing:.4px}
.subheading{font-size:11px;letter-spacing:2px;color:#bd8d26;margin:22px 0 12px}
.result-row,.test-card{
  background:linear-gradient(110deg,#fff 0%,#fff 82%,#fffaf0 100%)!important;
  border:1px solid #dce3eb!important;
  border-radius:15px!important;
  padding:18px 20px!important;
  box-shadow:0 7px 22px rgba(9,32,61,.055)!important;
  transition:.18s ease;
}
.result-row:hover,.test-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,32,61,.09)!important;border-color:rgba(216,173,75,.55)!important}
.result-row h3,.test-card h3{font-size:20px!important}
.history-actions{display:flex;gap:8px;flex-wrap:wrap}
.history-actions .card-button{min-height:40px}

/* Bookmarks */
#bookmarkList{display:grid;gap:15px;max-width:1080px;margin:0 auto}
.bookmark-card{
  position:relative;
  overflow:hidden;
  border-radius:16px!important;
  padding:21px 22px!important;
  background:linear-gradient(110deg,#fff 0%,#fff 82%,#fffaf0 100%)!important;
  box-shadow:0 7px 22px rgba(9,32,61,.055)!important;
  border-color:#dce3eb!important;
  transition:.18s ease;
}
.bookmark-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d8ad4b}
.bookmark-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,32,61,.09)!important;border-color:rgba(216,173,75,.55)!important}
.bookmark-paper{font-size:11px!important;letter-spacing:1px;text-transform:uppercase}
.bookmark-card p{font-size:16px!important;line-height:1.6!important}
.bookmark-actions{display:flex;gap:8px;flex-wrap:wrap}
.bookmark-actions button{min-height:40px!important}
.bookmark-actions button:last-child{background:#fff!important;color:#09203d!important;border:1px solid #d5dce5!important}

/* Mistake Book */
#mistakeList{display:grid;gap:15px;max-width:1080px;margin:0 auto}
.mistake-summary{
  display:flex!important;align-items:center;gap:15px;flex-wrap:wrap;
  padding:18px 20px!important;
  border-radius:16px!important;
  background:linear-gradient(110deg,#071d3a,#0d2e55)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(7,29,58,.13)!important;
  border:1px solid rgba(231,191,96,.18)!important;
}
.mistake-summary strong{font:700 32px Georgia,serif!important;color:#f0cb70!important}
.mistake-summary span{color:#d8e2ee!important;flex:1}
.mistake-summary .card-button{background:#e7bf60!important;color:#071d3a!important;border-color:#e7bf60!important}
.mistake-card{
  display:grid;grid-template-columns:1fr auto;gap:18px;
  background:linear-gradient(110deg,#fff 0%,#fff 82%,#fffaf0 100%);
  border:1px solid #dce3eb;border-radius:16px;padding:21px 22px;
  box-shadow:0 7px 22px rgba(9,32,61,.055);transition:.18s ease;
}
.mistake-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,32,61,.09);border-color:rgba(216,173,75,.55)}
.mistake-tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#a54b4b;background:#fff1f1;border:1px solid #efc9c9;padding:5px 8px;border-radius:6px}
.mistake-card h3{font:700 20px Georgia,serif;margin:9px 0 5px}
.mistake-card p{line-height:1.6;color:#253b55}
.mistake-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}
.mistake-actions button{min-width:135px;min-height:40px}
.mistake-actions button:last-child{border:1px solid #d5dce5;background:#fff;color:#09203d;border-radius:7px;font-weight:800}

/* Profile modal */
#modal .box{border:1px solid rgba(216,173,75,.35);box-shadow:0 25px 70px rgba(7,29,58,.28);border-radius:18px;padding:30px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
#modal .box h2{font-size:28px;color:#09203d;margin:5px 0 8px}
#modal .box p{color:#66778c;line-height:1.5}
#modal .profile-avatar{box-shadow:0 6px 18px rgba(9,32,61,.12)}
#modal .logout{min-height:44px;border-radius:9px!important;margin-top:16px}

/* Empty/loading/error states */
.loading{border-radius:15px!important;padding:30px!important;background:linear-gradient(110deg,#fff,#fffaf0)!important;box-shadow:0 6px 18px rgba(9,32,61,.04);text-align:center}
.error{border-radius:15px!important;box-shadow:0 6px 18px rgba(9,32,61,.04)}

@media(max-width:850px){
  .screen:not(#examScreen) > .title.compact{padding:21px 20px;border-radius:15px}
  .screen:not(#examScreen) > .title.compact h1{font-size:32px}
  #resultStats{grid-template-columns:1fr 1fr}
  #resultStats .result-hero{grid-column:1/-1}
  .history-summary{grid-template-columns:1fr}
  .mistake-card{grid-template-columns:1fr}
  .mistake-actions{flex-direction:row;flex-wrap:wrap}
  .mistake-actions button{flex:1;min-width:0}
  .public-paper{align-items:flex-start;gap:14px}
  .public-paper button{min-width:108px}
}
@media(max-width:560px){
  .screen:not(#examScreen){padding-left:4%;padding-right:4%}
  #resultStats{grid-template-columns:1fr}
  #resultStats .result-hero{grid-column:auto}
  .result-actions{flex-direction:column}
  .result-actions .card-button{width:100%}
  .public-paper{flex-direction:column;align-items:stretch}
  .public-paper button{width:100%}
  .question-card{padding:20px}
  .test-topbar{padding:16px}
}

/* Mistake Book - premium review dialog */
.mistake-review-modal{background:rgba(4,16,32,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:18px}
.mistake-review-box{width:min(920px,96vw)!important;max-height:90vh;overflow:auto;padding:30px 30px 26px!important;border:1px solid rgba(216,173,75,.28)!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.32)!important;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important}
.mistake-review-box .palette-close{width:38px;height:38px;right:16px;top:14px;border-radius:50%;background:#f5f7fa;border:1px solid #dce3eb;color:#09203d;font-size:25px;line-height:36px;font-weight:700;transition:.18s ease}
.mistake-review-box .palette-close:hover{background:#fff5d9;border-color:#d8ad4b;transform:rotate(90deg)}
.mistake-review-box h2{font-size:34px!important;margin:5px 50px 18px 0!important;color:#09203d!important}
.mistake-question-panel{margin:0 0 17px;padding:17px 19px;background:linear-gradient(110deg,#fff9e9,#fffdf7);border:1px solid #ead8a8;border-radius:14px;border-left:4px solid #d8ad4b}
.mistake-question-panel span{display:block;font-size:10px;letter-spacing:1.6px;font-weight:900;color:#bd8d26;margin-bottom:7px}
.mistake-question-panel p{margin:0;color:#253b55;font-size:20px;line-height:1.6;font-weight:600}
.mistake-options{display:grid;gap:9px}
.mistake-option{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid #dce3eb;border-radius:12px;background:#fff;transition:.15s ease}
.mistake-option:hover{transform:translateX(2px);box-shadow:0 5px 14px rgba(9,32,61,.05)}
.mistake-option>b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#071d3a;color:#fff;font-size:14px}
.mistake-option>span{color:#253b55;font-size:16px;line-height:1.45}
.mistake-option.correct-answer{background:#eef9f1;border-color:#8fc39b}
.mistake-option.correct-answer>b{background:#237a3b}
.mistake-option.your-answer:not(.correct-answer){background:#fff1f1;border-color:#e0a1a1}
.mistake-option.your-answer:not(.correct-answer)>b{background:#a53e3e}
.option-status{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.7px;white-space:nowrap}
.correct-status{color:#237a3b}.wrong-status{color:#a53e3e}
.mistake-answer-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.mistake-answer-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-radius:12px;border:1px solid #e0e5eb;background:#f8fafc}
.mistake-answer-summary span{font-size:11px;font-weight:800;color:#64778b;text-transform:uppercase;letter-spacing:.8px}.mistake-answer-summary strong{font-size:22px;font-family:Georgia,serif}.wrong-value{color:#b34a4a}.correct-value{color:#237a3b}
.mistake-explanation{margin-top:13px;padding:15px 17px;background:#fff9e9;border:1px solid #ead8a8;border-radius:12px}
.explanation-title{font-size:12px;font-weight:900;letter-spacing:.7px;color:#09203d;margin-bottom:6px}.mistake-explanation p{margin:0;color:#52667c;font-size:13px;line-height:1.65}
@media(max-width:650px){.mistake-review-box{padding:24px 16px 18px!important}.mistake-review-box h2{font-size:28px!important}.mistake-question-panel p{font-size:17px}.mistake-option{grid-template-columns:32px 1fr;align-items:start}.option-status{grid-column:2}.mistake-answer-summary{grid-template-columns:1fr}.mistake-review-box .palette-close{right:11px;top:10px}}

/* MGJ v.5 — Mistake Review Dialog Position Fix */
.mistake-review-modal{
  top:120px;
  bottom:0;
  height:calc(100vh - 120px);
  z-index:200;
  align-items:center;
  overflow:auto;
}
.mistake-review-box{
  max-height:calc(100vh - 156px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
@media(max-width:700px){
  .mistake-review-modal{
    top:100px;
    height:calc(100vh - 100px);
    padding:14px;
  }
  .mistake-review-box{
    max-height:calc(100vh - 128px)!important;
  }
}

/* MGJ v.5 — Mistake Review Dialog Compact Polish */
.mistake-review-modal{
  overflow:hidden;
  padding:14px;
}
.mistake-review-box{
  max-height:calc(100vh - 148px)!important;
  overflow-y:auto!important;
  padding:22px 24px 20px!important;
}
.mistake-review-box h2{
  font-size:30px!important;
  margin:2px 50px 12px 0!important;
}
.mistake-question-panel{
  margin:0 0 11px;
  padding:12px 15px;
  border-radius:12px;
}
.mistake-question-panel span{
  font-size:9px;
  margin-bottom:4px;
}
.mistake-question-panel p{
  font-size:17px;
  line-height:1.42;
}
.mistake-options{
  gap:6px;
}
.mistake-option{
  min-height:44px;
  padding:7px 11px;
  border-radius:10px;
  gap:10px;
}
.mistake-option>b{
  width:28px;
  height:28px;
  border-radius:8px;
  font-size:13px;
}
.mistake-option>span{
  font-size:14px;
  line-height:1.35;
}
.mistake-explanation{
  margin-top:10px;
  padding:11px 13px;
}
.explanation-title{font-size:11px;margin-bottom:4px}
.mistake-explanation p{font-size:12px;line-height:1.5}
@media(max-width:650px){
  .mistake-review-box{max-height:calc(100vh - 122px)!important;padding:18px 14px 15px!important}
  .mistake-review-box h2{font-size:25px!important;margin-right:44px!important}
  .mistake-question-panel p{font-size:16px}
  .mistake-option{min-height:42px;padding:7px 9px}
  .mistake-option>span{font-size:13px}
}

/* MGJ v.8 — CCE-inspired online test UI, applied to every exam */
.cce-test-shell{max-width:1500px;margin:0 auto;padding:8px 0 34px;color:#102b49}
.cce-test-heading{display:flex;justify-content:space-between;gap:22px;align-items:stretch;background:linear-gradient(105deg,#fdfefe,#fffdf6);border:1px solid #e5e9ef;border-radius:14px;box-shadow:0 7px 22px rgba(9,32,61,.06);padding:18px 22px}
.cce-kicker{display:inline-block;color:#bd8d26;font-size:11px;font-weight:900;letter-spacing:1.7px;background:#fff8e8;border:1px solid #ead8a8;border-radius:7px;padding:6px 9px}
.cce-test-heading h2{margin:9px 0 2px;font:700 27px Georgia,serif;color:#09203d}.cce-test-heading p{margin:0;color:#66788b;font-size:13px}
.cce-meta-strip{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));align-items:stretch;border:1px solid #e1e7ee;border-radius:10px;overflow:hidden;background:#fff;min-width:500px}.cce-meta-strip>div{padding:10px 14px;text-align:center;border-left:1px solid #e1e7ee}.cce-meta-strip>div:first-child{border-left:0}.cce-meta-strip b{display:block;font-size:10px;color:#68798c;letter-spacing:.5px}.cce-meta-strip strong{display:block;margin-top:4px;color:#09203d;font-size:17px}.cce-timer-box{background:#fffaf0}.cce-timer-box strong{color:#bd8d26!important}
.cce-progress{height:4px;background:#e8edf3;border-radius:0 0 8px 8px;overflow:hidden}.cce-progress span{display:block;height:100%;background:linear-gradient(90deg,#d8ad4b,#f0cf7a)}
.cce-test-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(330px,.85fr);gap:16px;margin-top:14px}.cce-question-panel,.cce-palette-panel{background:#fff;border:1px solid #e0e6ed;border-radius:14px;box-shadow:0 6px 20px rgba(9,32,61,.055);overflow:hidden}.cce-question-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#f6f9fd;border-bottom:1px solid #e3e9f0}.cce-question-top strong{font-size:18px;color:#09203d}.cce-question-top span{color:#64768a}.cce-question-actions{display:flex;gap:8px;align-items:center}.cce-icon-btn{width:42px;height:36px;border:1px solid #d9e1ea;background:#fff;border-radius:8px;color:#09203d;font-size:25px;line-height:1;cursor:pointer}.cce-icon-btn:disabled{opacity:.35}.cce-bookmark-btn{border:0;background:transparent;color:#09203d;font-weight:800;cursor:pointer;padding:9px 8px}.cce-bookmark-btn.saved{color:#bd8d26}.cce-marks-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:9px 18px;color:#65778b;font-size:12px;border-bottom:1px solid #edf0f4}.cce-marks-row b{color:#258044}.cce-marks-row b.negative{color:#b74b4b}.cce-marks-row i{height:16px;width:1px;background:#cfd7e0}.cce-question-card{padding:20px 22px 18px}.cce-question-card h3{margin:0 0 20px;color:#132f4c;font-size:22px;line-height:1.55;font-weight:700}.cce-options{display:grid;gap:9px}.cce-option-btn{width:100%;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;text-align:left;padding:11px 14px;border:1px solid #dce4ed;border-radius:10px;background:#fff;color:#17334f;cursor:pointer;transition:.15s ease}.cce-option-btn:hover{border-color:#d8ad4b;box-shadow:0 4px 12px rgba(9,32,61,.05)}.cce-option-btn span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef3f8;color:#193653;font-weight:900}.cce-option-btn strong{font-size:16px;line-height:1.45;font-weight:600}.cce-option-btn.selected{border-color:#d8ad4b;background:#fff9eb;box-shadow:0 0 0 2px rgba(216,173,75,.12)}.cce-option-btn.selected span{background:#09203d;color:#f0c965}.cce-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;background:#fbfcfe;border-top:1px solid #e6ebf0}.cce-review-check{display:flex;align-items:center;gap:8px;color:#17334f;font-weight:700;font-size:13px}.cce-review-check input{width:18px;height:18px;accent-color:#bd8d26}.cce-nav-actions{display:flex;gap:10px}.cce-secondary,.cce-next,.cce-submit{border-radius:8px;padding:12px 18px;font-weight:900;cursor:pointer}.cce-secondary{background:#fff;border:1px solid #c9d4df;color:#09203d}.cce-next{background:#09203d;color:#fff;border:1px solid #09203d}.cce-submit{background:linear-gradient(135deg,#e4b94f,#f2cf78);color:#132b45;border:1px solid #d2a63e;box-shadow:0 5px 12px rgba(189,141,38,.18)}.cce-secondary:disabled{opacity:.4;cursor:not-allowed}
.cce-palette-title{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #e3e9f0}.cce-palette-title span{display:block;color:#09203d;font-size:17px;font-weight:900;letter-spacing:.5px}.cce-palette-title small{display:block;color:#7a8998;margin-top:3px}.cce-palette-title b{font-size:25px;color:#6f8090}.cce-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 17px;border-bottom:1px solid #e8edf2}.cce-legend span{font-size:11px;color:#52677d;display:flex;align-items:center;gap:7px}.cce-legend i{width:15px;height:15px;border-radius:4px;display:inline-block;border:1px solid transparent}.cce-legend i.answered{background:#cfead8;border-color:#8dc39b}.cce-legend i.unanswered{background:#f6d4d4;border-color:#dfa1a1}.cce-legend i.unvisited{background:#e8edf2;border-color:#d1d9e2}.cce-legend i.review{background:#f8e6b0;border-color:#e4c96f}.cce-legend i.answered-review{background:#e3d6ef;border-color:#b79ace}.cce-palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:15px 17px;max-height:470px;overflow:auto}.cce-palette-item{height:35px;border-radius:6px;border:1px solid #d8e0e8;background:#e8edf2;color:#233b54;font-weight:900;cursor:pointer}.cce-palette-item.answered{background:#cfead8;border-color:#8dc39b;color:#1f6b38}.cce-palette-item.unanswered{background:#f6d4d4;border-color:#dfa1a1;color:#9f4040}.cce-palette-item.review{background:#f8e6b0;border-color:#e4c96f;color:#876516}.cce-palette-item.answered-review{background:#e3d6ef;border-color:#b79ace;color:#68468c}.cce-palette-item.current{background:#eef5ff;border:2px solid #6f91bf;color:#09203d;box-shadow:0 0 0 1px rgba(111,145,191,.18)}.cce-submit-wide{width:calc(100% - 34px);margin:0 17px 17px}
@media(max-width:1000px){.cce-test-heading{flex-direction:column}.cce-meta-strip{min-width:0;width:100%}.cce-test-grid{grid-template-columns:1fr}.cce-palette-panel{order:2}.cce-palette-grid{max-height:300px}}
@media(max-width:650px){.cce-test-shell{padding:0 0 22px}.cce-test-heading{padding:14px}.cce-test-heading h2{font-size:22px}.cce-meta-strip{grid-template-columns:1fr 1fr}.cce-meta-strip>div:nth-child(3){border-left:0;border-top:1px solid #e1e7ee}.cce-meta-strip>div:nth-child(4){border-top:1px solid #e1e7ee}.cce-question-top{padding:12px}.cce-question-top strong{font-size:16px}.cce-question-actions{gap:3px}.cce-bookmark-btn{font-size:11px}.cce-question-card{padding:15px}.cce-question-card h3{font-size:18px}.cce-option-btn{grid-template-columns:36px 1fr;padding:9px 10px}.cce-option-btn span{width:32px;height:32px}.cce-option-btn strong{font-size:14px}.cce-bottom-actions{flex-direction:column;align-items:stretch}.cce-nav-actions>*{flex:1}.cce-palette-grid{grid-template-columns:repeat(6,1fr);padding:12px}.cce-legend{grid-template-columns:1fr}.cce-submit-wide{width:calc(100% - 24px);margin:0 12px 12px}}


/* MGJ v.8 CCE Test UI Fix — remove global main padding from question panel and reduce duplicate header space */
.cce-question-panel{min-height:0!important;padding-top:0!important;}
#testScreen > .title.compact{display:none!important;}
#testScreen{padding-top:16px!important;}
#testArea{max-width:1500px!important;margin:0 auto!important;}
.cce-test-shell{padding-top:0!important;}
@media(max-width:650px){
  #testScreen{padding-top:10px!important;}
}

/* MGJ v.9 — compact CCE test viewport layout */
#testScreen > .back{margin-bottom:12px;}
.cce-test-heading{padding:12px 18px;gap:18px;align-items:center;}
.cce-test-heading>div:first-child{display:flex;align-items:center;gap:12px;min-width:0;white-space:nowrap;}
.cce-test-heading .cce-kicker{margin:0;flex:0 0 auto;}
.cce-test-heading h2{margin:0;font-size:23px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cce-test-heading p{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cce-meta-strip{min-width:460px;}
.cce-meta-strip>div{padding:8px 12px;}
.cce-meta-strip strong{font-size:16px;}
.cce-progress{height:3px;}
.cce-test-grid{margin-top:10px;}
.cce-question-top{padding:12px 16px;}
.cce-marks-row{padding:6px 16px;}
.cce-question-card{padding:15px 18px 14px;}
.cce-question-card h3{margin-bottom:14px;font-size:20px;line-height:1.45;}
.cce-option-btn{padding:9px 12px;}
.cce-option-btn span{width:34px;height:34px;}
.cce-option-btn strong{font-size:15px;}
.cce-bottom-actions{padding:10px 16px;}
.cce-palette-title{padding:12px 15px;}
.cce-legend{padding:11px 15px;gap:7px 10px;}
.cce-palette-grid{padding:11px 15px;gap:6px;max-height:390px;}
.cce-submit-wide{margin:0 15px 12px;width:calc(100% - 30px);}
@media(max-width:1000px){
  .cce-test-heading>div:first-child{white-space:normal;flex-wrap:wrap;}
  .cce-test-heading h2,.cce-test-heading p{white-space:normal;}
}
@media(max-width:650px){
  #testScreen > .back{margin-bottom:8px;}
  .cce-test-heading>div:first-child{gap:7px;}
  .cce-meta-strip{min-width:0;}
}

/* MGJ v.10 — keep marks/negative on the same question header line beside Bookmark */
.cce-question-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;}
.cce-inline-marks{display:flex;align-items:center;gap:9px;color:#65778b;font-size:12px;font-weight:700;margin-left:2px;}
.cce-inline-marks b{color:#258044;}
.cce-inline-marks b.negative{color:#b74b4b;}
.cce-inline-marks i{display:block;width:1px;height:16px;background:#cfd7e0;}
.cce-marks-row{display:none!important;}
@media(max-width:850px){.cce-question-actions{gap:5px}.cce-inline-marks{font-size:11px;gap:6px}.cce-bookmark-btn{padding:8px 5px;font-size:12px}}
@media(max-width:650px){.cce-inline-marks{font-size:10px;gap:5px}.cce-question-actions{gap:3px}.cce-bookmark-btn{font-size:10px;padding:7px 3px}}

/* MGJ v.11 — shared CCE-style polish for Results / My Tests / Bookmarks / Mistake Book */
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen){
  padding-top:26px;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .back{
  margin-bottom:12px;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact{
  margin-bottom:14px;
  padding:16px 22px;
  border-radius:14px;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact h1{
  font-size:30px;
  margin:7px 0 3px;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact p{
  font-size:13px;
}

/* Shared light CCE-style statistic strip */
.history-summary{
  gap:0!important;
  margin-bottom:14px!important;
  border:1px solid #dfe6ee;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(9,32,61,.045);
}
.history-summary>div{
  border:0!important;
  border-left:1px solid #e5eaf0!important;
  border-radius:0!important;
  padding:13px 16px!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.history-summary>div:first-child{border-left:0!important}
.history-summary strong{font-size:25px!important;color:#09203d!important}
.history-summary span{font-size:10px!important;text-transform:uppercase;letter-spacing:1px}

/* Result screen — same light CCE visual language */
#resultStats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px!important;
  max-width:1080px;
  margin:0 auto 14px;
}
#resultStats .result-hero{
  grid-column:1/-1;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px!important;
  background:linear-gradient(105deg,#fdfefe,#fffaf0)!important;
  color:#09203d!important;
  border:1px solid #e1e7ee!important;
  border-left:4px solid #d8ad4b!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(9,32,61,.05)!important;
}
#resultStats .result-hero span,
#resultStats .result-hero small{color:#6b7c8e!important;font-size:10px!important;letter-spacing:1.3px!important}
#resultStats .result-hero strong{color:#09203d!important;font-size:28px!important;margin:2px 0!important}
#resultStats .result-hero b{color:#bd8d26!important;font-size:21px!important}
#resultStats>div:not(.result-hero){
  padding:14px 10px!important;
  border-radius:11px!important;
  box-shadow:0 5px 15px rgba(9,32,61,.045)!important;
}
#resultStats>div:not(.result-hero) strong{font-size:25px!important;color:#09203d!important}
#resultStats>div:not(.result-hero) span{font-size:10px!important;text-transform:uppercase;letter-spacing:.8px}
.result-actions{
  max-width:1080px!important;
  margin:0 auto!important;
  padding:10px!important;
  gap:8px!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(9,32,61,.045)!important;
}
.result-actions .card-button:first-child,
.result-actions .card-button:nth-child(3){
  background:linear-gradient(135deg,#e4b94f,#f2cf78)!important;
  border-color:#d2a63e!important;
  color:#132b45!important;
}

/* Shared cards */
#resultsList,#testsList,#bookmarkList,#mistakeList{
  max-width:1080px!important;
  margin:0 auto!important;
  gap:11px!important;
}
.result-row,.test-card,.bookmark-card,.mistake-card{
  border-radius:12px!important;
  padding:14px 16px!important;
  box-shadow:0 5px 17px rgba(9,32,61,.045)!important;
  background:linear-gradient(105deg,#fff 0%,#fff 82%,#fffaf0 100%)!important;
}
.result-row h3,.test-card h3,.mistake-card h3{font-size:17px!important}
.result-row p,.mistake-card p,.bookmark-card p{margin:5px 0!important;line-height:1.45!important}

/* Buttons follow the Test screen: gold primary, clean white secondary */
.history-actions .card-button:first-child,
.mistake-actions .card-button:first-child,
.bookmark-actions .card-button:first-child{
  background:linear-gradient(135deg,#e4b94f,#f2cf78)!important;
  border-color:#d2a63e!important;
  color:#132b45!important;
}
.history-actions .card-button,
.mistake-actions button,
.bookmark-actions button{min-height:38px!important;padding:8px 13px!important}

/* Mistake summary becomes a light CCE-style info strip */
.mistake-summary{
  padding:13px 16px!important;
  border-radius:12px!important;
  background:linear-gradient(105deg,#fff,#fffaf0)!important;
  color:#09203d!important;
  border:1px solid #e4d6b4!important;
  box-shadow:0 6px 18px rgba(9,32,61,.045)!important;
}
.mistake-summary strong{font-size:27px!important;color:#bd8d26!important}
.mistake-summary span{color:#66778c!important}
.mistake-summary .card-button{background:linear-gradient(135deg,#e4b94f,#f2cf78)!important;color:#132b45!important;border-color:#d2a63e!important}

/* Bookmark card matches the same compact exam card rhythm */
.bookmark-card{padding-left:18px!important}
.bookmark-card:before{width:3px!important}
.bookmark-paper{color:#bd8d26!important}
.bookmark-card small{font-size:11px}

@media(max-width:850px){
  #resultStats{grid-template-columns:1fr 1fr}
  #resultStats .result-hero{grid-column:1/-1;align-items:flex-start;flex-wrap:wrap}
  .history-summary{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:560px){
  #resultStats{grid-template-columns:1fr}
  #resultStats .result-hero{grid-column:auto}
  .history-summary{grid-template-columns:1fr!important}
}

/* MGJ v.12 — Premium Test Result Dashboard (reference-inspired, data-driven) */
.result-detail-screen{padding-bottom:32px!important}
.result-detail-head{display:grid;grid-template-columns:58px minmax(0,1fr) 238px 210px;gap:16px;align-items:center;margin-bottom:14px}
.result-paper-icon{width:58px;height:58px;border-radius:11px;background:#092c68;color:#fff;display:grid;place-items:center;font-size:31px;box-shadow:0 6px 14px rgba(9,32,61,.12)}
.result-paper-info h1{margin:0 0 5px;color:#09205a;font-size:24px;font-family:Georgia,serif}
.result-paper-info div{color:#64768a;font-size:13px}
.result-meta-box{background:linear-gradient(135deg,#f3f7fd,#edf3fc);border:1px solid #e1e8f1;border-radius:10px;padding:12px 15px}
.result-meta-box span{display:block;color:#6b7d91;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}
.result-meta-box strong{color:#152d52;font-size:13px}
.result-dashboard{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;max-width:none!important;margin:0!important}
.result-score-panel{display:grid;grid-template-columns:285px 1fr;gap:22px;padding:16px 18px 12px;background:#fff;border:1px solid #dce5ee;border-radius:12px;box-shadow:0 6px 18px rgba(9,32,61,.05);position:relative}
.score-ring{width:238px;height:238px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:conic-gradient(#159447 calc(var(--score)*1%),#e2e8ef 0);position:relative}
.score-ring:after{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff}
.score-ring>div{position:relative;z-index:1;text-align:center;color:#09205a}
.score-ring span,.score-ring small{display:block;color:#61748b;font-size:12px}
.score-ring strong{display:block;font-size:36px;font-family:Georgia,serif;margin:5px 0 0}
.score-ring b{display:block;font-size:17px;margin-top:2px}
.score-breakdown{padding:2px 2px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:34px;align-content:center}
.result-status{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;color:#243c5d;font-size:13px}
.result-status>b{color:#102b55;font-size:16px}
.result-status hr{grid-column:1/-1;border:0;border-top:1px solid #e6ebf1;margin:3px 0}
.status-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e9eef5;color:#526b88;font-weight:900}
.status-icon.ok{background:#dff4e6;color:#14904b}.status-icon.bad{background:#ffe3e3;color:#e13333}.status-icon.neutral{background:#e9edf3;color:#6a7d95}
.good{color:#138b49!important}.bad-text{color:#df302f!important}
.scoring-note{grid-column:1/-1;background:#fff8df;border:1px solid #f0dca0;border-radius:8px;padding:9px 12px;color:#344b69;font-size:11px;line-height:1.55;margin-top:3px}
.subject-performance{background:#fff;border:1px solid #dce5ee;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(9,32,61,.05)}
.subject-performance h2,.analysis-card h2{margin:0;padding:15px 18px;color:#092c68;font-size:18px;font-family:Georgia,serif}.subject-performance h2 span,.analysis-card h2 span{margin-left:7px}
.subject-table-head,.subject-row{display:grid;grid-template-columns:1.4fr .85fr .85fr 1.25fr;align-items:center;gap:12px;padding:11px 16px}.subject-table-head{background:#f4f7fb;border-top:1px solid #e2e8ef;border-bottom:1px solid #dfe6ee;color:#2b3f5d;font-size:11px;font-weight:800}.subject-row{min-height:54px;border-bottom:1px solid #e6ebf1;color:#263d5d;font-size:12px}.subject-row:last-child{border-bottom:0}.subject-name{display:flex;align-items:center;gap:9px}.subject-name strong{font-size:13px}.subject-icon{width:29px;height:29px;border-radius:8px;background:#eef4ff;color:#2457a6;display:grid;place-items:center;font-weight:900}.subject-correct b{color:#14904b}.subject-score b{color:#147c4a}.subject-percent b{display:block;margin-bottom:6px}.subject-percent>span{display:block;height:10px;background:#e2e8ef;border-radius:20px;overflow:hidden}.subject-percent i{display:block;height:100%;background:#31ad69;border-radius:20px}.subject-empty{padding:22px;color:#687b90;font-size:13px}
.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px 280px;gap:12px}.analysis-card{background:#fff;border:1px solid #dce5ee;border-radius:12px;box-shadow:0 6px 18px rgba(9,32,61,.05);overflow:hidden}.analysis-items{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 10px 13px;gap:7px}.analysis-items>div{border:1px solid #e2e8ef;border-radius:8px;text-align:center;padding:12px 7px}.analysis-items span{display:block;font-size:10px;color:#5f7187}.analysis-items b{display:block;color:#294568;font-size:19px;margin-top:7px}.analysis-items small{font-size:10px;color:#3049a0}.time-card,.accuracy-card{padding-bottom:16px}.time-card>strong,.accuracy-card>strong{display:block;text-align:center;color:#0d2d66;font-size:21px;margin:8px 0}.time-card>span,.accuracy-card p{display:block;text-align:center;color:#687b90;font-size:11px;padding:0 15px}.time-bar{height:10px;margin:12px 18px;background:#e2e8ef;border-radius:20px;overflow:hidden}.time-bar i{display:block;height:100%;background:#16a085;border-radius:20px}.accuracy-card>strong{color:#15904c;font-size:29px}.accuracy-card p{line-height:1.45;margin:10px 0 0}
.result-actions{display:grid!important;grid-template-columns:1.15fr 1.25fr 1.25fr .9fr 1fr;align-items:stretch!important;padding:10px!important}.result-actions .card-button{min-height:54px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;column-gap:7px;align-items:center;justify-items:start;text-align:left;font-size:14px}.result-actions .card-button b{font-weight:800;align-self:end}.result-actions .card-button small{grid-column:2;color:#5f7187;font-size:10px;align-self:start}.result-actions .card-button:nth-child(4),.result-actions .card-button:nth-child(5){display:flex;justify-content:center;gap:6px;align-items:center}.result-actions .card-button:nth-child(4) b,.result-actions .card-button:nth-child(5) b{font-size:13px}
@media(max-width:820px){.result-detail-head{grid-template-columns:52px 1fr}.result-meta-box:last-child{grid-column:1/-1}.analysis-grid{grid-template-columns:1fr}.question-analysis{grid-column:auto}.result-actions{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.result-detail-head{grid-template-columns:48px 1fr}.result-meta-box{grid-column:1/-1!important}.result-score-panel{grid-template-columns:1fr}.score-ring{width:210px;height:210px}.score-breakdown{grid-template-columns:1fr}.subject-table-head{display:none}.subject-row{grid-template-columns:1fr 1fr}.subject-row .subject-percent{grid-column:1/-1}.analysis-grid{grid-template-columns:1fr}.question-analysis{grid-column:auto}.analysis-items{grid-template-columns:repeat(2,1fr)}.analysis-items>div:last-child{grid-column:1/-1}.result-actions{grid-template-columns:1fr}.result-actions .card-button{width:100%}}

/* MGJ v.12.4 — Premium result dashboard polish */
.result-detail-screen{background:linear-gradient(180deg,#f6f9fd 0%,#eef3f9 100%);}
.result-detail-head{margin-bottom:16px!important;}
.result-dashboard{display:block!important;}
.result-top-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px;align-items:start;}
.result-score-panel,.subject-performance{box-sizing:border-box;}
.result-score-panel{grid-template-columns:1fr!important;gap:0!important;padding:0!important;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid #d8e3ef;box-shadow:0 10px 28px rgba(8,34,74,.08);border-radius:16px;}
.completion-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(100deg,#effbf2,#e8f7ed 60%,#f7fcf8);border-bottom:1px solid #d7eadc;}
.completion-banner .trophy{font-size:32px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));}
.completion-banner strong{display:block;color:#092c68;font-size:23px;line-height:1.05;font-family:Georgia,serif;}
.completion-banner small{display:block;color:#405875;font-size:12px;margin-top:4px;}
.score-main{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:center;padding:15px 18px 8px;}
.score-ring{width:228px;height:228px;box-shadow:inset 0 0 0 1px rgba(10,60,100,.04),0 6px 18px rgba(9,32,61,.06);}
.score-ring:after{inset:15px;background:#fff;}
.score-ring strong{font-size:34px;color:#0b2e67;}
.score-breakdown{padding:0 4px;column-gap:22px;align-content:center;}
.result-status{padding:6px 0;font-size:12px;}
.result-status>b{font-size:16px;}
.scoring-note{margin:0 18px 14px!important;text-align:center;background:linear-gradient(90deg,#fff9e7,#fff4cc);border-color:#efd99a;box-shadow:0 3px 8px rgba(170,130,30,.05);}
.subject-performance{min-height:0!important;align-self:start;background:#fff;border:1px solid #d8e3ef;border-radius:16px;box-shadow:0 10px 28px rgba(8,34,74,.08);overflow:hidden;}
.subject-performance h2{padding:15px 18px!important;background:linear-gradient(100deg,#fffdf5,#fff8e6);border-bottom:1px solid #eee0b9;font-size:19px!important;color:#092c68!important;}
.subject-table-head{padding:10px 16px!important;background:#f3f7fc!important;}
.subject-row{min-height:58px!important;padding:12px 16px!important;background:#fff;}
.subject-row:hover{background:#fbfdff;}
.subject-name strong{font-size:15px!important;color:#102d56;}
.subject-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#eef5ff,#e2edfb);box-shadow:inset 0 0 0 1px #dbe8f6;}
.subject-percent>span{height:9px!important;background:#e5ebf2!important;}
.subject-percent i{background:linear-gradient(90deg,#28a964,#39b875)!important;}
.analysis-grid{margin-top:16px;grid-template-columns:minmax(0,1.65fr) minmax(220px,.72fr) minmax(220px,.72fr)!important;gap:14px!important;align-items:stretch;}
.analysis-card{border:1px solid #d8e3ef;box-shadow:0 8px 22px rgba(8,34,74,.07);border-radius:15px!important;background:rgba(255,255,255,.98);}
.analysis-card h2{padding:13px 16px!important;background:linear-gradient(100deg,#f6f9ff,#ffffff);border-bottom:1px solid #e5ebf2;font-size:17px!important;}
.analysis-items{padding:10px 11px 12px!important;gap:8px!important;}
.analysis-items>div{padding:11px 6px!important;background:linear-gradient(180deg,#fff,#fafdff);}
.analysis-items b{font-size:21px!important;color:#17375f;}
.time-card,.accuracy-card{padding-bottom:14px!important;}
.time-card .metric-label{display:block;text-align:center;color:#61748b;font-size:11px;margin-top:12px;text-transform:uppercase;letter-spacing:.3px;}
.time-card>strong,.accuracy-card>strong{font-size:28px!important;margin:5px 0!important;color:#0d2d66!important;font-family:Georgia,serif;}
.time-card>span{font-size:10px!important;}
.time-bar{height:9px!important;margin:12px 18px!important;}
.accuracy-card>strong{color:#14904c!important;font-size:31px!important;}
.accuracy-card p{font-size:11px!important;}
.result-actions{margin-top:14px!important;padding:8px!important;border:1px solid #d8e3ef!important;border-radius:15px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 22px rgba(8,34,74,.07)!important;gap:9px!important;}
.result-actions .card-button{border:1px solid #d4dfeb!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#0b2d60!important;box-shadow:0 3px 8px rgba(8,34,74,.04)!important;transition:.18s ease!important;}
.result-actions .card-button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(8,34,74,.10)!important;}
.result-actions .card-button:nth-child(1),.result-actions .card-button:nth-child(3){background:linear-gradient(135deg,#f7d36b,#efbd3d)!important;border-color:#dfb33d!important;color:#102b54!important;}
.result-actions .card-button:nth-child(1) small,.result-actions .card-button:nth-child(3) small{color:#394f6a!important;}
@media(max-width:820px){.result-top-grid{grid-template-columns:1fr}.analysis-grid{grid-template-columns:1fr!important}.question-analysis{grid-column:auto}.result-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.result-top-grid{grid-template-columns:1fr}.score-main{grid-template-columns:1fr}.score-ring{width:205px;height:205px}.analysis-grid{grid-template-columns:1fr!important}.question-analysis{grid-column:auto}.result-actions{grid-template-columns:1fr!important}.result-actions .card-button{width:100%}}

/* MGJ v.12.5 — result layout correctness */
.result-score-panel{min-height:0!important;}
.score-main{min-height:245px;}
.subject-performance{height:auto!important;}
.subject-performance .subject-row:last-child{border-bottom:0;}
.analysis-grid{align-items:stretch;}
.analysis-card{min-height:150px;}
.question-analysis{min-width:0;}
@media(max-width:820px){.score-main{grid-template-columns:1fr;}.score-ring{width:205px;height:205px;}.result-actions{grid-template-columns:1fr!important;}}

/* MGJ v.12.6 — Result dashboard: score left, four compact panels stacked right */
.result-top-grid{grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr)!important;gap:16px!important;align-items:stretch!important;}
.result-side-stack{display:grid;grid-template-rows:auto auto auto auto;gap:10px;min-width:0;align-content:start;}
.result-side-stack .subject-performance,
.result-side-stack .analysis-card{width:100%;min-height:0!important;box-sizing:border-box;}
.result-side-stack .subject-performance h2{padding:11px 15px!important;font-size:17px!important;}
.result-side-stack .subject-table-head{padding:8px 13px!important;font-size:10px!important;}
.result-side-stack .subject-row{min-height:45px!important;padding:8px 13px!important;}
.result-side-stack .subject-name strong{font-size:13px!important;}
.result-side-stack .subject-icon{width:27px;height:27px;}
.result-side-stack .analysis-card h2{padding:10px 14px!important;font-size:15px!important;}
.result-side-stack .analysis-items{padding:7px 9px 9px!important;gap:6px!important;}
.result-side-stack .analysis-items>div{padding:8px 5px!important;}
.result-side-stack .analysis-items span{font-size:9px!important;}
.result-side-stack .analysis-items b{font-size:17px!important;margin-top:4px!important;}
.result-side-stack .analysis-items small{font-size:9px!important;}
.result-side-stack .time-card,.result-side-stack .accuracy-card{padding-bottom:9px!important;}
.result-side-stack .time-card .metric-label{margin-top:7px;font-size:9px;}
.result-side-stack .time-card>strong,.result-side-stack .accuracy-card>strong{font-size:22px!important;margin:3px 0!important;}
.result-side-stack .time-card>span,.result-side-stack .accuracy-card p{font-size:9px!important;padding:0 10px!important;margin:4px 0!important;}
.result-side-stack .time-bar{height:7px!important;margin:7px 14px!important;}
.result-side-stack .accuracy-card>strong{font-size:25px!important;}
.result-actions{grid-template-columns:1.25fr 1.35fr 1fr 1.1fr!important;}
.result-actions .card-button:nth-child(3),.result-actions .card-button:nth-child(4){background:linear-gradient(180deg,#fff,#f8fbff)!important;border-color:#d4dfeb!important;color:#0b2d60!important;}
.result-actions .card-button:nth-child(3):hover,.result-actions .card-button:nth-child(4):hover{background:#fffaf0!important;border-color:#dfb33d!important;}
@media(max-width:1100px){.result-top-grid{grid-template-columns:1fr!important}.result-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:start}.result-side-stack .subject-performance{grid-column:1/-1}.result-side-stack .question-analysis{grid-column:1/-1}.result-actions{grid-template-columns:1fr 1fr!important;}}
@media(max-width:760px){.result-side-stack{grid-template-columns:1fr;grid-template-rows:auto}.result-side-stack .subject-performance,.result-side-stack .question-analysis{grid-column:auto}.result-actions{grid-template-columns:1fr!important;}}

/* MGJ v.12.7 — keep the requested 2-column result dashboard on normal laptops */
@media(min-width:901px){
  .result-top-grid{grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr)!important;align-items:stretch!important;}
  .result-side-stack{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:10px!important;align-content:start!important;}
  .result-side-stack .subject-performance,
  .result-side-stack .question-analysis,
  .result-side-stack .time-card,
  .result-side-stack .accuracy-card{grid-column:1!important;width:100%!important;min-width:0!important;}
}
@media(max-width:900px){
  .result-top-grid{grid-template-columns:1fr!important;}
  .result-side-stack{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
}

/* Final override: desktop/tablet landscape (>=821 CSS px) MUST keep score left + four-panel stack right. */
@media(min-width:821px){
  .result-top-grid{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)!important;gap:14px!important;align-items:stretch!important;}
  .result-side-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:9px!important;align-content:start!important;}
  .result-side-stack .subject-performance,
  .result-side-stack .question-analysis,
  .result-side-stack .time-card,
  .result-side-stack .accuracy-card{grid-column:1!important;width:100%!important;min-width:0!important;}
}
@media(max-width:820px){
  .result-top-grid{display:grid!important;grid-template-columns:1fr!important;}
  .result-side-stack{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;}
}

/* MGJ v.12.8 — Result finishing: clean right-panel headings and tighter metrics */
@media(min-width:821px){
  .result-top-grid{grid-template-columns:minmax(0,1.00fr) minmax(390px,.94fr)!important;gap:14px!important;align-items:stretch!important;}
  .result-score-panel{min-height:0!important;}
  .completion-banner{padding:11px 16px!important;gap:11px!important;}
  .completion-banner .trophy{font-size:27px!important;}
  .completion-banner strong{font-size:21px!important;}
  .completion-banner small{font-size:11px!important;margin-top:3px!important;}
  .score-main{grid-template-columns:250px 1fr!important;gap:10px!important;min-height:220px!important;padding:11px 15px 5px!important;}
  .score-ring{width:205px!important;height:205px!important;}
  .score-ring:after{inset:14px!important;}
  .score-ring strong{font-size:31px!important;}
  .score-breakdown{column-gap:15px!important;}
  .result-status{padding:5px 0!important;font-size:11px!important;}
  .result-status>b{font-size:15px!important;}
  .scoring-note{margin:0 15px 11px!important;padding:7px 10px!important;font-size:10px!important;}
}
.result-side-stack .subject-performance h2,
.result-side-stack .analysis-card h2{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  text-align:center!important;
}
.result-side-stack .subject-performance h2 span,
.result-side-stack .analysis-card h2 span{margin-left:0!important;}
.result-side-stack .time-card>strong,
.result-side-stack .accuracy-card>strong{font-size:19px!important;margin:2px 0!important;}
.result-side-stack .accuracy-card>strong{font-size:21px!important;}
.result-side-stack .time-card .metric-label{margin-top:5px!important;font-size:8px!important;}
.result-side-stack .time-card>span,
.result-side-stack .accuracy-card p{font-size:8px!important;margin:3px 0!important;}
.result-side-stack .time-bar{height:6px!important;margin:6px 14px!important;}
@media(max-width:820px){
  .result-side-stack .time-card>strong{font-size:20px!important;}
  .result-side-stack .accuracy-card>strong{font-size:23px!important;}
}

/* MGJ v.12.9 — balanced result dashboard: Time Management under scoring, Accuracy right */
@media(min-width:821px){
  .result-top-grid{
    grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  .result-score-panel{
    align-self:start!important;
  }
  .completion-banner{
    padding:9px 14px!important;
    gap:9px!important;
  }
  .completion-banner .trophy{font-size:24px!important;}
  .completion-banner strong{font-size:20px!important;}
  .completion-banner small{font-size:10px!important;margin-top:2px!important;}
  .score-main{
    grid-template-columns:230px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:196px!important;
    padding:8px 12px 4px!important;
  }
  .score-ring{width:190px!important;height:190px!important;}
  .score-ring:after{inset:13px!important;}
  .score-ring strong{font-size:29px!important;}
  .score-ring b{font-size:15px!important;}
  .score-ring span,.score-ring small{font-size:10px!important;}
  .score-breakdown{column-gap:10px!important;}
  .result-status{padding:4px 0!important;font-size:10px!important;gap:6px!important;}
  .result-status>b{font-size:14px!important;}
  .status-icon{width:22px;height:22px;font-size:11px;}
  .scoring-note{
    margin:0 12px 8px!important;
    padding:5px 8px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .result-time-under-score{
    margin:0 12px 10px!important;
    border-radius:11px!important;
    box-shadow:0 5px 14px rgba(8,34,74,.055)!important;
    padding-bottom:7px!important;
  }
  .result-time-under-score h2{
    padding:7px 10px!important;
    font-size:12px!important;
    background:linear-gradient(100deg,#f5f8ff,#ffffff)!important;
    border-bottom:1px solid #e5ebf2!important;
  }
  .result-time-under-score .metric-label{margin-top:5px!important;font-size:8px!important;}
  .result-time-under-score>strong{font-size:18px!important;margin:1px 0!important;font-family:Georgia,serif;color:#0d2d66!important;}
  .result-time-under-score>span{font-size:8px!important;margin:2px 0!important;padding:0 8px!important;}
  .result-time-under-score .time-bar{height:5px!important;margin:5px 10px!important;}
  .result-side-stack{gap:9px!important;}
  .result-side-stack .subject-performance h2{padding:9px 13px!important;font-size:15px!important;}
  .result-side-stack .subject-table-head{padding:7px 12px!important;font-size:9px!important;}
  .result-side-stack .subject-row{min-height:42px!important;padding:7px 12px!important;}
  .result-side-stack .subject-name strong{font-size:12px!important;}
  .result-side-stack .subject-icon{width:25px;height:25px;}
  .result-side-stack .question-analysis h2,
  .result-side-stack .accuracy-card h2{padding:8px 12px!important;font-size:13px!important;}
  .result-side-stack .analysis-items{padding:6px 8px 8px!important;gap:5px!important;}
  .result-side-stack .analysis-items>div{padding:7px 4px!important;}
  .result-side-stack .analysis-items span{font-size:8px!important;}
  .result-side-stack .analysis-items b{font-size:15px!important;margin-top:3px!important;}
  .result-side-stack .analysis-items small{font-size:8px!important;}
  .result-side-stack .accuracy-card{padding-bottom:7px!important;}
  .result-side-stack .accuracy-card>strong{font-size:20px!important;margin:3px 0!important;}
  .result-side-stack .accuracy-card p{font-size:8px!important;margin:3px 0!important;}
}
@media(max-width:820px){
  .result-time-under-score{margin:0 12px 10px!important;}
}

/* MGJ v.13.0 — premium result finishing: clean vertical score stats + navy/gold section headers */
@media(min-width:821px){
  .result-top-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;gap:12px!important;}
  .score-main{grid-template-columns:205px minmax(0,1fr)!important;gap:16px!important;min-height:196px!important;padding:8px 14px 5px!important;align-items:center!important;}
  .score-ring{width:178px!important;height:178px!important;}
  .score-ring:after{inset:12px!important;}
  .score-ring strong{font-size:27px!important;}
  .score-ring b{font-size:14px!important;}
  .score-breakdown{display:flex!important;flex-direction:column!important;gap:0!important;align-self:center!important;width:100%!important;}
  .score-breakdown hr{width:100%!important;margin:3px 0!important;border:0!important;border-top:1px solid #e1e6ee!important;}
  .score-breakdown .result-status{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:24px!important;padding:2px 0!important;font-size:10px!important;gap:10px!important;}
  .score-breakdown .result-status>span:first-child{font-weight:600!important;color:#41536b!important;white-space:nowrap!important;}
  .score-breakdown .result-status>b{font-size:14px!important;text-align:right!important;min-width:52px!important;}
  .score-breakdown .status-icon{display:none!important;}
  .completion-banner{background:linear-gradient(100deg,#eaf8ef,#f6fcf8)!important;border-bottom:1px solid #d9eadf!important;}
  .scoring-note{margin:0 12px 7px!important;padding:5px 8px!important;font-size:9px!important;border:1px solid #d8b64a!important;background:linear-gradient(100deg,#fff8df,#fff3c4)!important;}
  .result-side-stack{gap:8px!important;}
  .result-side-stack .subject-performance,
  .result-side-stack .analysis-card,
  .result-time-under-score{border:1px solid #d8b64a!important;box-shadow:0 7px 18px rgba(7,35,76,.07)!important;}
  .result-side-stack .subject-performance h2,
  .result-side-stack .analysis-card h2,
  .result-time-under-score h2{background:linear-gradient(100deg,#082d69,#0d397d)!important;color:#fff!important;border-bottom:1px solid #d8b64a!important;}
  .result-side-stack .subject-performance h2 span,
  .result-side-stack .analysis-card h2 span,
  .result-time-under-score h2 span{color:#fff!important;}
  .result-side-stack .subject-performance{overflow:hidden!important;}
  .result-side-stack .subject-table-head{background:#f3f6fb!important;border-bottom:1px solid #d8b64a!important;}
  .result-side-stack .subject-row{border-bottom:1px solid #e5eaf1!important;}
  .result-side-stack .analysis-items>div{border:1px solid #d8b64a!important;background:#fff!important;}
  .result-side-stack .accuracy-card>strong{font-size:21px!important;color:#0d2d66!important;}
  .result-time-under-score>strong{font-size:18px!important;}
}
@media(max-width:820px){
  .score-breakdown .status-icon{display:none!important;}
  .score-breakdown .result-status{display:grid!important;grid-template-columns:1fr auto!important;}
  .result-side-stack .subject-performance,
  .result-side-stack .analysis-card,
  .result-time-under-score{border-color:#d8b64a!important;}
  .result-side-stack .subject-performance h2,
  .result-side-stack .analysis-card h2,
  .result-time-under-score h2{background:#0b326f!important;color:#fff!important;border-bottom-color:#d8b64a!important;}
  .result-side-stack .subject-performance h2 span,
  .result-side-stack .analysis-card h2 span,
  .result-time-under-score h2 span{color:#fff!important;}
}

/* MGJ v.13.1 — original Mission Government Job navy + gold finish; Accuracy left, Time Management right */
@media(min-width:821px){
  .result-top-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;gap:12px!important;align-items:start!important;}
  .result-score-panel{min-width:0!important;}
  .result-side-stack{min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:start!important;}
  .result-score-panel .result-accuracy-under-score{margin:0 12px 8px!important;}
  .result-score-panel .result-accuracy-under-score h2,
  .result-side-stack .result-time-under-stack h2,
  .result-side-stack .subject-performance h2,
  .result-side-stack .question-analysis h2{
    background:#071d3a!important;color:#fff!important;border-bottom:1px solid #d8ad4b!important;
  }
  .result-score-panel .result-accuracy-under-score h2 span,
  .result-side-stack .result-time-under-stack h2 span,
  .result-side-stack .subject-performance h2 span,
  .result-side-stack .question-analysis h2 span{color:#fff!important;}
  .result-score-panel .result-accuracy-under-score,
  .result-side-stack .result-time-under-stack,
  .result-side-stack .subject-performance,
  .result-side-stack .question-analysis{
    border:1px solid #d8ad4b!important;box-shadow:0 7px 18px rgba(7,29,58,.07)!important;
  }
  .result-side-stack .result-time-under-stack{margin:0!important;}
  .result-side-stack .result-time-under-stack>strong{font-size:20px!important;margin:4px 0!important;color:#071d3a!important;font-family:Georgia,serif!important;}
  .result-score-panel .result-accuracy-under-score{padding-bottom:10px!important;}
  .result-score-panel .result-accuracy-under-score>strong{font-size:22px!important;margin:4px 0!important;color:#15904c!important;font-family:Georgia,serif!important;}
  .result-score-panel .result-accuracy-under-score p{font-size:9px!important;margin:4px 0!important;color:#68798c!important;}
  .result-side-stack .subject-performance h2,.result-side-stack .question-analysis h2,.result-side-stack .result-time-under-stack h2,
  .result-score-panel .result-accuracy-under-score h2{padding:8px 12px!important;font-size:12px!important;}
  .result-side-stack .subject-performance .subject-table-head{background:#f3f6fb!important;border-bottom:1px solid #d8ad4b!important;}
  .result-side-stack .analysis-items>div{border:1px solid #d8ad4b!important;}
  .completion-banner{border-bottom:1px solid #d8ad4b!important;}
  .scoring-note{border:1px solid #d8ad4b!important;background:#fff8df!important;}
}
@media(max-width:820px){
  .result-score-panel .result-accuracy-under-score{border-color:#d8ad4b!important;}
  .result-side-stack .result-time-under-stack{border-color:#d8ad4b!important;}
  .result-score-panel .result-accuracy-under-score h2,.result-side-stack .result-time-under-stack h2{background:#071d3a!important;color:#fff!important;border-bottom-color:#d8ad4b!important;}
  .result-score-panel .result-accuracy-under-score h2 span,.result-side-stack .result-time-under-stack h2 span{color:#fff!important;}
}


/* MGJ v.13.2 — premium combined Test Info card */
@media(min-width:821px){
  .result-detail-head{grid-template-columns:58px minmax(0,1fr) 330px!important;gap:16px!important;}
  .result-meta-combined{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,.72fr)!important;
    align-items:center!important;
    gap:15px!important;
    min-height:64px!important;
    padding:10px 14px!important;
    background:linear-gradient(135deg,#f9fbff 0%,#eef4fb 100%)!important;
    border:1px solid #d8ad4b!important;
    border-radius:12px!important;
    box-shadow:0 7px 18px rgba(7,29,58,.07)!important;
  }
  .result-meta-combined .result-meta-item{min-width:0;}
  .result-meta-combined .result-meta-item span{
    display:block!important;
    color:#8a6a20!important;
    font-size:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:1.25px!important;
    margin-bottom:4px!important;
  }
  .result-meta-combined .result-meta-item strong{
    display:block!important;
    color:#071d3a!important;
    font-family:Georgia,serif!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .result-meta-divider{height:38px;background:#d8ad4b;width:1px;opacity:.7;}
}
@media(max-width:820px){
  .result-detail-head{grid-template-columns:52px minmax(0,1fr)!important;}
  .result-meta-combined{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:10px 13px!important;
    background:linear-gradient(135deg,#f9fbff 0%,#eef4fb 100%)!important;
    border:1px solid #d8ad4b!important;
    border-radius:12px!important;
  }
  .result-meta-combined .result-meta-item span{
    display:block!important;color:#8a6a20!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:4px!important;
  }
  .result-meta-combined .result-meta-item strong{
    display:block!important;color:#071d3a!important;font-family:Georgia,serif!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;
  }
  .result-meta-divider{height:32px;background:#d8ad4b;width:1px;opacity:.7;}
}
@media(max-width:480px){
  .result-meta-combined{gap:8px!important;padding:9px 10px!important;}
  .result-meta-combined .result-meta-item strong{font-size:12px!important;}
  .result-meta-combined .result-meta-item span{font-size:8px!important;}
}

/* MGJ v.13.3 — unified premium result paper header (reference-matched) */
.result-detail-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) minmax(430px, .72fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-height:76px!important;
  margin:0 0 14px!important;
  padding:8px 14px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#071d3a 0%,#0b2d59 58%,#082345 100%)!important;
  border:1px solid #d8ad4b!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(7,29,58,.14), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.result-paper-icon{
  width:58px!important;height:58px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#ffe08a,#d8ad4b)!important;
  color:#071d3a!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
  font-size:30px!important;
}
.result-paper-info{min-width:0!important;}
.result-paper-info h1{
  margin:0 0 4px!important;
  color:#f5d477!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-family:Georgia,serif!important;
  letter-spacing:.1px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.result-paper-info div{
  color:#e9eef5!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.result-meta-combined{
  width:100%!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 1px minmax(115px,.58fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:7px 12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:0!important;
  border-left:1px solid rgba(216,173,75,.9)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.result-meta-combined .result-meta-item span{
  display:block!important;
  margin:0 0 3px!important;
  color:#e8c96e!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:1.2px!important;
}
.result-meta-combined .result-meta-item strong{
  display:block!important;
  color:#fff!important;
  font-family:Georgia,serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.result-meta-divider{
  width:1px!important;height:38px!important;
  background:#d8ad4b!important;
  opacity:.75!important;
}
@media(max-width:1100px) and (min-width:821px){
  .result-detail-head{grid-template-columns:56px minmax(0,1fr) minmax(370px,.75fr)!important;gap:12px!important;padding:8px 12px!important;}
  .result-paper-info h1{font-size:22px!important;}
  .result-meta-combined{gap:10px!important;padding-left:10px!important;}
  .result-meta-combined .result-meta-item strong{font-size:12px!important;}
}
@media(max-width:820px){
  .result-detail-head{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:0!important;
    padding:9px 10px!important;
    border-radius:12px!important;
  }
  .result-paper-icon{width:52px!important;height:52px!important;font-size:27px!important;}
  .result-paper-info h1{font-size:20px!important;}
  .result-paper-info div{font-size:10px!important;}
  .result-meta-combined{
    grid-column:1/-1!important;
    min-height:54px!important;
    border-left:0!important;
    border-top:1px solid rgba(216,173,75,.65)!important;
    border-radius:0!important;
    padding:8px 4px 2px!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
  }
  .result-meta-combined .result-meta-item span{font-size:8px!important;letter-spacing:1px!important;}
  .result-meta-combined .result-meta-item strong{font-size:12px!important;}
  .result-meta-divider{height:30px!important;}
}
@media(max-width:480px){
  .result-detail-head{grid-template-columns:46px minmax(0,1fr)!important;padding:8px!important;}
  .result-paper-icon{width:46px!important;height:46px!important;font-size:24px!important;}
  .result-paper-info h1{font-size:17px!important;}
  .result-paper-info div{font-size:9px!important;}
  .result-meta-combined{gap:8px!important;padding-top:7px!important;}
  .result-meta-combined .result-meta-item strong{font-size:11px!important;}
}

/* MGJ v.13.4 — compact Accuracy + premium result action buttons */
@media(min-width:821px){
  .result-score-panel .result-accuracy-under-score{
    min-height:92px!important;
    height:92px!important;
    padding:0!important;
    margin:0 12px 8px!important;
    display:block!important;
    overflow:hidden!important;
  }
  .result-score-panel .result-accuracy-under-score h2{
    margin:0!important;
    padding:7px 12px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .result-score-panel .result-accuracy-under-score>strong{
    font-size:23px!important;
    line-height:1!important;
    margin:7px 0 2px!important;
  }
  .result-score-panel .result-accuracy-under-score p{
    font-size:8px!important;
    line-height:1.2!important;
    margin:2px 0!important;
  }
}

/* MGJ v.13.5 — reference-inspired premium result action buttons; text-only */
.result-actions{
  display:grid!important;
  grid-template-columns:1.25fr 1.45fr 1fr 1.15fr!important;
  gap:10px!important;
  padding:9px!important;
  border:1px solid #d8ad4b!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#071d3a 0%,#0b2a4d 100%)!important;
  box-shadow:0 9px 24px rgba(7,29,58,.16),0 0 0 1px rgba(216,173,75,.14) inset!important;
}
.result-actions .card-button{
  min-height:60px!important;
  height:60px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:8px 16px!important;
  border:1.5px solid #d8ad4b!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f7d36b 0%,#e9b93d 100%)!important;
  color:#071d3a!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.55) inset!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
  line-height:1.05!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
.result-actions .card-button b{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:15px!important;
  font-weight:700!important;
  color:inherit!important;
}
.result-actions .card-button small{
  color:#263f5b!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.1!important;
}
.result-actions .card-button:hover{
  transform:translateY(-2px)!important;
  border-color:#ffe08a!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22),0 0 0 2px rgba(216,173,75,.15)!important;
  background:linear-gradient(135deg,#ffe18a 0%,#f2c85a 100%)!important;
  color:#071d3a!important;
}
.result-actions .card-button:focus-visible{
  outline:3px solid rgba(216,173,75,.35)!important;
  outline-offset:2px!important;
}
.result-actions .card-button:nth-child(2){
  background:linear-gradient(135deg,#f4ca56 0%,#e4ad31 100%)!important;
}
.result-actions .card-button:nth-child(3){
  background:linear-gradient(180deg,#0a2b50 0%,#071d3a 100%)!important;
  color:#f6d16d!important;
  box-shadow:0 4px 12px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.08) inset!important;
}
.result-actions .card-button:nth-child(3) small{color:#f2dfad!important;}
.result-actions .card-button:nth-child(3):hover{
  background:linear-gradient(180deg,#123d69 0%,#0a2b50 100%)!important;
  color:#ffe08a!important;
}
.result-actions .card-button:nth-child(4){
  background:linear-gradient(180deg,#0a2b50 0%,#071d3a 100%)!important;
  border-color:#e2b94d!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.08) inset!important;
}
.result-actions .card-button:nth-child(4) b{color:#fff!important;}
.result-actions .card-button:nth-child(4):hover{
  background:linear-gradient(180deg,#123d69 0%,#0a2b50 100%)!important;
  color:#ffe08a!important;
}
.result-actions .card-button:nth-child(4):hover b{color:#ffe08a!important;}

@media(max-width:820px){
  .result-actions{grid-template-columns:1fr 1fr!important;}
  .result-actions .card-button{width:100%!important;min-height:58px!important;height:58px!important;}
}
@media(max-width:760px){
  .result-actions{grid-template-columns:1fr!important;}
  .result-actions .card-button{min-height:56px!important;height:56px!important;}
}


/* MGJ v.13.6 — Design 4 premium action system
   Applied consistently to normal website action buttons while preserving
   navigation, answer options, palette controls and close/bookmark controls. */
.mgj-premium-action,
.result-actions .mgj-premium-action,
.card-button.mgj-premium-action,
.paper button,
.public-paper button,
.submit,
.primary-action,
.primary,
.secondary,
.logout,
.workspace-actions button,
.history-actions .card-button,
.mistake-actions button,
.bookmark-actions .card-button,
.catalog-search button,
.hero-primary,
.hero-secondary,
.back{
  position:relative!important;
  box-sizing:border-box!important;
  border:1.5px solid #d8ad4b!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#f8d875 0%,#eab53f 100%)!important;
  color:#071d3a!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:700!important;
  box-shadow:0 4px 0 rgba(7,29,58,.10),0 7px 16px rgba(7,29,58,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease!important;
}
.mgj-premium-action:hover,
.card button:hover,
.exam-view-btn:hover,
.paper button:hover,
.public-paper button:hover,
.submit:hover,
.primary-action:hover,
.primary:hover,
.secondary:hover,
.logout:hover,
.workspace-actions button:hover,
.history-actions .card-button:hover,
.mistake-actions button:hover,
.bookmark-actions .card-button:hover,
.catalog-search button:hover,
.hero-primary:hover,
.hero-secondary:hover,
.back:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.04)!important;
  box-shadow:0 7px 0 rgba(7,29,58,.10),0 12px 24px rgba(7,29,58,.16),0 0 0 2px rgba(216,173,75,.14)!important;
}
.mgj-premium-action:focus-visible,
.card button:focus-visible,
.exam-view-btn:focus-visible,
.paper button:focus-visible,
.public-paper button:focus-visible,
.submit:focus-visible,
.primary-action:focus-visible,
.primary:focus-visible,
.secondary:focus-visible,
.logout:focus-visible,
.workspace-actions button:focus-visible,
.history-actions .card-button:focus-visible,
.mistake-actions button:focus-visible,
.bookmark-actions .card-button:focus-visible,
.catalog-search button:focus-visible,
.hero-primary:focus-visible,
.hero-secondary:focus-visible,
.back:focus-visible{
  outline:3px solid rgba(216,173,75,.38)!important;
  outline-offset:3px!important;
}

/* Reference Design 4: navy icon tile + circular navy arrow */
.result-actions.mgj-design4-actions{
  display:grid!important;
  grid-template-columns:1.08fr 1.42fr 1.02fr 1.14fr!important;
  gap:11px!important;
  padding:10px!important;
  border:1px solid #d8ad4b!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 100%)!important;
  box-shadow:0 8px 24px rgba(7,29,58,.08),inset 0 0 0 1px rgba(216,173,75,.10)!important;
}
.result-actions .mgj-premium-action{
  min-height:72px!important;
  height:72px!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
  overflow:hidden!important;
}
.result-actions .mgj-action-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0d315a,#071d3a)!important;
  border:1px solid #e2bb55!important;
  color:#f5cf6a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 8px rgba(7,29,58,.20)!important;
}
.result-actions .mgj-action-icon svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.result-actions .mgj-action-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;}
.result-actions .mgj-action-copy b{font:700 15px/1.08 Georgia,'Times New Roman',serif!important;color:#071d3a!important;white-space:normal!important;}
.result-actions .mgj-action-copy small{font:600 9px/1.1 Georgia,'Times New Roman',serif!important;color:#38506b!important;}
.result-actions .mgj-action-arrow{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#0d315a,#071d3a)!important;
  border:1px solid #e2bb55!important;
  color:#f5cf6a!important;
  font:700 29px/1 Arial,sans-serif!important;
  padding-bottom:3px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 8px rgba(7,29,58,.18)!important;
}
.result-actions .mgj-premium-action:hover{
  background:linear-gradient(180deg,#ffe18b 0%,#efbd4c 100%)!important;
  border-color:#e4bc55!important;
}
.result-actions .mgj-premium-action:hover .mgj-action-icon,
.result-actions .mgj-premium-action:hover .mgj-action-arrow{
  background:linear-gradient(180deg,#123d69,#071d3a)!important;
  color:#ffe08a!important;
}
.result-actions .mgj-premium-action:nth-child(3),
.result-actions .mgj-premium-action:nth-child(4){background:linear-gradient(180deg,#f8d875 0%,#eab53f 100%)!important;color:#071d3a!important;}

/* Compact global action variants */
.card button,.exam-view-btn,.paper button,.public-paper button,.submit,.primary-action,.primary,.secondary,.logout,.workspace-actions button,.history-actions .card-button,.mistake-actions button,.bookmark-actions .card-button,.catalog-search button,.hero-primary,.hero-secondary,.back{
  min-height:42px!important;
  padding:10px 18px!important;
}
.back{margin-bottom:25px!important;background:linear-gradient(180deg,#fffaf0 0%,#f7e3ad 100%)!important;}
.primary-action,.cce-next,.cce-submit{background:linear-gradient(180deg,#f8d875,#eab53f)!important;color:#071d3a!important;border-color:#d8ad4b!important;}
.cce-secondary{border:1.5px solid #d8ad4b!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f7f9fc)!important;color:#071d3a!important;font-family:Georgia,'Times New Roman',serif!important;box-shadow:0 4px 12px rgba(7,29,58,.08)!important;}

@media(max-width:820px){
  .result-actions.mgj-design4-actions{grid-template-columns:1fr 1fr!important;}
  .result-actions .mgj-premium-action{height:68px!important;min-height:68px!important;grid-template-columns:44px minmax(0,1fr) 34px!important;gap:8px!important;}
  .result-actions .mgj-action-icon{width:44px!important;height:44px!important;}
  .result-actions .mgj-action-arrow{width:34px!important;height:34px!important;}
}
@media(max-width:560px){
  .result-actions.mgj-design4-actions{grid-template-columns:1fr!important;}
  .result-actions .mgj-premium-action{height:64px!important;min-height:64px!important;}
}

/* MGJ v.13.7 — result action hover/text consistency fix
   Keep Retake Test and Back to My Tests in the same Design 4 gold treatment. */
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3),
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4){
  background:linear-gradient(180deg,#f8d875 0%,#eab53f 100%)!important;
  color:#071d3a!important;
  border-color:#d8ad4b!important;
}
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3) b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4) b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3) .mgj-action-copy b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4) .mgj-action-copy b{
  color:#071d3a!important;
}
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3) small,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4) small{
  color:#38506b!important;
}
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3):hover,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4):hover{
  background:linear-gradient(180deg,#ffe18b 0%,#efbd4c 100%)!important;
  color:#071d3a!important;
  border-color:#e4bc55!important;
}
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3):hover b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4):hover b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3):hover .mgj-action-copy b,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4):hover .mgj-action-copy b{
  color:#071d3a!important;
}
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(3):hover small,
.result-actions.mgj-design4-actions .mgj-premium-action:nth-child(4):hover small{
  color:#38506b!important;
}

/* MGJ v.13.9 — same original tab header structure; only premium color + compact size */

.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact{
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 18px!important;
  padding:14px 22px!important;
  min-height:86px!important;
  box-sizing:border-box!important;
  border:1px solid #d8ad4b!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#071d3a 0%,#0b2d59 58%,#082345 100%)!important;
  box-shadow:0 8px 20px rgba(7,29,58,.14),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact:after{
  display:none!important;
  content:none!important;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact span{
  display:inline-block!important;
  color:#e8c96e!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact h1{
  margin:4px 0 3px!important;
  color:#f5d477!important;
  font:700 30px/1.1 Georgia,serif!important;
  position:relative!important;
  z-index:1!important;
}
.screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact p{
  max-width:760px!important;
  margin:0!important;
  color:#e9eef5!important;
  font-size:12px!important;
  line-height:1.35!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:760px){
  .screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact{
    min-height:72px!important; padding:11px 15px!important; border-radius:12px!important;
  }
  .screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact h1{font-size:23px!important;}
  .screen:not(#examScreen):not(#testScreen):not(#reviewScreen) > .title.compact p{font-size:10px!important;}
}

/* MGJ v13.10: remove redundant top back navigation and reclaim the header space */
#resultsScreen.screen,
#mistakeScreen.screen,
#bookmarkScreen.screen,
#testsScreen.screen,
#resultScreen.screen { padding-top: 32px; }

#resultsScreen .title p,
#mistakeScreen .title p,
#bookmarkScreen .title p,
#testsScreen .title p { margin-bottom: 22px; }

.result-detail-screen .result-detail-head { margin-top: 0; }

/* MGJ v13.11 — My Tests vs Results visual separation */
.mytests-intro,.results-overview-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(135deg,#071d3a 0%,#0b2b52 100%);
  border:1px solid #d8ad4b;border-radius:14px;padding:18px 22px;margin-bottom:16px;
  color:#fff;box-shadow:0 8px 24px rgba(7,29,58,.12)
}
.mytests-intro span,.results-overview-head span{font-size:10px;letter-spacing:2px;font-weight:900;color:#e7bf60}
.mytests-intro h2,.results-overview-head h2{margin:4px 0 3px;font:700 22px Georgia,serif;color:#fff}
.mytests-intro p,.results-overview-head p{margin:0;color:#d8e2ee;font-size:12px;line-height:1.45}
.mytests-intro>strong{min-width:92px;text-align:center;font:700 30px Georgia,serif;color:#f0cb70;border-left:1px solid rgba(216,173,75,.5);padding-left:18px}
.mytests-intro>strong small{display:block;margin-top:2px;font:700 9px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#d8e2ee}
.mytests-list-label,.results-list-label{margin:18px 0 10px;color:#bd8d26;font-size:10px;font-weight:900;letter-spacing:2px}
.mytests-attempts,.results-performance-list{display:grid;gap:12px}
.mytest-card{display:grid!important;grid-template-columns:minmax(240px,1.5fr) minmax(300px,1fr) auto;align-items:center;gap:18px;padding:16px 18px!important}
.mytest-main h3{margin:4px 0 4px!important}
.mytest-main p{margin:0;color:#53677d;font-size:12px}
.mytest-date,.performance-date{font-size:10px;color:#9a7420;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.mytest-metrics{display:flex;justify-content:center;gap:0;border-left:1px solid #e4e8ed;border-right:1px solid #e4e8ed}
.mytest-metrics>div{min-width:82px;text-align:center;padding:0 12px;border-right:1px solid #edf0f3}
.mytest-metrics>div:last-child{border-right:0}
.mytest-metrics span,.performance-row-stat span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#75869a;font-weight:800}
.mytest-metrics strong,.performance-row-stat strong{display:block;margin-top:3px;font:700 18px Georgia,serif;color:#bd8d26}
.mytest-card .history-actions{justify-content:flex-end}
.performance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.performance-summary>div{background:#fff;border:1px solid #d8ad4b;border-radius:12px;padding:16px;text-align:center;box-shadow:0 6px 18px rgba(9,32,61,.05)}
.performance-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#66778c;font-weight:900}
.performance-summary strong{display:block;margin:5px 0 2px;font:700 27px Georgia,serif;color:#071d3a}
.performance-summary small{font-size:10px;color:#8190a0}
.results-secondary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.results-secondary-metrics>div{background:#f8fafc;border:1px solid #dce3eb;border-radius:11px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.results-secondary-metrics span{font-size:10px;color:#68798c;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.results-secondary-metrics strong{font:700 18px Georgia,serif;color:#bd8d26}
.performance-row{display:grid!important;grid-template-columns:minmax(260px,1.6fr) 105px 105px auto;align-items:center;gap:15px;padding:15px 18px!important}
.performance-row-main h3{margin:4px 0 4px!important}
.performance-row-main p{margin:0;color:#53677d;font-size:12px}
.performance-row-stat{text-align:center;padding-left:12px;border-left:1px solid #e5e9ee}
.performance-row .history-actions{justify-content:flex-end}

@media(max-width:1050px){
  .mytest-card{grid-template-columns:1fr 1fr;}
  .mytest-card .history-actions{grid-column:1/-1;justify-content:flex-start}
  .performance-summary{grid-template-columns:repeat(2,1fr)}
  .performance-row{grid-template-columns:1fr 90px 90px auto}
}
@media(max-width:700px){
  .mytests-intro,.results-overview-head{padding:15px 16px}
  .mytests-intro>strong{min-width:70px;font-size:24px}
  .mytest-card{grid-template-columns:1fr!important}
  .mytest-metrics{border-left:0;border-right:0;border-top:1px solid #e5e9ee;border-bottom:1px solid #e5e9ee;padding:10px 0}
  .mytest-card .history-actions{grid-column:auto;width:100%;justify-content:stretch}
  .mytest-card .history-actions .card-button{flex:1}
  .performance-summary{grid-template-columns:1fr 1fr}
  .results-secondary-metrics{grid-template-columns:1fr}
  .performance-row{grid-template-columns:1fr 1fr;gap:10px}
  .performance-row-stat{text-align:left;border-left:0;border-top:1px solid #e5e9ee;padding:9px 0 0}
  .performance-row .history-actions{grid-column:1/-1;justify-content:stretch}
  .performance-row .history-actions .card-button{width:100%}
}
@media(max-width:430px){.performance-summary{grid-template-columns:1fr}.mytests-intro>strong{display:none}}

/* MGJ Profile Section */
.profile-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.profile-page-head>div>span{color:#bd8d26;font-size:11px;font-weight:900;letter-spacing:2px}
.profile-page-head h1{font:700 42px Georgia,serif;color:#071d3a;margin:7px 0 4px}
.profile-page-head p{margin:0;color:#66778c;font-size:14px}
.profile-logout-btn{border:1px solid #d8ad4b;background:#071d3a;color:#f5d274;border-radius:8px;padding:11px 18px;font-weight:800;cursor:pointer}
.profile-area{max-width:1050px}
.profile-hero-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:20px;background:linear-gradient(135deg,#071d3a,#0c315b);border:1px solid #d8ad4b;border-radius:16px;padding:22px 24px;box-shadow:0 10px 28px rgba(7,29,58,.14);color:#fff;margin-bottom:16px}
.profile-avatar-large{width:86px;height:86px;border-radius:50%;overflow:hidden;border:3px solid #d8ad4b;background:#f1c85e;display:grid;place-items:center}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.profile-avatar-letter{font:700 34px Georgia,serif;color:#071d3a}
.profile-hero-copy>span{font-size:9px;letter-spacing:2px;font-weight:900;color:#e7bf60}
.profile-hero-copy h2{margin:4px 0 3px;font:700 26px Georgia,serif;color:#fff}
.profile-hero-copy p{margin:0;color:#d8e2ee;font-size:13px}
.profile-provider{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:11px;color:#aebed0}
.profile-provider strong{color:#f0cb70}
.profile-status{min-width:130px;text-align:center;border:1px solid #d8ad4b;border-radius:11px;padding:11px 14px;background:rgba(255,255,255,.06)}
.profile-status span{display:block;font-size:9px;letter-spacing:1.3px;font-weight:900;color:#e7bf60}
.profile-status strong{display:block;margin-top:4px;font:700 20px Georgia,serif;color:#fff}
.profile-status.free{border-color:#8291a2}
.profile-status.free span{color:#c3ceda}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile-card{background:#fff;border:1px solid #d8ad4b;border-radius:14px;padding:20px 22px;box-shadow:0 6px 20px rgba(9,32,61,.06)}
.profile-card-head span{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#bd8d26}
.profile-card-head h3{margin:4px 0 15px;font:700 21px Georgia,serif;color:#071d3a}
.profile-info-list{border-top:1px solid #e8edf2}
.profile-info-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf0f3}
.profile-info-list span{font-size:11px;color:#718196;font-weight:800}
.profile-info-list strong{font-size:12px;color:#243b55;text-align:right;overflow-wrap:anywhere}
.status-good{color:#287a4d!important}
.status-muted{color:#7b8795!important}
.profile-note{margin-top:14px;background:#fff9e9;border:1px solid #ead38f;border-radius:9px;padding:11px 12px;color:#6f5a24;font-size:11px;line-height:1.5}
@media(max-width:700px){
  .profile-page-head{align-items:flex-start}
  .profile-page-head h1{font-size:34px}
  .profile-hero-card{grid-template-columns:72px 1fr;padding:17px}
  .profile-avatar-large{width:68px;height:68px}
  .profile-avatar-letter{font-size:28px}
  .profile-hero-copy h2{font-size:21px}
  .profile-status{grid-column:1/-1;width:100%;box-sizing:border-box}
  .profile-grid{grid-template-columns:1fr}
}


/* MGJ v.13.14 — Premium Profile visual redesign */
.profile-screen{padding-top:34px!important}
.profile-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;max-width:1240px}
.profile-page-head>div>span{display:block;color:#a47b22;font-size:13px;font-weight:900;letter-spacing:3px;margin-bottom:7px}
.profile-page-head h1{margin:0;color:#071d3a;font-family:Georgia,serif;font-size:46px;line-height:1.05}
.profile-page-head p{margin:8px 0 0;color:#65758a;font-size:16px}
.profile-logout-btn{background:#071d3a;color:#f6d477;border:1px solid #d8ad4b;border-radius:9px;padding:13px 25px;font-weight:900;letter-spacing:.2px;box-shadow:0 7px 18px rgba(7,29,58,.16);cursor:pointer;transition:.2s}
.profile-logout-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(7,29,58,.22);background:#0b2a50}
.profile-area{max-width:1240px}
.profile-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:108px 1fr 190px;align-items:center;gap:24px;min-height:178px;padding:28px 32px;border:1px solid #c7962e;border-radius:18px;background:linear-gradient(115deg,#061a35 0%,#0a2b52 62%,#0e3968 100%);box-shadow:0 15px 32px rgba(7,29,58,.18)}
.profile-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(216,173,75,.23),transparent 34%),linear-gradient(125deg,transparent 45%,rgba(216,173,75,.07) 45%,transparent 65%);pointer-events:none}
.profile-hero-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#d8ad4b 18%,#f4d477 50%,#d8ad4b 82%,transparent)}
.profile-avatar-large{position:relative;z-index:1;width:98px;height:98px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#f2c95e;border:4px solid #f1cf72;box-shadow:0 0 0 5px rgba(216,173,75,.18),0 8px 20px rgba(0,0,0,.25)}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.profile-avatar-letter{font-family:Georgia,serif;font-size:42px;font-weight:700;color:#071d3a}
.profile-hero-copy{position:relative;z-index:1}
.profile-hero-copy>span{color:#f0cf72;font-size:11px;font-weight:900;letter-spacing:3px}
.profile-hero-copy h2{margin:6px 0 4px;color:#fff;font:700 32px/1.1 Georgia,serif}
.profile-hero-copy>p{margin:0;color:#dce7f4;font-size:15px}
.profile-provider{display:flex;gap:7px;align-items:center;margin-top:13px;color:#aebfd1;font-size:13px}
.profile-provider strong{color:#f0cf72;font-weight:900}
.profile-status{position:relative;z-index:1;justify-self:end;min-width:156px;text-align:center;border-radius:14px;padding:18px 14px;border:1px solid rgba(240,207,114,.65);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.profile-status span{display:block;font-size:10px;letter-spacing:2px;font-weight:900;color:#f1d37d}
.profile-status strong{display:block;margin-top:5px;color:#fff;font:700 25px Georgia,serif}
.profile-status.free{border-color:rgba(200,215,230,.45)}
.profile-status.free span{color:#d7e0ea}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.profile-card{background:rgba(255,255,255,.98);border:1px solid #d7b35e;border-radius:16px;box-shadow:0 10px 24px rgba(7,29,58,.09);overflow:hidden}
.profile-card-head{padding:20px 24px 16px;border-bottom:1px solid #e6eaf0;background:linear-gradient(180deg,#fffdf8,#fff)}
.profile-card-head span{display:block;color:#ad8227;font-size:10px;letter-spacing:2.4px;font-weight:900;margin-bottom:6px}
.profile-card-head h3{margin:0;color:#071d3a;font:700 25px Georgia,serif}
.profile-info-list{padding:2px 24px 8px}
.profile-info-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #edf0f4}
.profile-info-list>div:last-child{border-bottom:0}
.profile-info-list span{color:#6d7d90;font-size:13px;font-weight:800}
.profile-info-list strong{color:#132b49;font-size:14px;text-align:right;word-break:break-word}
.premium-card{border-color:#d2a943;box-shadow:0 10px 28px rgba(184,140,39,.13)}
.premium-card .profile-card-head{background:linear-gradient(120deg,#fffdf8,#fff8e9)}
.status-good{color:#99701d!important}
.status-muted{color:#77879a!important}
.profile-note{margin:4px 24px 22px;padding:12px 14px;border-radius:10px;border:1px solid #ead7a1;background:#fff9e9;color:#725a20;font-size:12px;line-height:1.45}
@media(max-width:850px){.profile-page-head{align-items:flex-start;flex-direction:column}.profile-page-head h1{font-size:38px}.profile-logout-btn{align-self:flex-start}.profile-hero-card{grid-template-columns:82px 1fr;padding:22px;gap:17px}.profile-avatar-large{width:76px;height:76px}.profile-avatar-letter{font-size:32px}.profile-hero-copy h2{font-size:25px}.profile-status{grid-column:1/-1;justify-self:stretch}.profile-grid{grid-template-columns:1fr}.profile-info-list>div{align-items:flex-start;flex-direction:column;gap:5px}.profile-info-list strong{text-align:left}}


/* ===== Mission Government Job premium footer ===== */
.mgj-footer{position:relative;margin-top:70px;background:#031a35;color:#f5f7fb;overflow:hidden;border-top:2px solid #e7bd55;font-family:Arial,sans-serif;}
.mgj-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 85%,rgba(216,173,75,.12),transparent 26%),radial-gradient(circle at 84% 22%,rgba(216,173,75,.07),transparent 25%),linear-gradient(180deg,#041d39 0%,#02162d 100%);pointer-events:none;}
.mgj-footer-glow{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent,#d8ad4b 7%,#fff0a7 12%,#d8ad4b 18%,transparent 35%,#d8ad4b 49%,#fff0a7 53%,#d8ad4b 57%,transparent 76%,#d8ad4b 91%,#fff0a7 94%,transparent);opacity:.9;}
.mgj-footer-main{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .9fr .9fr 1.08fr 1fr;gap:0;max-width:1920px;margin:0 auto;padding:58px 52px 24px;}
.mgj-footer-brand,.mgj-footer-col{min-width:0;padding:0 30px;border-right:1px solid rgba(216,173,75,.28);}
.mgj-footer-brand{padding-left:0;}
.mgj-footer-download{border-right:0;padding-right:0;}
.mgj-footer-brand img{width:115px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25));}
.mgj-footer-brand-name{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:30px;line-height:1.02;color:#f7d17a;margin-top:-112px;margin-left:145px;min-height:68px;}
.mgj-footer-tagline{font-size:11px;letter-spacing:4px;color:#f0c96a;font-weight:700;margin:8px 0 0 145px;line-height:1.5;}
.mgj-footer-guj{font-size:20px;line-height:1.55;margin:34px 0 28px;color:#f4f5f7;font-family:'Noto Sans Gujarati',Arial,sans-serif;}
.mgj-footer-features{display:flex;gap:25px;color:#fff;align-items:flex-start;}
.mgj-footer-features span{font-size:13px;line-height:1.2;display:flex;gap:7px;align-items:flex-start;}
.mgj-footer-features b{font-size:27px;color:#e7b94e;line-height:.9;}
.mgj-footer-col h3{font-family:Georgia,'Times New Roman',serif;color:#f5cc70;font-size:25px;margin:0 0 25px;line-height:1.1;position:relative;padding-bottom:10px;}
.mgj-footer-col h3::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:#e8ba4d;border-radius:3px;}
.mgj-footer-col>a{display:flex;align-items:center;gap:13px;color:#f4f6f9;text-decoration:none;font-size:15px;line-height:1.25;margin:0 0 20px;transition:.2s;}
.mgj-footer-col>a:not(.footer-missing-link):hover{color:#f5cf75;transform:translateX(2px);}
.mgj-footer-col>a::first-letter{color:#e6b64a;}
.mgj-footer-col>a span{color:#f3f5f8;}
.mgj-footer-missing-link,.footer-missing-link{cursor:default!important;}
.mgj-footer-contact{padding-left:30px;}
.footer-contact-row{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;margin-bottom:17px;color:#f4f6f9;}
.footer-contact-row b{color:#e9bb52;font-size:21px;width:27px;text-align:center;flex:0 0 27px;}
.footer-contact-row em{font-style:normal;color:#f3c968;font-size:12px;}
.follow-title{margin-top:31px!important;margin-bottom:19px!important;}
.mgj-socials{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;}
.social{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid #e3b64f;text-decoration:none;color:#fff;font-weight:900;font-size:22px;box-shadow:0 3px 10px rgba(0,0,0,.25);}
.social.youtube{background:#d51d1d}.social.telegram{background:#1497d2}.social.instagram{background:linear-gradient(135deg,#f6bd42,#c52e80 58%,#4b4cc6)}.social.facebook{background:#2266ae}.social.whatsapp{background:#1d9c5b}
.mgj-footer-download p{font-size:15px;margin:-7px 0 16px;color:#f4f6f9;}
.play-store-badge{width:292px;max-width:100%;min-height:82px;border:2px solid #e6b84e;border-radius:12px;display:flex;align-items:center;gap:15px;padding:10px 18px;color:#fff;text-decoration:none;background:#02070d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.play-store-badge .play-triangle{font-size:43px;color:#55c7f0;transform:scaleX(.8);}
.play-store-badge small{display:block;font-size:12px;letter-spacing:.5px;line-height:1.1;}.play-store-badge strong{display:block;font-size:25px;line-height:1.05;margin-top:3px;font-weight:500;}
.footer-gujarat-message{display:flex;align-items:center;gap:18px;margin-top:45px;}
.gujarat-mark{font-size:64px;line-height:1;color:#efc35f;transform:rotate(-8deg);filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));}
.footer-gujarat-message strong{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.12;color:#f6d178;}
.mgj-footer-wave{position:relative;z-index:1;height:82px;margin-top:-1px;overflow:hidden;background:linear-gradient(180deg,rgba(2,22,45,0) 0%,rgba(2,22,45,.15) 100%);}
.mgj-footer-wave svg{display:block;width:100%;height:100%;}
.wave-shadow{fill:rgba(0,10,25,.65);}
.wave-gold{fill:none;stroke:#d8ad4b;stroke-width:3.2;stroke-linecap:round;}
.wave-gold-thin{fill:none;stroke:rgba(247,210,116,.75);stroke-width:1.4;stroke-linecap:round;}
.mgj-footer-bottom{position:relative;z-index:1;border-top:2px solid rgba(231,189,85,.75);display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:20px;padding:28px 52px 31px;max-width:1920px;margin:0 auto;font-size:16px;color:#f3f5f8;}
.mgj-footer-bottom>div:nth-child(2){text-align:center;border-left:1px solid rgba(231,189,85,.75);border-right:1px solid rgba(231,189,85,.75);padding:6px 25px;}
.footer-trust{display:flex;justify-content:center;align-items:center;gap:14px;}.footer-trust span{color:#efc35f;font-size:24px}.footer-trust i{width:1px;height:18px;background:#d8ad4b;display:inline-block}.heart{color:#f04444;font-size:21px;}
@media(max-width:1200px){.mgj-footer-main{grid-template-columns:1.25fr 1fr 1fr;row-gap:35px;padding:50px 32px 35px}.mgj-footer-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(216,173,75,.28);padding:0 0 32px}.mgj-footer-col:nth-of-type(3){border-right:0}.mgj-footer-download{grid-column:1/-1;border-right:0;border-top:1px solid rgba(216,173,75,.28);padding:30px 0 0}.mgj-footer-bottom{grid-template-columns:1fr;gap:14px;text-align:center;padding:25px 32px}.mgj-footer-bottom>div:nth-child(2){border-left:0;border-right:0;padding:8px 0}.mgj-footer-brand-name{margin-top:-112px}}
@media(max-width:700px){.mgj-footer{margin-top:45px}.mgj-footer-main{display:block;padding:40px 20px 25px}.mgj-footer-brand,.mgj-footer-col,.mgj-footer-contact,.mgj-footer-download{border-right:0;border-bottom:1px solid rgba(216,173,75,.28);padding:0 0 28px;margin-bottom:28px}.mgj-footer-download{border-bottom:0;margin-bottom:0;padding-bottom:10px}.mgj-footer-brand img{width:95px}.mgj-footer-brand-name{font-size:25px;margin-top:-92px;margin-left:118px;min-height:59px}.mgj-footer-tagline{margin-left:118px;font-size:9px;letter-spacing:3px}.mgj-footer-guj{font-size:17px;margin-top:30px}.mgj-footer-features{gap:12px;justify-content:space-between}.mgj-footer-features span{font-size:11px}.mgj-footer-features b{font-size:22px}.mgj-footer-col h3{font-size:24px;margin-bottom:20px}.mgj-footer-col>a{font-size:16px;margin-bottom:17px}.footer-contact-row{font-size:15px}.mgj-socials{flex-wrap:wrap;gap:10px}.social{width:51px;height:51px;font-size:21px}.play-store-badge{width:100%;}.footer-gujarat-message{margin-top:30px}.footer-gujarat-message strong{font-size:19px}.gujarat-mark{font-size:50px}.mgj-footer-wave{height:55px}.mgj-footer-bottom{padding:23px 20px 28px;font-size:13px}.footer-trust{font-size:13px;gap:9px;flex-wrap:wrap}.mgj-footer-bottom>div:first-child,.mgj-footer-bottom>div:last-child{text-align:center}}
.footer-contact-row span{min-width:0;overflow-wrap:anywhere;word-break:break-word;}
@media(min-width:1201px){.mgj-footer-contact .footer-contact-row:first-of-type{font-size:14px;letter-spacing:-.1px}.mgj-footer-contact .footer-contact-row:first-of-type span{white-space:normal;}}

/* ===== v13.18 MASTER REFERENCE FOOTER ===== */
.mgj-footer-master{margin-top:72px;background:linear-gradient(180deg,#031a35 0%,#02162d 100%);border-top:0;}
.mgj-footer-master::before{background:radial-gradient(circle at 16% 80%,rgba(216,173,75,.08),transparent 24%),radial-gradient(circle at 86% 18%,rgba(216,173,75,.06),transparent 24%),linear-gradient(180deg,#031b37 0%,#02162d 100%);}
.mgj-footer-master .mgj-footer-main{grid-template-columns:1.34fr .92fr .92fr 1.22fr 1.16fr;max-width:1920px;padding:54px 54px 18px;}
.mgj-footer-master .mgj-footer-brand,.mgj-footer-master .mgj-footer-col{padding:0 30px;border-right:1px solid rgba(216,173,75,.30);position:relative;}
.mgj-footer-master .mgj-footer-brand{padding-left:0;padding-bottom:128px;overflow:visible;}
.mgj-footer-master .mgj-footer-download{border-right:0;padding-right:0;}
.mgj-footer-master .brand-lockup{display:flex;align-items:flex-start;gap:18px;min-height:126px;}
.mgj-footer-master .brand-logo{width:112px;height:112px;object-fit:contain;flex:0 0 112px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25));}
.mgj-footer-master .brand-copy{padding-top:7px;min-width:0;}
.mgj-footer-master .mgj-footer-brand-name{margin:0;font-size:29px;line-height:1.03;min-height:0;white-space:nowrap;}
.mgj-footer-master .mgj-footer-tagline{margin:11px 0 0;font-size:10px;letter-spacing:4px;line-height:1.45;}
.mgj-footer-master .mgj-footer-guj{font-size:20px;line-height:1.55;margin:20px 0 25px;max-width:430px;}
.mgj-footer-master .mgj-footer-features{gap:20px;position:relative;z-index:2;}
.mgj-footer-master .mgj-footer-features>span{font-size:12px;line-height:1.16;display:flex;gap:5px;align-items:flex-start;min-width:0;}
.mgj-footer-master .mgj-footer-features img{width:30px;height:38px;object-fit:contain;flex:0 0 30px;}
.mgj-footer-master .footer-building-art{position:absolute;left:-2px;bottom:-5px;width:475px;max-width:calc(100% + 25px);height:122px;object-fit:contain;object-position:left bottom;z-index:1;pointer-events:none;}
.mgj-footer-master .mgj-footer-col h3{font-size:25px;line-height:1;white-space:nowrap;margin:0 0 25px;padding-bottom:11px;}
.mgj-footer-master .mgj-footer-col h3::after{width:47px;height:3px;}
.mgj-footer-master .mgj-footer-col>a{font-size:15px;line-height:1.25;margin-bottom:20px;gap:11px;white-space:nowrap;}
.mgj-footer-master .mgj-footer-contact{padding-left:30px;}
.mgj-footer-master .footer-contact-row{gap:12px;align-items:center;font-size:15px;line-height:1.25;margin-bottom:17px;}
.mgj-footer-master .footer-contact-row img{width:25px;height:28px;object-fit:contain;flex:0 0 25px;}
.mgj-footer-master .footer-contact-row span{min-width:0;overflow-wrap:anywhere;word-break:normal;}
.mgj-footer-master .footer-contact-row:first-of-type span{font-size:14px;letter-spacing:-.15px;white-space:nowrap;}
.mgj-footer-master .footer-contact-row em{font-size:11px;}
.mgj-footer-master .follow-title{margin-top:29px!important;margin-bottom:17px!important;}
.mgj-footer-master .mgj-socials{gap:8px;flex-wrap:nowrap;}
.mgj-footer-master .social{width:52px;height:52px;padding:0;border:0;background:transparent;box-shadow:none;display:block;flex:0 0 52px;overflow:hidden;}
.mgj-footer-master .social img{width:62px;height:70px;display:block;object-fit:contain;transform:translate(-5px,-9px);}
.mgj-footer-master .mgj-footer-download p{font-size:15px;margin:-5px 0 14px;white-space:nowrap;}
.mgj-footer-master .play-store-badge{display:block;width:292px;height:84px;padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden;border-radius:12px;}
.mgj-footer-master .play-store-badge img{width:310px;height:98px;object-fit:cover;object-position:center;display:block;transform:translate(-9px,-7px);}
.mgj-footer-master .footer-gujarat-message{display:flex;align-items:center;gap:12px;margin-top:47px;}
.mgj-footer-master .gujarat-map-art{width:145px;height:102px;object-fit:contain;flex:0 0 145px;}
.mgj-footer-master .footer-gujarat-message strong{font-size:22px;line-height:1.08;white-space:nowrap;}
.mgj-footer-master .mgj-footer-wave{height:82px;margin-top:-1px;}
.mgj-footer-master .mgj-footer-bottom{max-width:1920px;padding:27px 54px 30px;font-size:16px;}
.mgj-footer-master .footer-trust span{font-size:23px;}

@media(max-width:1200px){
 .mgj-footer-master .mgj-footer-main{grid-template-columns:1.1fr 1fr 1fr;row-gap:35px;padding:48px 32px 35px;}
 .mgj-footer-master .mgj-footer-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(216,173,75,.30);padding:0 0 150px;}
 .mgj-footer-master .mgj-footer-contact{padding-left:0;}
 .mgj-footer-master .mgj-footer-download{grid-column:1/-1;border-right:0;border-top:1px solid rgba(216,173,75,.30);padding:30px 0 0;}
 .mgj-footer-master .footer-building-art{width:500px;bottom:-2px;}
}
@media(max-width:700px){
 .mgj-footer-master{margin-top:45px;}
 .mgj-footer-master .mgj-footer-main{display:block;padding:40px 20px 25px;}
 .mgj-footer-master .mgj-footer-brand,.mgj-footer-master .mgj-footer-col,.mgj-footer-master .mgj-footer-contact,.mgj-footer-master .mgj-footer-download{border-right:0;border-bottom:1px solid rgba(216,173,75,.30);padding:0 0 30px;margin:0 0 30px;}
 .mgj-footer-master .mgj-footer-brand{padding-bottom:135px;}
 .mgj-footer-master .brand-lockup{min-height:105px;gap:13px;}
 .mgj-footer-master .brand-logo{width:90px;height:90px;flex-basis:90px;}
 .mgj-footer-master .mgj-footer-brand-name{font-size:25px;white-space:normal;}
 .mgj-footer-master .mgj-footer-tagline{font-size:8px;letter-spacing:3px;margin-top:8px;}
 .mgj-footer-master .mgj-footer-guj{font-size:17px;margin-top:22px;}
 .mgj-footer-master .mgj-footer-features{gap:10px;justify-content:space-between;}
 .mgj-footer-master .mgj-footer-features>span{font-size:10px;}
 .mgj-footer-master .mgj-footer-features img{width:25px;height:32px;flex-basis:25px;}
 .mgj-footer-master .footer-building-art{width:360px;height:95px;left:0;bottom:-3px;}
 .mgj-footer-master .mgj-footer-col h3{font-size:23px;white-space:nowrap;}
 .mgj-footer-master .mgj-footer-col>a{font-size:15px;}
 .mgj-footer-master .footer-contact-row:first-of-type span{font-size:13px;white-space:normal;}
 .mgj-footer-master .mgj-socials{flex-wrap:nowrap;gap:6px;}
 .mgj-footer-master .social{width:49px;height:49px;flex-basis:49px;}
 .mgj-footer-master .social img{width:58px;height:65px;transform:translate(-4px,-8px);}
 .mgj-footer-master .play-store-badge{width:292px;max-width:100%;}
 .mgj-footer-master .footer-gujarat-message{margin-top:30px;gap:8px;}
 .mgj-footer-master .gujarat-map-art{width:115px;height:82px;flex-basis:115px;}
 .mgj-footer-master .footer-gujarat-message strong{font-size:18px;white-space:normal;}
}


/* =========================================================
   v13.19 MASTER FOOTER POLISH
   Desktop reference-match fixes: no clipping, no wrapping,
   full social icons + Google Play badge, contained Gujarat art.
   ========================================================= */
@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-main{
    grid-template-columns:1.30fr .90fr .90fr 1.18fr 1.02fr;
    padding-left:48px;
    padding-right:48px;
    padding-top:54px;
    padding-bottom:18px;
  }

  .mgj-footer-master .mgj-footer-brand-name{
    font-size:29px;
    line-height:1.02;
    white-space:nowrap;
  }

  .mgj-footer-master .mgj-footer-col h3{
    font-size:25px;
    white-space:nowrap;
    letter-spacing:-.15px;
  }

  .mgj-footer-master .footer-contact-row:first-of-type span{
    font-size:14px;
    white-space:nowrap;
    overflow:visible;
    overflow-wrap:normal;
    word-break:normal;
  }

  .mgj-footer-master .mgj-socials{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    width:max-content;
    max-width:100%;
  }

  .mgj-footer-master .social{
    width:52px;
    height:52px;
    flex:0 0 52px;
    overflow:visible;
  }

  .mgj-footer-master .social img{
    width:52px;
    height:52px;
    object-fit:contain;
    transform:none;
    display:block;
  }

  .mgj-footer-master .play-store-badge{
    width:292px;
    height:84px;
    max-width:100%;
    overflow:hidden;
    border-radius:12px;
  }

  .mgj-footer-master .play-store-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    transform:none;
    display:block;
  }

  .mgj-footer-master .footer-gujarat-message{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    max-width:100%;
    margin-top:45px;
  }

  .mgj-footer-master .gujarat-map-art{
    width:118px;
    height:108px;
    flex:0 0 118px;
    object-fit:contain;
  }

  .mgj-footer-master .footer-gujarat-message strong{
    flex:1 1 auto;
    min-width:0;
    font-size:20px;
    line-height:1.08;
    white-space:normal;
    overflow-wrap:normal;
  }

  .mgj-footer-master .footer-building-art{
    width:455px;
    height:118px;
    left:-2px;
    bottom:-4px;
    object-fit:contain;
  }
}

/* Tablet/desktop fallback: keep every footer asset inside its column. */
@media (min-width:701px) and (max-width:1200px){
  .mgj-footer-master .mgj-footer-col h3{white-space:normal;}
  .mgj-footer-master .footer-contact-row:first-of-type span{white-space:normal;overflow-wrap:anywhere;}
  .mgj-footer-master .mgj-socials{flex-wrap:wrap;}
  .mgj-footer-master .social{width:50px;height:50px;flex-basis:50px;overflow:visible;}
  .mgj-footer-master .social img{width:50px;height:50px;transform:none;object-fit:contain;}
  .mgj-footer-master .play-store-badge{max-width:100%;height:auto;aspect-ratio:310/98;}
  .mgj-footer-master .play-store-badge img{width:100%;height:100%;transform:none;object-fit:contain;}
  .mgj-footer-master .footer-gujarat-message strong{white-space:normal;}
}

@media (max-width:700px){
  .mgj-footer-master .social{overflow:visible;}
  .mgj-footer-master .social img{transform:none;width:49px;height:49px;object-fit:contain;}
  .mgj-footer-master .play-store-badge img{transform:none;width:100%;height:100%;object-fit:contain;}
  .mgj-footer-master .footer-gujarat-message{align-items:center;}
  .mgj-footer-master .footer-gujarat-message strong{white-space:normal;overflow-wrap:normal;}
}


/* =========================================================
   v13.20 FINAL FOOTER ASSET + CONTAINMENT POLISH
   Full reference-cropped social icons and Play badge.
   ========================================================= */
@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-main{
    grid-template-columns:1.30fr .90fr .90fr 1.18fr 1.02fr;
  }
  .mgj-footer-master .mgj-footer-contact{overflow:visible;}
  .mgj-footer-master .mgj-socials{
    display:flex;
    flex-wrap:nowrap;
    gap:7px;
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .mgj-footer-master .social{
    width:52px;
    height:52px;
    flex:0 0 52px;
    overflow:visible;
    display:block;
  }
  .mgj-footer-master .social img{
    width:52px;
    height:52px;
    object-fit:contain;
    display:block;
    transform:none;
  }
  .mgj-footer-master .play-store-badge{
    width:303px;
    max-width:100%;
    height:87px;
    overflow:hidden;
    border-radius:12px;
    display:block;
  }
  .mgj-footer-master .play-store-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    transform:none;
  }
  .mgj-footer-master .footer-gujarat-message{
    display:flex;
    align-items:center;
    gap:9px;
    width:100%;
    max-width:100%;
    margin-top:43px;
  }
  .mgj-footer-master .gujarat-map-art{
    width:112px;
    height:105px;
    flex:0 0 112px;
    object-fit:contain;
  }
  .mgj-footer-master .footer-gujarat-message strong{
    flex:1 1 auto;
    min-width:0;
    font-family:Georgia,'Times New Roman',serif;
    font-size:19px;
    line-height:1.08;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* =========================================================
   v13.21 — NEW REFERENCE FOOTER
   Match the supplied footer reference: gold/navy pill headers,
   reference decorative artwork, balanced columns and clean scaling.
   ========================================================= */
.mgj-footer-master{
  position:relative;
  overflow:hidden;
  background:#031a35;
}
.mgj-footer-master .mgj-footer-main{
  position:relative;
  z-index:2;
  padding-top:82px;
}
.mgj-footer-master .mgj-footer-main::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:92px;
  background:url('assets/ref_top_wave.png') center top/100% 100% no-repeat;
  pointer-events:none;
  z-index:-1;
}
.mgj-footer-master .mgj-footer-brand{
  padding-left:0;
}
.mgj-footer-master .brand-lockup{
  align-items:flex-start;
  justify-content:center;
  gap:0;
  min-height:170px;
  text-align:center;
  flex-direction:column;
}
.mgj-footer-master .brand-logo.ref-brand-mark{
  width:150px;
  height:112px;
  flex:0 0 auto;
  object-fit:contain;
  object-position:center;
  margin:0 auto 2px;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.25));
}
.mgj-footer-master .brand-copy{
  padding-top:0;
  width:100%;
  text-align:center;
}
.mgj-footer-master .mgj-footer-brand-name{
  font-family:Georgia,'Times New Roman',serif;
  font-size:31px;
  line-height:1.02;
  white-space:normal;
}
.mgj-footer-master .mgj-footer-tagline{
  margin-top:9px;
  font-size:10px;
  letter-spacing:4px;
}
.mgj-footer-master .mgj-footer-guj{
  text-align:center;
  max-width:100%;
  margin:16px auto 28px;
  font-size:18px;
  line-height:1.55;
}
.mgj-footer-master .mgj-footer-features{
  justify-content:center;
  gap:0;
}
.mgj-footer-master .mgj-footer-features>span{
  min-width:0;
  width:33.333%;
  justify-content:center;
  padding:0 11px;
  border-right:1px solid rgba(216,173,75,.65);
  font-size:12px;
  text-align:center;
}
.mgj-footer-master .mgj-footer-features>span:last-child{border-right:0;}
.mgj-footer-master .mgj-footer-features img{width:40px;height:40px;flex:0 0 40px;}

.mgj-footer-master .mgj-footer-col h3.footer-pill{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  min-height:55px;
  margin:0 0 25px;
  padding:0 24px 0 0;
  border-radius:30px;
  background:linear-gradient(180deg,#ffe7a4 0%,#e6b94f 100%);
  color:#061a31;
  box-shadow:0 2px 0 rgba(255,255,255,.18) inset, 0 4px 14px rgba(0,0,0,.16);
  overflow:visible;
  white-space:nowrap;
  font-family:Georgia,'Times New Roman',serif;
  font-size:22px;
  line-height:1;
  letter-spacing:0;
}
.mgj-footer-master .mgj-footer-col h3.footer-pill::after{display:none;}
.mgj-footer-master .mgj-footer-col h3.footer-pill img{
  width:70px;
  height:55px;
  object-fit:cover;
  flex:0 0 70px;
  margin-left:-1px;
  border-radius:30px;
}
.mgj-footer-master .mgj-footer-col h3.follow-pill{
  margin-top:28px!important;
  margin-bottom:18px!important;
}
.mgj-footer-master .mgj-footer-col>a{
  font-size:15px;
  margin-bottom:19px;
}
.mgj-footer-master .mgj-footer-contact .footer-contact-row{
  font-size:15px;
  margin-bottom:17px;
}
.mgj-footer-master .mgj-footer-contact .footer-contact-row:first-of-type span{
  font-size:14px;
  white-space:nowrap;
}
.mgj-footer-master .mgj-socials{gap:9px;}
.mgj-footer-master .social{width:51px;height:51px;flex-basis:51px;}
.mgj-footer-master .social img{width:51px;height:51px;transform:none;object-fit:contain;}
.mgj-footer-master .mgj-footer-download p{font-size:15px;margin:-5px 0 14px;}
.mgj-footer-master .play-store-badge{width:305px;height:86px;max-width:100%;}
.mgj-footer-master .play-store-badge img{width:100%;height:100%;object-fit:contain;transform:none;}
.mgj-footer-master .footer-gujarat-message{margin-top:38px;gap:7px;}
.mgj-footer-master .gujarat-map-art{width:100px;height:92px;flex:0 0 100px;}
.mgj-footer-master .footer-gujarat-message strong{
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  line-height:1.08;
  white-space:normal;
}
.mgj-footer-master .footer-building-art{display:none;}
.mgj-footer-master .mgj-footer-download{position:relative;}
.mgj-footer-master .mgj-footer-download::after{
  content:"";
  position:absolute;
  right:-10px;
  bottom:-7px;
  width:350px;
  height:150px;
  background:url('assets/ref_bottom_city.png') right bottom/contain no-repeat;
  opacity:.88;
  pointer-events:none;
  z-index:0;
}
.mgj-footer-master .mgj-footer-download>*{position:relative;z-index:1;}
.mgj-footer-master .mgj-footer-wave{height:76px;position:relative;z-index:2;}
.mgj-footer-master .mgj-footer-bottom{
  position:relative;
  z-index:3;
  max-width:1920px;
  padding:25px 54px 29px;
  font-size:15px;
  background:#03182f;
}
.mgj-footer-master .footer-trust{gap:12px;}
.mgj-footer-master .footer-trust span{font-size:22px;color:#f2c75e;}

@media (max-width:1200px){
  .mgj-footer-master .mgj-footer-main{padding-top:70px;}
  .mgj-footer-master .mgj-footer-main::before{height:80px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{font-size:20px;}
  .mgj-footer-master .mgj-footer-download::after{width:300px;}
}
@media (max-width:700px){
  .mgj-footer-master .mgj-footer-main{padding-top:65px;}
  .mgj-footer-master .mgj-footer-main::before{height:70px;background-size:auto 70px;background-position:center top;}
  .mgj-footer-master .brand-lockup{min-height:150px;}
  .mgj-footer-master .brand-logo.ref-brand-mark{width:135px;height:95px;}
  .mgj-footer-master .mgj-footer-brand-name{font-size:27px;}
  .mgj-footer-master .mgj-footer-guj{font-size:16px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{font-size:20px;min-height:52px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{width:65px;height:52px;flex-basis:65px;}
  .mgj-footer-master .mgj-footer-download::after{width:320px;height:135px;right:-2px;bottom:-2px;}
  .mgj-footer-master .mgj-footer-bottom{display:block;text-align:center;padding:22px 18px;}
  .mgj-footer-master .footer-trust{justify-content:center;margin:14px 0;}
}


/* =========================================================
   v13.22 — NEW FOOTER REFERENCE TARGET
   Rebuild the footer to closely match the supplied reference:
   balanced 5-column desktop layout, pill section headers,
   exact supplied artwork, controlled typography and no clipping.
   ========================================================= */
@media (min-width:1201px){
  .mgj-footer-master{
    margin-top:72px;
    min-height:0;
    overflow:hidden;
    background:#021a34;
  }
  .mgj-footer-master .mgj-footer-main{
    grid-template-columns:1.12fr 1fr 1fr 1.10fr 1.14fr;
    gap:0;
    width:100%;
    max-width:1920px;
    box-sizing:border-box;
    padding:104px 44px 30px;
    min-height:555px;
    position:relative;
    overflow:visible;
  }
  .mgj-footer-master .mgj-footer-main::before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;
    height:116px;
    background:url('assets/ref_top_wave.png') center top/100% 100% no-repeat;
    opacity:1;
    z-index:-1;
  }
  .mgj-footer-master .mgj-footer-main::after{display:none;}
  .mgj-footer-master .mgj-footer-brand,
  .mgj-footer-master .mgj-footer-col{
    min-width:0;
    box-sizing:border-box;
    padding:0 22px;
    border-right:1px solid rgba(231,189,85,.48);
    position:relative;
    z-index:2;
  }
  .mgj-footer-master .mgj-footer-brand{
    padding:0 30px 0 0;
    border-right:1px solid rgba(231,189,85,.48);
    overflow:visible;
  }
  .mgj-footer-master .mgj-footer-download{border-right:0;padding-right:0;}

  .mgj-footer-master .brand-reference-lockup{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    min-height:250px;
    margin:0 auto 2px;
  }
  .mgj-footer-master .ref-brand-logo{
    width:285px;
    height:265px;
    max-width:100%;
    object-fit:contain;
    object-position:center top;
    filter:drop-shadow(0 6px 8px rgba(0,0,0,.25));
  }
  .mgj-footer-master .mgj-footer-guj{
    text-align:center;
    font-size:17px;
    line-height:1.55;
    margin:0 auto 26px;
    max-width:370px;
    position:relative;
    z-index:2;
  }
  .mgj-footer-master .mgj-footer-features{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:0;
    position:relative;
    z-index:3;
  }
  .mgj-footer-master .mgj-footer-features>span{
    width:33.333%;
    min-width:0;
    min-height:68px;
    padding:0 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    border-right:1px solid rgba(231,189,85,.55);
    text-align:center;
    font-size:12px;
    line-height:1.25;
  }
  .mgj-footer-master .mgj-footer-features>span:last-child{border-right:0;}
  .mgj-footer-master .mgj-footer-features img{width:46px;height:46px;flex:0 0 46px;object-fit:contain;}
  .mgj-footer-master .footer-building-art{display:none;}

  .mgj-footer-master .mgj-footer-col h3.footer-pill{
    width:100%;
    max-width:none;
    min-height:56px;
    height:56px;
    margin:0 0 27px;
    padding:0 14px 0 0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:9px;
    border-radius:32px;
    background:linear-gradient(180deg,#ffe9ad 0%,#e6b84d 100%);
    color:#071b32;
    font-family:Georgia,'Times New Roman',serif;
    font-size:19px;
    line-height:1;
    white-space:nowrap;
    overflow:visible;
    box-shadow:0 3px 8px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.45);
  }
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{
    width:58px;height:56px;flex:0 0 58px;
    margin-left:0;
    object-fit:cover;
    border-radius:30px;
  }
  .mgj-footer-master .mgj-footer-col h3.footer-pill span{flex:1 1 auto;min-width:0;overflow:visible;display:block;}
  .mgj-footer-master .mgj-footer-col>a{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin:0 0 21px;
    color:#f1f4f8;
    font-size:15px;
    line-height:1.3;
    white-space:normal;
    text-decoration:none;
  }
  .mgj-footer-master .mgj-footer-col>a:first-letter{color:#efc25d;}
  .mgj-footer-master .mgj-footer-contact{padding-left:28px;}
  .mgj-footer-master .footer-contact-row{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    margin:0 0 19px;
    font-size:14px;
    line-height:1.35;
  }
  .mgj-footer-master .footer-contact-row img{width:27px;height:30px;flex:0 0 27px;object-fit:contain;}
  .mgj-footer-master .footer-contact-row span{min-width:0;overflow-wrap:anywhere;}
  .mgj-footer-master .footer-contact-row:first-of-type span{font-size:13px;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.2px;}
  .mgj-footer-master .footer-contact-row em{font-size:10px;color:#efc45f;font-style:normal;}
  .mgj-footer-master .follow-title{margin-top:28px!important;margin-bottom:18px!important;}
  .mgj-footer-master .mgj-socials{display:flex;gap:8px;flex-wrap:nowrap;position:relative;z-index:10;overflow:visible;}
  .mgj-footer-master .social{width:54px;height:54px;flex:0 0 54px;padding:0;border:0;background:none;box-shadow:none;overflow:visible;display:block;position:relative;z-index:11;clip-path:none;}
  .mgj-footer-master .social img{width:54px;height:54px;display:block;object-fit:contain;transform:none;overflow:visible;}

  .mgj-footer-master .mgj-footer-download{position:relative;z-index:2;}
  .mgj-footer-master .mgj-footer-download>*{position:relative;z-index:3;}
  .mgj-footer-master .mgj-footer-download .footer-pill{max-width:320px;}
  .mgj-footer-master .mgj-footer-download p{font-size:14px;margin:-3px 0 14px;white-space:nowrap;}
  .mgj-footer-master .play-store-badge{width:305px;height:87px;max-width:100%;display:block;overflow:visible;border-radius:12px;}
  .mgj-footer-master .play-store-badge img{width:303px;height:87px;display:block;object-fit:contain;transform:none;}
  .mgj-footer-master .footer-gujarat-message{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:350px;
    margin:40px 0 0;
    position:relative;
    z-index:3;
  }
  .mgj-footer-master .gujarat-map-art{width:105px;height:100px;flex:0 0 105px;object-fit:contain;}
  .mgj-footer-master .footer-gujarat-message strong{
    flex:1;
    min-width:0;
    color:#f2c765;
    font-family:Georgia,'Times New Roman',serif;
    font-size:19px;
    line-height:1.05;
    white-space:normal;
  }
  .mgj-footer-master .mgj-footer-wave{height:76px;margin-top:-1px;position:relative;z-index:3;}
  .mgj-footer-master .mgj-footer-bottom{
    max-width:1920px;
    min-height:94px;
    padding:22px 58px 24px;
    font-size:15px;
    background:#02162d;
    border-top:2px solid rgba(231,189,85,.78);
    grid-template-columns:1.25fr 1.5fr 1fr;
    gap:20px;
  }
  .mgj-footer-master .footer-copy{white-space:nowrap;}
  .mgj-footer-master .footer-made{text-align:right;white-space:nowrap;}
  .mgj-footer-master .footer-trust{gap:13px;white-space:nowrap;}
  .mgj-footer-master .footer-trust i{height:34px;}
  .mgj-footer-master .trust-item{display:inline-flex;align-items:center;gap:8px;}
  .mgj-footer-master .trust-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;color:#071b32;background:linear-gradient(180deg,#ffe8a3,#e4b746);font-size:16px;font-weight:700;}
}

@media (min-width:701px) and (max-width:1200px){
  .mgj-footer-master .mgj-footer-main{grid-template-columns:1fr 1fr;gap:0;padding:90px 34px 35px;}
  .mgj-footer-master .mgj-footer-main::before{height:105px;}
  .mgj-footer-master .mgj-footer-brand{grid-column:1/-1;padding:0 0 34px;border-right:0;border-bottom:1px solid rgba(231,189,85,.4);}
  .mgj-footer-master .brand-reference-lockup{min-height:230px;}
  .mgj-footer-master .ref-brand-logo{width:280px;height:250px;}
  .mgj-footer-master .mgj-footer-col{padding:34px 28px;border-right:1px solid rgba(231,189,85,.35);}
  .mgj-footer-master .mgj-footer-col:nth-of-type(3){border-right:0;}
  .mgj-footer-master .mgj-footer-download{grid-column:1/-1;border-right:0;border-top:1px solid rgba(231,189,85,.35);padding-top:34px;}
  .mgj-footer-master .mgj-footer-main::after{width:500px;height:190px;}
}

@media (max-width:700px){
  .mgj-footer-master{margin-top:45px;overflow:hidden;}
  .mgj-footer-master .mgj-footer-main{display:block;padding:72px 20px 25px;}
  .mgj-footer-master .mgj-footer-main::before{height:90px;background-size:auto 90px;background-position:center top;}
  .mgj-footer-master .mgj-footer-main::after{width:430px;height:170px;right:-80px;bottom:165px;}
  .mgj-footer-master .mgj-footer-brand,
  .mgj-footer-master .mgj-footer-col,
  .mgj-footer-master .mgj-footer-contact,
  .mgj-footer-master .mgj-footer-download{
    border-right:0;border-bottom:1px solid rgba(231,189,85,.32);padding:0 0 30px;margin:0 0 30px;
  }
  .mgj-footer-master .mgj-footer-download{border-bottom:0;margin-bottom:0;}
  .mgj-footer-master .brand-reference-lockup{min-height:220px;}
  .mgj-footer-master .ref-brand-logo{width:280px;height:245px;max-width:100%;}
  .mgj-footer-master .mgj-footer-guj{font-size:16px;text-align:center;margin:0 auto 24px;line-height:1.55;}
  .mgj-footer-master .mgj-footer-features{display:flex;gap:0;}
  .mgj-footer-master .mgj-footer-features>span{font-size:10px;padding:0 6px;}
  .mgj-footer-master .mgj-footer-features img{width:39px;height:39px;flex-basis:39px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{font-size:19px;min-height:52px;height:52px;width:100%;max-width:340px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{width:64px;height:52px;flex-basis:64px;}
  .mgj-footer-master .mgj-footer-col>a{font-size:15px;margin-bottom:17px;}
  .mgj-footer-master .footer-contact-row:first-of-type span{font-size:13px;white-space:normal;}
  .mgj-footer-master .mgj-socials{gap:9px;flex-wrap:wrap;}
  .mgj-footer-master .social{width:52px;height:52px;flex-basis:52px;}
  .mgj-footer-master .social img{width:52px;height:52px;}
  .mgj-footer-master .play-store-badge{width:303px;height:87px;max-width:100%;}
  .mgj-footer-master .play-store-badge img{width:303px;height:87px;}
  .mgj-footer-master .footer-gujarat-message{margin-top:32px;max-width:350px;}
  .mgj-footer-master .gujarat-map-art{width:100px;height:95px;flex-basis:100px;}
  .mgj-footer-master .footer-gujarat-message strong{font-size:18px;}
  .mgj-footer-master .mgj-footer-wave{height:58px;}
  .mgj-footer-master .mgj-footer-bottom{display:block;text-align:center;padding:22px 18px 28px;font-size:13px;}
  .mgj-footer-master .footer-copy,.mgj-footer-master .footer-made{white-space:normal;text-align:center;}
  .mgj-footer-master .footer-trust{justify-content:center;flex-wrap:wrap;margin:16px 0;gap:9px;white-space:normal;}
  .mgj-footer-master .footer-trust i{height:18px;}
}

/* v13.23 — desktop clipping/position correction */
@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-main{overflow:visible;box-sizing:border-box;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{width:100%;max-width:none;box-sizing:border-box;overflow:visible;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill span{min-width:0;flex:1 1 auto;overflow:visible;white-space:nowrap;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{width:58px;height:56px;flex-basis:58px;object-fit:cover;}
  .mgj-footer-master .mgj-footer-brand .ref-brand-logo{width:285px;height:265px;max-width:100%;object-fit:contain;}
  .mgj-footer-master .mgj-socials{position:relative;z-index:20;overflow:visible;}
  .mgj-footer-master .mgj-socials .social,
  .mgj-footer-master .mgj-socials .social img{overflow:visible;clip-path:none;}
  .mgj-footer-master .mgj-footer-download::after{z-index:0;}
  .mgj-footer-master .mgj-footer-download>*{z-index:5;}
}

/* =========================================================
   v13.24 — REFERENCE FOOTER FINAL LAYOUT
   Clean rebuild of the footer presentation only.
   No Firebase/Auth/Firestore logic touched.
   ========================================================= */
.mgj-footer-master{overflow:hidden;background:#031a35!important;color:#f4f6f9;}

@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-main{
    width:100%;max-width:1920px;box-sizing:border-box;
    display:grid;grid-template-columns:1.18fr .94fr .94fr 1.10fr 1.04fr;
    gap:0;padding:92px 44px 28px;min-height:610px;position:relative;overflow:visible;
  }
  .mgj-footer-master .mgj-footer-main::before{
    content:"";position:absolute;inset:0 0 auto 0;height:105px;
    background:url('assets/ref_top_wave.png') center top/100% 100% no-repeat;
    pointer-events:none;z-index:0;
  }
  .mgj-footer-master .mgj-footer-brand,
  .mgj-footer-master .mgj-footer-col{
    min-width:0;box-sizing:border-box;position:relative;z-index:2;
    padding:0 22px;border-right:1px solid rgba(231,189,85,.38);
  }
  .mgj-footer-master .mgj-footer-brand{padding:0 28px 0 0;border-right-color:rgba(231,189,85,.45);overflow:visible;}
  .mgj-footer-master .mgj-footer-download{border-right:0;padding-right:0;}

  /* Left branding — intentionally uses separate mark + text so no source-image clipping. */
  .mgj-footer-master .brand-reference-lockup{
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    min-height:240px;margin:0 auto 4px;gap:0;text-align:center;
  }
  .mgj-footer-master .brand-reference-lockup .ref-brand-mark{
    display:block;width:128px;height:90px;flex:0 0 90px;object-fit:contain;object-position:center;
    margin:0 auto 4px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.24));
  }
  .mgj-footer-master .brand-reference-lockup .brand-copy{width:100%;min-width:0;text-align:center;}
  .mgj-footer-master .footer-brand-title{
    font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:700;
    line-height:1.04;color:#f6cf72;white-space:nowrap;letter-spacing:-.2px;
  }
  .mgj-footer-master .footer-brand-tagline{
    margin-top:9px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:4px;color:#f0c765;
  }
  .mgj-footer-master .mgj-footer-guj{
    margin:4px auto 27px;max-width:385px;text-align:center;
    font-size:17px;line-height:1.52;color:#f1f3f6;
  }
  .mgj-footer-master .mgj-footer-features{display:flex;justify-content:center;align-items:flex-start;gap:0;position:relative;z-index:4;}
  .mgj-footer-master .mgj-footer-features>span{
    width:33.333%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    gap:6px;padding:0 9px;border-right:1px solid rgba(231,189,85,.52);font-size:11px;line-height:1.18;text-align:center;
  }
  .mgj-footer-master .mgj-footer-features>span:last-child{border-right:0;}
  .mgj-footer-master .mgj-footer-features img{width:38px;height:38px;flex:0 0 38px;object-fit:contain;}
  .mgj-footer-master .footer-building-art{
    display:block!important;position:absolute;left:-4px;bottom:-4px;width:430px;height:118px;max-width:100%;
    object-fit:contain;object-position:left bottom;opacity:.9;z-index:1;pointer-events:none;
  }

  /* Reference-style pill headings — each one is fully contained in its column. */
  .mgj-footer-master .mgj-footer-col h3.footer-pill{
    width:100%;height:54px;min-height:54px;max-width:none;box-sizing:border-box;
    display:flex;align-items:center;gap:9px;margin:0 0 24px;padding:0 14px 0 0;
    border-radius:28px;background:linear-gradient(180deg,#ffe8a5 0%,#e7b94f 100%);
    color:#071b32;font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:700;line-height:1;
    white-space:nowrap;overflow:hidden;box-shadow:0 3px 9px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.5);
  }
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{
    width:56px;height:54px;flex:0 0 56px;margin:0;object-fit:cover;border-radius:28px;
  }
  .mgj-footer-master .mgj-footer-col h3.footer-pill span{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill::after{display:none;}

  .mgj-footer-master .mgj-footer-col>a{
    display:flex;align-items:flex-start;gap:11px;margin:0 0 19px;padding:0;
    color:#f4f6f9;font-size:15px;line-height:1.25;white-space:normal;text-decoration:none;
  }
  .mgj-footer-master .mgj-footer-col>a:first-letter{color:#efc35d;}
  .mgj-footer-master .mgj-footer-contact{padding-left:24px;}
  .mgj-footer-master .footer-contact-row{
    display:flex;align-items:center;gap:11px;min-width:0;margin:0 0 17px;font-size:14px;line-height:1.3;
  }
  .mgj-footer-master .footer-contact-row img{width:24px;height:26px;flex:0 0 24px;object-fit:contain;}
  .mgj-footer-master .footer-contact-row span{min-width:0;overflow-wrap:normal;word-break:normal;}
  .mgj-footer-master .footer-contact-row:first-of-type span{font-size:13px;letter-spacing:-.15px;white-space:nowrap;}
  .mgj-footer-master .footer-contact-row em{font-size:10px;color:#f0c45f;font-style:normal;}
  .mgj-footer-master .follow-title{margin-top:25px!important;margin-bottom:16px!important;}
  .mgj-footer-master .mgj-socials{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:visible;position:relative;z-index:10;}
  .mgj-footer-master .social{width:50px;height:50px;flex:0 0 50px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;clip-path:none;}
  .mgj-footer-master .social img{width:50px;height:50px;display:block;object-fit:contain;transform:none;}

  .mgj-footer-master .mgj-footer-download{position:relative;z-index:2;overflow:visible;}
  .mgj-footer-master .mgj-footer-download>*{position:relative;z-index:4;}
  .mgj-footer-master .mgj-footer-download .footer-pill{width:100%;}
  .mgj-footer-master .mgj-footer-download p{font-size:14px;margin:-2px 0 13px;white-space:nowrap;}
  .mgj-footer-master .play-store-badge{width:100%;max-width:305px;height:87px;display:block;overflow:hidden;border-radius:12px;}
  .mgj-footer-master .play-store-badge img{width:100%;height:100%;display:block;object-fit:contain;transform:none;}
  .mgj-footer-master .footer-gujarat-message{display:flex;align-items:center;gap:8px;width:100%;max-width:350px;margin:37px 0 0;}
  .mgj-footer-master .gujarat-map-art{width:100px;height:92px;flex:0 0 100px;object-fit:contain;}
  .mgj-footer-master .footer-gujarat-message strong{flex:1;min-width:0;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.08;color:#f3c96b;white-space:normal;}
  .mgj-footer-master .mgj-footer-download::after{
    content:"";position:absolute;right:-8px;bottom:-20px;width:330px;height:155px;
    background:url('assets/ref_bottom_city.png') right bottom/contain no-repeat;opacity:.76;pointer-events:none;z-index:0;
  }
  .mgj-footer-master .mgj-footer-wave{height:76px;margin-top:-1px;position:relative;z-index:3;}
  .mgj-footer-master .mgj-footer-bottom{
    max-width:1920px;min-height:92px;padding:22px 54px 25px;box-sizing:border-box;
    grid-template-columns:1.25fr 1.5fr 1fr;gap:20px;background:#02162d;border-top:2px solid rgba(231,189,85,.78);font-size:15px;
  }
  .mgj-footer-master .footer-copy{white-space:nowrap;}
  .mgj-footer-master .footer-made{text-align:right;white-space:nowrap;}
  .mgj-footer-master .footer-trust{gap:12px;white-space:nowrap;}
  .mgj-footer-master .footer-trust span{font-size:18px;color:#f2c75e;}
  .mgj-footer-master .trust-item{display:inline-flex;align-items:center;gap:7px;}
  .mgj-footer-master .trust-icon{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;color:#071b32;background:linear-gradient(180deg,#ffe8a3,#e4b746);font-size:15px;font-weight:700;}
}

@media (min-width:701px) and (max-width:1200px){
  .mgj-footer-master .mgj-footer-main{grid-template-columns:1fr 1fr;gap:0;padding:82px 28px 30px;}
  .mgj-footer-master .mgj-footer-main::before{height:95px;}
  .mgj-footer-master .mgj-footer-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(231,189,85,.35);padding:0 0 140px;margin-bottom:30px;}
  .mgj-footer-master .brand-reference-lockup{min-height:210px;}
  .mgj-footer-master .footer-building-art{width:520px;height:125px;bottom:-3px;}
  .mgj-footer-master .mgj-footer-col{padding:0 22px;border-right:1px solid rgba(231,189,85,.35);}
  .mgj-footer-master .mgj-footer-col:nth-of-type(3){border-right:0;}
  .mgj-footer-master .mgj-footer-download{grid-column:1/-1;border-right:0;border-top:1px solid rgba(231,189,85,.35);padding:30px 0 0;margin-top:30px;}
}

@media (max-width:700px){
  .mgj-footer-master{margin-top:45px;overflow:hidden;}
  .mgj-footer-master .mgj-footer-main{display:block;padding:70px 18px 25px;}
  .mgj-footer-master .mgj-footer-main::before{height:85px;background-size:auto 85px;background-position:center top;}
  .mgj-footer-master .mgj-footer-brand,
  .mgj-footer-master .mgj-footer-col,
  .mgj-footer-master .mgj-footer-contact,
  .mgj-footer-master .mgj-footer-download{border-right:0;border-bottom:1px solid rgba(231,189,85,.32);padding:0 0 28px;margin:0 0 28px;}
  .mgj-footer-master .mgj-footer-download{border-bottom:0;margin-bottom:0;}
  .mgj-footer-master .brand-reference-lockup{min-height:205px;}
  .mgj-footer-master .brand-reference-lockup .ref-brand-mark{width:125px;height:86px;flex-basis:86px;}
  .mgj-footer-master .footer-brand-title{font-size:26px;}
  .mgj-footer-master .footer-brand-tagline{font-size:8px;letter-spacing:3px;}
  .mgj-footer-master .mgj-footer-guj{font-size:16px;margin:2px auto 22px;}
  .mgj-footer-master .mgj-footer-features>span{font-size:10px;padding:0 4px;}
  .mgj-footer-master .mgj-footer-features img{width:34px;height:34px;flex-basis:34px;}
  .mgj-footer-master .footer-building-art{width:100%;height:105px;left:0;bottom:-3px;object-fit:contain;object-position:center bottom;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{width:100%;max-width:350px;height:52px;min-height:52px;font-size:18px;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill img{width:62px;height:52px;flex-basis:62px;}
  .mgj-footer-master .mgj-footer-col>a{font-size:15px;margin-bottom:16px;}
  .mgj-footer-master .footer-contact-row:first-of-type span{font-size:13px;white-space:normal;overflow-wrap:anywhere;}
  .mgj-footer-master .mgj-socials{gap:8px;flex-wrap:wrap;}
  .mgj-footer-master .social{width:50px;height:50px;flex-basis:50px;}
  .mgj-footer-master .social img{width:50px;height:50px;}
  .mgj-footer-master .play-store-badge{width:303px;max-width:100%;height:87px;}
  .mgj-footer-master .play-store-badge img{width:100%;height:100%;}
  .mgj-footer-master .footer-gujarat-message{margin-top:28px;max-width:350px;}
  .mgj-footer-master .gujarat-map-art{width:95px;height:88px;flex-basis:95px;}
  .mgj-footer-master .footer-gujarat-message strong{font-size:17px;}
  .mgj-footer-master .mgj-footer-download::after{width:310px;height:145px;right:-20px;bottom:-10px;}
  .mgj-footer-master .mgj-footer-wave{height:58px;}
  .mgj-footer-master .mgj-footer-bottom{display:block;text-align:center;padding:21px 16px 27px;font-size:13px;}
  .mgj-footer-master .footer-copy,.mgj-footer-master .footer-made{white-space:normal;text-align:center;}
  .mgj-footer-master .footer-trust{justify-content:center;flex-wrap:wrap;margin:15px 0;gap:8px;white-space:normal;}
  .mgj-footer-master .footer-trust i{height:18px;}
}


/* =========================================================
   v13.25 — FOOTER STABILITY PASS
   Purpose: remove cropped icon assets, prevent all heading/text
   clipping, and keep every footer element inside its column.
   Website footer only; no Firebase/Auth/Firestore changes.
   ========================================================= */
.mgj-footer-master .mgj-footer-main{box-sizing:border-box;overflow:hidden;}
.mgj-footer-master .mgj-footer-brand,
.mgj-footer-master .mgj-footer-col{min-width:0;overflow:visible;}

/* Brand: fixed, readable two-line title — never clipped. */
.mgj-footer-master .brand-reference-lockup{width:100%;max-width:100%;box-sizing:border-box;}
.mgj-footer-master .brand-reference-lockup .brand-copy{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
.mgj-footer-master .footer-brand-title{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  font-size:28px!important;line-height:1.06!important;letter-spacing:-.35px!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}

/* Pill headings: CSS icon circles instead of cropped source slices. */
.mgj-footer-master .mgj-footer-col h3.footer-pill{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:52px!important;min-height:52px!important;box-sizing:border-box!important;
  padding:0 16px 0 0!important;margin:0 0 22px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  border-radius:28px!important;overflow:hidden!important;
  white-space:nowrap!important;
}
.mgj-footer-master .footer-pill-icon{
  width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#071d38;color:#f5cb68;
  font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1;
  box-shadow:inset 0 0 0 1px rgba(239,195,93,.18),0 2px 5px rgba(0,0,0,.18);
}
.mgj-footer-master .footer-pill span:last-child{
  min-width:0!important;flex:1 1 auto!important;display:block!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:18px!important;line-height:1!important;
}

/* Contact email/text never escapes the contact column. */
.mgj-footer-master .footer-contact-row{min-width:0!important;box-sizing:border-box;}
.mgj-footer-master .footer-contact-row span{min-width:0!important;max-width:100%;}
.mgj-footer-master .footer-contact-row:first-of-type span{
  font-size:12px!important;letter-spacing:-.2px!important;white-space:normal!important;
  overflow-wrap:anywhere!important;word-break:break-word!important;
}

/* Socials: stable full circles; no clipped PNG slices. */
.mgj-footer-master .mgj-socials{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important;overflow:visible!important;}
.mgj-footer-master .mgj-socials .social{
  width:48px!important;height:48px!important;flex:0 0 48px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:2px solid #d9aa43!important;border-radius:50%!important;overflow:hidden!important;
  background:#071d38!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important;
  text-decoration:none!important;clip-path:none!important;
}
.mgj-footer-master .mgj-socials .social span{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;
}
.mgj-footer-master .mgj-socials .social:nth-child(1){background:#df2027!important;}
.mgj-footer-master .mgj-socials .social:nth-child(2){background:#1e9bd7!important;}
.mgj-footer-master .mgj-socials .social:nth-child(3){background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7)!important;}
.mgj-footer-master .mgj-socials .social:nth-child(4){background:#287be0!important;}
.mgj-footer-master .mgj-socials .social:nth-child(5){background:#22b85b!important;}

/* Download area stays inside its own column. */
.mgj-footer-master .mgj-footer-download{min-width:0!important;overflow:hidden!important;}
.mgj-footer-master .mgj-footer-download .play-store-badge{
  width:min(100%,300px)!important;max-width:100%!important;height:auto!important;aspect-ratio:303/87;
  overflow:hidden!important;border-radius:11px!important;
}
.mgj-footer-master .mgj-footer-download .play-store-badge img{width:100%!important;height:100%!important;object-fit:contain!important;}
.mgj-footer-master .footer-gujarat-message{max-width:100%!important;min-width:0!important;box-sizing:border-box;gap:10px!important;}
.mgj-footer-master .gujarat-map-art{width:88px!important;height:82px!important;flex:0 0 88px!important;}
.mgj-footer-master .footer-gujarat-message strong{min-width:0!important;overflow:visible!important;font-size:18px!important;line-height:1.08!important;}

/* Decorative city artwork must remain behind content, never over it. */
.mgj-footer-master .mgj-footer-download::after{pointer-events:none!important;z-index:0!important;}
.mgj-footer-master .mgj-footer-download>*{z-index:2!important;}

@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-main{grid-template-columns:minmax(360px,1.18fr) minmax(270px,.94fr) minmax(270px,.94fr) minmax(330px,1.10fr) minmax(320px,1.04fr)!important;}
  .mgj-footer-master .mgj-footer-brand{padding-right:24px!important;}
  .mgj-footer-master .mgj-footer-col{padding-left:20px!important;padding-right:20px!important;}
  .mgj-footer-master .mgj-footer-contact{padding-left:22px!important;}
}
@media (max-width:1200px){
  .mgj-footer-master .footer-pill-icon{width:50px;height:50px;flex-basis:50px;}
  .mgj-footer-master .footer-brand-title{font-size:27px!important;}
}
@media (max-width:700px){
  .mgj-footer-master .footer-brand-title{font-size:26px!important;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{height:50px!important;min-height:50px!important;}
  .mgj-footer-master .footer-pill-icon{width:50px;height:50px;flex-basis:50px;font-size:23px;}
  .mgj-footer-master .footer-pill span:last-child{font-size:18px!important;}
  .mgj-footer-master .mgj-socials{flex-wrap:wrap!important;}
}


/* =========================================================
   FINAL FOOTER FIT PASS — no heading icons, true 5-column containment
   ========================================================= */
.mgj-footer-master .mgj-footer-main{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1920px!important;
  padding-left:36px!important;
  padding-right:36px!important;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.92fr) minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1.02fr)!important;
  gap:0!important;
}
.mgj-footer-master .mgj-footer-brand,
.mgj-footer-master .mgj-footer-col,
.mgj-footer-master .mgj-footer-download{
  box-sizing:border-box!important;
  min-width:0!important;
}
/* Headings: clean gold capsules, no icon circles. */
.mgj-footer-master .mgj-footer-col h3.footer-pill{
  box-sizing:border-box!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0 0 22px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:24px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:18px!important;
  line-height:1!important;
  text-align:center!important;
}
.mgj-footer-master .mgj-footer-col h3.footer-pill .footer-pill-icon{display:none!important;}
.mgj-footer-master .mgj-footer-col h3.footer-pill span:last-child{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Smaller, controlled content so all five columns fit on desktop. */
@media (min-width:1201px){
  .mgj-footer-master .mgj-footer-brand{padding-left:0!important;padding-right:18px!important;}
  .mgj-footer-master .mgj-footer-col{padding-left:18px!important;padding-right:18px!important;}
  .mgj-footer-master .mgj-footer-contact{padding-left:18px!important;padding-right:18px!important;}
  .mgj-footer-master .mgj-footer-download{padding-left:18px!important;padding-right:0!important;}
  .mgj-footer-master .footer-brand-title{font-size:27px!important;}
  .mgj-footer-master .mgj-footer-guj{font-size:18px!important;line-height:1.45!important;}
  .mgj-footer-master .mgj-footer-col>a{font-size:14px!important;margin-bottom:17px!important;}
  .mgj-footer-master .footer-contact-row{font-size:13px!important;gap:8px!important;margin-bottom:15px!important;}
  .mgj-footer-master .footer-contact-row img{width:21px!important;height:23px!important;flex-basis:21px!important;}
  .mgj-footer-master .footer-contact-row:first-of-type span{font-size:12px!important;letter-spacing:-.25px!important;}
  .mgj-footer-master .mgj-socials{gap:7px!important;}
  .mgj-footer-master .mgj-socials .social{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .mgj-footer-master .mgj-socials .social span{font-size:20px!important;}
  .mgj-footer-master .mgj-footer-download p{font-size:13px!important;}
  .mgj-footer-master .mgj-footer-download .play-store-badge{width:100%!important;max-width:270px!important;height:auto!important;aspect-ratio:303/87!important;}
  .mgj-footer-master .gujarat-map-art{width:82px!important;height:76px!important;flex-basis:82px!important;}
  .mgj-footer-master .footer-gujarat-message strong{font-size:16px!important;}
}
@media (max-width:1200px) and (min-width:701px){
  .mgj-footer-master .mgj-footer-main{grid-template-columns:1fr 1fr!important;padding-left:28px!important;padding-right:28px!important;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{font-size:18px!important;}
  .mgj-footer-master .footer-pill-icon{display:none!important;}
}
@media (max-width:700px){
  .mgj-footer-master .mgj-footer-main{padding-left:18px!important;padding-right:18px!important;}
  .mgj-footer-master .mgj-footer-col h3.footer-pill{height:48px!important;min-height:48px!important;font-size:18px!important;padding:0 12px!important;}
  .mgj-footer-master .footer-pill-icon{display:none!important;}
}

/* Professional Account Drawer */
.account-drawer-backdrop{position:fixed;inset:0;background:rgba(2,12,27,.48);backdrop-filter:blur(2px);z-index:180;opacity:0;pointer-events:none;transition:opacity .22s ease}.account-drawer-backdrop.show{opacity:1;pointer-events:auto}.account-drawer{position:fixed;top:0;right:0;width:min(370px,90vw);height:100vh;background:#fff;z-index:190;box-shadow:-18px 0 50px rgba(4,18,38,.22);transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.75,.25,1);display:flex;flex-direction:column;padding:24px 20px 20px;overflow:auto}.account-drawer.show{transform:translateX(0)}.account-drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.account-eyebrow,.account-drawer-section-label{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#b58b2f}.account-drawer-head h2{margin:4px 0 0;color:#09203d;font-family:Georgia,serif;font-size:24px}.account-drawer-close{border:1px solid #dbe2ea;background:#f7f9fb;color:#09203d;width:38px;height:38px;border-radius:11px;font-size:25px;line-height:1;cursor:pointer}.account-drawer-profile{margin-top:20px;padding:15px;border-radius:16px;background:linear-gradient(135deg,#071d3a,#0d315d);color:#fff;display:flex;align-items:center;gap:15px;border:1px solid rgba(215,173,75,.65)}.account-drawer-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#d7ad4b;color:#071d3a;font-weight:900;font-size:22px;overflow:hidden;flex:none}.account-drawer-avatar img{width:100%;height:100%;object-fit:cover}.account-drawer-identity{display:flex;flex-direction:column;min-width:0}.account-drawer-identity strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-drawer-identity>span:not(.account-plan-badge){font-size:12px;opacity:.82;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-plan-badge{align-self:flex-start;margin-top:9px;padding:4px 9px;border-radius:999px;background:#d7ad4b;color:#071d3a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.account-drawer-divider{height:1px;background:#e8edf2;margin:20px 0 16px}.account-drawer-section-label{margin:0 6px 8px}.account-drawer-item{width:100%;border:0;background:transparent;border-radius:14px;padding:10px 9px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:10px;text-align:left;cursor:pointer;color:#09203d;transition:background .15s ease,transform .15s ease;margin-bottom:3px}.account-drawer-item:hover{background:#f3f6f9;transform:translateX(-2px)}.account-drawer-item>span{width:32px;height:32px;border-radius:10px;background:#eef3f7;display:grid;place-items:center;color:#b58b2f;font-size:17px}.account-drawer-item>.drawer-icon{width:40px;height:40px;border-radius:12px;background:#eef3f7;display:grid;place-items:center;color:#09203d;font-size:17px;transition:background .16s ease,transform .16s ease,color .16s ease,border-color .16s ease}.drawer-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.drawer-icon-tests svg path:last-child,.drawer-icon-profile svg path:last-child{stroke:#b58b2f}.drawer-icon-bookmarks{color:#b58b2f!important}.drawer-icon-results{color:#b58b2f!important}.drawer-icon-mistakes{color:#b23f3f!important}.drawer-icon-logout{color:#b23f3f!important;background:#fff3f1!important}.account-drawer-item:hover>.drawer-icon{background:#fff8e7;color:#09203d;transform:scale(1.04)}.account-drawer-item:hover>.drawer-icon-bookmarks,.account-drawer-item:hover>.drawer-icon-results{color:#a77d25!important}.account-drawer-item:hover>.drawer-icon-mistakes,.account-drawer-item:hover>.drawer-icon-logout{color:#a23b35!important}.account-logout-item:hover{background:#fff7f5}.account-logout-item:hover>.drawer-icon-logout{background:#ffe9e5!important}.account-drawer-item div{display:flex;flex-direction:column;min-width:0}.account-drawer-item b{font-size:13px}.account-drawer-item small{font-size:10px;color:#718096;margin-top:3px}.account-drawer-item i{font-style:normal;color:#9aa6b2;font-size:23px}.account-logout-item{margin-top:6px}.account-logout-item>span{color:#b64b43;background:#fff2f0}.account-logout-item>.drawer-icon{color:#b23f3f;background:#fff3f1}.account-logout-item b{color:#a23f38}@media(max-width:700px){.account-drawer{width:min(360px,90vw);padding:20px 16px}}

/* V15 professional logged-in header account */
.three-layer-header .login:has(.login-account-avatar){min-width:46px;width:46px;height:46px;padding:2px;border-radius:50%;display:grid;place-items:center;gap:0;background:#071d3a;color:#061a34;border:1.5px solid #d8ad4b;box-shadow:0 2px 9px rgba(7,29,58,.24);}
.login-account-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#071d3a;color:#f6d66f;font:800 13px Arial,sans-serif;border:1px solid rgba(216,173,75,.95);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);flex:none;line-height:1;}
.login-account-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.login-account-initials{letter-spacing:.2px;}
@media(max-width:850px){.three-layer-header .login:has(.login-account-avatar){min-width:42px;width:42px;height:42px;padding:2px}.login-account-avatar{width:36px;height:36px;font-size:12px}}

/* Login modal close button — targeted positioning fix only */
#modal .box > .close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #dce3eb!important;
  border-radius:10px!important;
  background:#f7f9fb!important;
  color:#09203d!important;
  font-family:Arial,sans-serif!important;
  font-size:26px!important;
  font-weight:700!important;
  line-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:2!important;
  box-sizing:border-box!important;
}
#modal .box > .close:hover{
  background:#fff8e8!important;
  border-color:#d8ad4b!important;
  color:#b5831f!important;
}

/* V15.3.3 — Login modal polish only. No auth/logic changes. */
#modal .box {
  width: min(450px, 92%);
  padding: 34px 32px 30px;
  border: 1px solid #e6eaf0;
  box-shadow: 0 24px 60px rgba(7,29,58,.22);
}
#modal .close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #d8e0e9;
  border-radius: 10px;
  background: #f7f9fb;
  color: #071d3a;
  font: 700 25px/38px Arial, sans-serif;
  cursor: pointer;
  transition: .18s ease;
}
#modal .close:hover {
  background: #fff7df;
  border-color: #d8ad4b;
  color: #a47718;
}
#modal .box h2 {
  margin: 4px 42px 18px;
  color: #071d3a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.3px;
}
#modal .box .muted {
  margin: 0 0 18px;
  color: #66778c;
  font-size: 16px;
  line-height: 1.5;
}
#modal .box input {
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  margin: 9px 0 0;
  padding: 0 15px;
  border: 1px solid #ccd5df;
  border-radius: 9px;
  background: #fff;
  color: #071d3a;
  font: 500 15px Arial, Helvetica, sans-serif;
  outline: none;
  transition: .18s ease;
}
#modal .box input::placeholder { color: #7d8997; }
#modal .box input:focus {
  border-color: #d8ad4b;
  box-shadow: 0 0 0 3px rgba(216,173,75,.16);
}
#modal .box button.google,
#modal .box #emailLogin,
#modal .box #signup {
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  margin: 10px 0 0;
  padding: 0 16px;
  border-radius: 9px;
  font: 700 15px Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition: .18s ease;
}
#modal .box button.google {
  border: 1px solid #ccd5df;
  background: #fff;
  color: #071d3a;
}
#modal .box button.google:hover {
  border-color: #d8ad4b;
  background: #fffaf0;
}
#modal .box #emailLogin {
  border: 1px solid #071d3a;
  background: #071d3a;
  color: #fff;
}
#modal .box #emailLogin:hover {
  background: #0d2c55;
  border-color: #0d2c55;
}
#modal .box #signup {
  border: 1px solid #d8ad4b;
  background: #fff8e5;
  color: #7d5b13;
}
#modal .box #signup:hover {
  background: #fff0c5;
}
#modal .box .or {
  margin: 14px 0 4px;
  color: #8a96a4;
  font: 600 13px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .8px;
}
#modal .box .row {
  display: contents;
}

/* V17 Admin Panel */
.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;margin:24px 0 18px;border-radius:18px;background:linear-gradient(135deg,#071d3a,#0d315d);color:#fff;box-shadow:0 12px 30px rgba(7,29,58,.12)}
.admin-hero span{font-size:11px;letter-spacing:1.8px;color:#e1b95b;font-weight:800}.admin-hero h1{margin:5px 0 6px;font-size:30px}.admin-hero p{margin:0;color:#d8e0ea}.admin-refresh{border:1px solid #d8ad4b;background:#fff8e5;color:#735611;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-tab{border:1px solid #d9e0e8;background:#fff;color:#24364d;border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer}.admin-tab.active{background:#071d3a;color:#fff;border-color:#071d3a}.admin-layout{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:18px}.admin-card{background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(7,29,58,.06)}.admin-card h2{margin:0 0 16px;color:#071d3a;font-size:20px}.admin-form{display:grid;gap:11px}.admin-form label{font-size:12px;font-weight:800;color:#526173}.admin-form input,.admin-form textarea,.admin-form select{width:100%;box-sizing:border-box;border:1px solid #cfd7e1;border-radius:9px;padding:11px 12px;background:#fff;color:#071d3a;font:500 14px Arial,Helvetica,sans-serif;outline:none}.admin-form textarea{min-height:100px;resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#d8ad4b;box-shadow:0 0 0 3px rgba(216,173,75,.14)}.admin-check{display:flex;align-items:center;gap:8px;font-size:13px!important}.admin-check input{width:auto}.admin-primary{border:1px solid #071d3a;background:#071d3a;color:#fff;border-radius:9px;padding:12px 15px;font-weight:800;cursor:pointer}.admin-secondary{border:1px solid #d4dbe4;background:#fff;color:#26384e;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.admin-form-actions{display:flex;gap:9px;margin-top:4px}.admin-list{display:grid;gap:10px;max-height:680px;overflow:auto}.admin-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e2e7ed;border-radius:12px;padding:14px;background:#fff}.admin-row-main{min-width:0}.admin-row-main strong{display:block;color:#071d3a}.admin-row-main small{display:block;color:#718095;margin-top:4px}.admin-row-actions{display:flex;gap:7px;flex-shrink:0}.admin-row-actions button{border:1px solid #d5dce5;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.admin-row-actions .edit{color:#735611;border-color:#dfc477;background:#fffaf0}.admin-row-actions .delete{color:#a33b3b}.admin-empty{padding:35px 15px;text-align:center;color:#7b8795;border:1px dashed #ccd4df;border-radius:12px}.admin-note{font-size:12px;color:#718095;margin:0 0 14px;line-height:1.5}.admin-danger{color:#a33b3b}.admin-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-question-preview{font-size:12px;color:#526173;line-height:1.45;max-width:520px}.admin-badge{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#eef3f8;color:#526173;font-size:10px;font-weight:800}.admin-badge.inactive{background:#fff0f0;color:#a33b3b}
@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.admin-hero{padding:22px}.admin-row{align-items:flex-start;flex-direction:column}.admin-row-actions{width:100%}.admin-row-actions button{flex:1}.admin-inline{grid-template-columns:1fr}}

/* V17.3 Admin Bulk CSV Import — matching the existing navy/gold admin cards */
.admin-bulk-wrap{display:grid;gap:18px}.admin-bulk-intro{background:linear-gradient(135deg,#071d3a,#12345b);color:#fff}.admin-bulk-intro h2{color:#fff;font-size:24px;margin:7px 0 8px}.admin-bulk-intro .admin-note{color:#d9e2ef;max-width:900px}.admin-bulk-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#e6bf5b}.admin-bulk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.admin-bulk-step{display:grid;gap:5px;border:1px solid rgba(230,191,91,.3);background:rgba(255,255,255,.06);border-radius:12px;padding:14px}.admin-bulk-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6bf5b;color:#071d3a;font-weight:900}.admin-bulk-step strong{font-size:13px;color:#fff}.admin-bulk-step small{font-size:11px;color:#d3dbea}.admin-bulk-file-note{border:1px dashed #d5dce5;border-radius:10px;padding:12px;color:#65758a;font-size:13px;background:#f8fafc}.admin-bulk-empty{border:1px dashed #ccd4df;border-radius:12px;padding:28px;text-align:center;color:#718095;background:#fafbfd}.admin-bulk-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.admin-bulk-stats>div{display:grid;gap:4px;padding:14px;border:1px solid #e0e5eb;border-radius:12px;background:#f8fafc}.admin-bulk-stats strong{font-size:24px;color:#071d3a}.admin-bulk-stats span{font-size:11px;color:#718095;font-weight:800}.admin-bulk-samples{margin-top:20px}.admin-bulk-samples h3{color:#071d3a;font-size:16px}.admin-bulk-question{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid #e8edf2}.admin-bulk-question strong{font-size:13px;color:#142a45;line-height:1.5}.admin-bulk-question small{font-size:12px;color:#718095;line-height:1.5;overflow-wrap:anywhere}.admin-bulk-warning{padding:12px;border-radius:10px;background:#fff6e7;color:#805b12;font-size:13px}.admin-bulk-success{padding:14px;border-radius:10px;background:#edf8f0;color:#23663a;margin:14px 0;font-weight:700}.admin-primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:800px){.admin-bulk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-bulk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V17.4 Admin Field UI Polish — visual-only enhancement; preserve existing admin behavior */
#adminScreen{--admin-navy:#071d3a;--admin-navy-2:#12345b;--admin-gold:#e6bf5b;--admin-border:#dce4ed;--admin-muted:#6c7c90}
#adminScreen .admin-hero{position:relative;overflow:hidden;border:1px solid rgba(230,191,91,.3);padding:clamp(22px,3vw,34px);border-radius:20px;box-shadow:0 16px 36px rgba(7,29,58,.14)}
#adminScreen .admin-hero:after{content:"";position:absolute;right:-55px;top:-90px;width:230px;height:230px;border:1px solid rgba(230,191,91,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 46px rgba(255,255,255,.02);pointer-events:none}
#adminScreen .admin-hero>div,#adminScreen .admin-hero button{position:relative;z-index:1}
#adminScreen .admin-hero h1{letter-spacing:-.5px}
#adminScreen .admin-refresh{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
#adminScreen .admin-refresh:hover{transform:translateY(-1px);background:#fff0c5;box-shadow:0 6px 16px rgba(0,0,0,.12)}
#adminScreen .admin-tabs{gap:9px;padding:7px;background:#f1f5f9;border:1px solid #e1e8f0;border-radius:14px}
#adminScreen .admin-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:10px;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
#adminScreen .admin-tab:hover{border-color:#d9c17b;background:#fffaf0;transform:translateY(-1px)}
#adminScreen .admin-tab.active{background:linear-gradient(135deg,#071d3a,#12345b);border-color:#d6b14e;color:#fff;box-shadow:0 5px 14px rgba(7,29,58,.16)}
#adminScreen .admin-layout{align-items:start;gap:20px}
#adminScreen .admin-card{min-width:0;padding:clamp(17px,2vw,24px);border-color:#e0e7ef;border-radius:17px;box-shadow:0 8px 24px rgba(7,29,58,.055);transition:box-shadow .2s ease,border-color .2s ease}
#adminScreen .admin-card h2{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.2px;margin-bottom:10px}
#adminScreen .admin-card h2:after{content:"";height:3px;width:28px;background:var(--admin-gold);border-radius:99px;margin-left:auto}
#adminScreen .admin-form{gap:15px}
#adminScreen .admin-form>label:not(.admin-check){display:grid;gap:7px;font-size:12px;line-height:1.35;color:#3e5066;letter-spacing:.15px}
#adminScreen .admin-form label .field-hint{display:block;color:#8190a2;font-size:11px;font-weight:500;letter-spacing:0;line-height:1.45}
#adminScreen .admin-form input:not([type=checkbox]):not([type=radio]),
#adminScreen .admin-form textarea,
#adminScreen .admin-form select{min-width:0;min-height:44px;padding:11px 13px;border:1px solid #ccd7e3;border-radius:10px;background:#fbfcfe;color:#102944;font:500 14px/1.45 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 2px rgba(7,29,58,.025);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
#adminScreen .admin-form textarea{min-height:112px;line-height:1.55;resize:vertical}
#adminScreen .admin-form input::placeholder,#adminScreen .admin-form textarea::placeholder{color:#9aa7b6;font-weight:400}
#adminScreen .admin-form input:not([type=checkbox]):not([type=radio]):hover,
#adminScreen .admin-form textarea:hover,#adminScreen .admin-form select:hover{border-color:#aebed0;background:#fff}
#adminScreen .admin-form input:not([type=checkbox]):not([type=radio]):focus,
#adminScreen .admin-form textarea:focus,#adminScreen .admin-form select:focus{border-color:#c89e32;background:#fff;box-shadow:0 0 0 3px rgba(230,191,91,.2);outline:none}
#adminScreen .admin-form input[type=number]{font-variant-numeric:tabular-nums}
#adminScreen .admin-form input[type=file]{min-height:50px;padding:8px;background:#f8fafc;border:1px dashed #b9c7d6;cursor:pointer}
#adminScreen .admin-form input[type=file]::file-selector-button{margin-right:12px;padding:9px 13px;border:1px solid #d5b65f;border-radius:8px;background:#fff7df;color:#604a12;font-weight:800;cursor:pointer;transition:background .18s ease}
#adminScreen .admin-form input[type=file]::file-selector-button:hover{background:#ffefbd}
#adminScreen .admin-form input[type=checkbox]{appearance:none;flex:0 0 19px;width:19px;height:19px;margin:0;border:1px solid #b9c7d6;border-radius:5px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}
#adminScreen .admin-form input[type=checkbox]:before{content:"";width:9px;height:5px;border-left:2px solid #071d3a;border-bottom:2px solid #071d3a;transform:rotate(-45deg) scale(0);transition:transform .12s ease}
#adminScreen .admin-form input[type=checkbox]:checked{background:var(--admin-gold);border-color:#c39a2c}
#adminScreen .admin-form input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}
#adminScreen .admin-form .admin-check{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e0e7ef;border-radius:10px;background:#f8fafc;color:#30445b;font-size:13px!important;cursor:pointer;transition:border-color .15s ease,background .15s ease}
#adminScreen .admin-form .admin-check:has(input:checked){border-color:#e4ce8e;background:#fffaf0}
#adminScreen .admin-inline{gap:12px;align-items:start}
#adminScreen .admin-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;padding-top:15px;border-top:1px solid #edf1f5}
#adminScreen .admin-primary,#adminScreen .admin-secondary{min-height:43px;padding:11px 17px;border-radius:10px;font-size:13px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
#adminScreen .admin-primary{background:linear-gradient(135deg,#071d3a,#12345b);border-color:#cda842;box-shadow:0 4px 10px rgba(7,29,58,.1)}
#adminScreen .admin-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px rgba(7,29,58,.17)}
#adminScreen .admin-secondary:hover{background:#f4f7fa;border-color:#aebed0}
#adminScreen .admin-note{font-size:12px;line-height:1.65;color:#718096}
#adminScreen .admin-list{gap:9px;padding:2px;scrollbar-width:thin;scrollbar-color:#c4cfdb transparent}
#adminScreen .admin-row{border-color:#e1e8ef;border-radius:12px;padding:14px 15px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#adminScreen .admin-row:hover{border-color:#d9c17b;box-shadow:0 5px 14px rgba(7,29,58,.055);transform:translateY(-1px)}
#adminScreen .admin-row-main strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#adminScreen .admin-row-main small{font-size:11px;line-height:1.55;overflow-wrap:anywhere}
#adminScreen .admin-row-actions button{min-height:34px;border-radius:8px;transition:background .15s ease,border-color .15s ease}
#adminScreen .admin-row-actions .edit:hover{background:#fff1c9;border-color:#cda842}
#adminScreen .admin-row-actions .delete:hover{background:#fff1f1;border-color:#e5a4a4}
#adminScreen .admin-badge{vertical-align:middle;margin:3px 0 3px 6px}
#adminScreen .admin-empty{border-radius:13px;background:linear-gradient(180deg,#fbfcfe,#f6f8fb);line-height:1.6}
#adminScreen .admin-bulk-wrap .admin-card:not(.admin-bulk-intro){background:linear-gradient(180deg,#fff,#fcfdff)}
#adminScreen .admin-bulk-intro{border-color:rgba(230,191,91,.38);box-shadow:0 14px 30px rgba(7,29,58,.12)}
#adminScreen .admin-bulk-step{min-height:112px;align-content:start;transition:background .16s ease,border-color .16s ease}
#adminScreen .admin-bulk-step:hover{background:rgba(255,255,255,.1);border-color:rgba(230,191,91,.62)}
#adminScreen .admin-bulk-file-note{background:#f8fafc;border-color:#c6d2df;line-height:1.55;overflow-wrap:anywhere}
#adminScreen .admin-bulk-empty{line-height:1.6;background:#fafbfd}
#adminScreen .admin-bulk-stats>div{border-radius:12px;transition:border-color .15s ease,transform .15s ease}
#adminScreen .admin-bulk-stats>div:hover{border-color:#d7bd72;transform:translateY(-1px)}
#adminScreen .admin-bulk-warning{border:1px solid #f0d7a5;line-height:1.55}
#adminScreen .admin-bulk-success{border:1px solid #bfe3c9;line-height:1.55}
#adminScreen #bulkPreviewCard{overflow:hidden}
#adminScreen #bulkPreviewCard table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
#adminScreen #bulkPreviewCard th{position:sticky;top:0;background:#f1f5f9;color:#34475d;text-align:left;font-weight:800}
#adminScreen #bulkPreviewCard th,#adminScreen #bulkPreviewCard td{padding:10px;border-bottom:1px solid #e5ebf2;vertical-align:top}
#adminScreen #bulkPreviewCard td{overflow-wrap:anywhere;line-height:1.5}
#adminScreen .admin-question-preview{line-height:1.6}
@media(max-width:800px){
 #adminScreen .admin-hero{align-items:flex-start;flex-direction:column;gap:16px}
 #adminScreen .admin-hero h1{font-size:26px}
 #adminScreen .admin-refresh{align-self:flex-start}
 #adminScreen .admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px}
 #adminScreen .admin-tab{padding:10px 8px;font-size:12px;min-height:42px}
 #adminScreen .admin-card{padding:16px}
 #adminScreen .admin-form-actions>*{flex:1 1 140px}
 #adminScreen .admin-bulk-step{min-height:100px;padding:12px}
 #adminScreen .admin-bulk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #adminScreen #bulkPreviewCard{overflow-x:auto}
}
@media(max-width:420px){#adminScreen .admin-inline{grid-template-columns:1fr}#adminScreen .admin-form-actions>*{width:100%}}

/* V17.5 Premium Admin Studio redesign — visual layer only */
#adminScreen{--admin-navy:#071d3a;--admin-navy-2:#12345b;--admin-gold:#e6bf5b;--admin-ink:#142b46;--admin-muted:#708198;--admin-line:#e0e7ef;padding-bottom:32px}
#adminScreen .admin-hero{margin-top:22px;min-height:145px;padding:30px 34px;background:radial-gradient(circle at 84% 18%,rgba(230,191,91,.18),transparent 24%),linear-gradient(120deg,#06172f 0%,#0b2c52 58%,#16416a 100%);border:1px solid rgba(230,191,91,.58);box-shadow:0 18px 40px rgba(7,29,58,.2)}
#adminScreen .admin-hero span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(230,191,91,.35);border-radius:999px;background:rgba(255,255,255,.055);font-size:10px;letter-spacing:2px}
#adminScreen .admin-hero h1{font-size:clamp(27px,3vw,36px);margin:11px 0 7px;font-weight:850;letter-spacing:-.8px}
#adminScreen .admin-hero p{font-size:14px;max-width:600px;color:#dbe6f2}
#adminScreen .admin-refresh{border-radius:12px;padding:12px 17px;box-shadow:0 6px 16px rgba(0,0,0,.13);font-size:13px}
#adminScreen .admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;background:transparent;border:0;margin:0 0 20px}
#adminScreen .admin-tab{min-width:0;min-height:58px;justify-content:flex-start;padding:14px 16px;border:1px solid #dce4ee;border-radius:13px;background:#fff;color:#31445c;box-shadow:0 4px 12px rgba(7,29,58,.035);font-size:13px;font-weight:800;text-align:left}
#adminScreen .admin-tab.active{background:linear-gradient(135deg,#071d3a,#12345b);border-color:#d9b54d;color:#fff;box-shadow:0 8px 18px rgba(7,29,58,.16)}
#adminScreen .admin-tab.active:before{content:"";width:4px;height:25px;border-radius:4px;background:#e6bf5b;flex:0 0 4px}
#adminScreen .admin-layout{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:20px;align-items:stretch}
#adminScreen .admin-card{min-width:0;padding:23px;border:1px solid #e0e7ef;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fdfefe 100%);box-shadow:0 10px 28px rgba(7,29,58,.065)}
#adminScreen .admin-editor-card{position:relative;overflow:hidden;border-top:3px solid #d9b44d}
#adminScreen .admin-card-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 21px;padding-bottom:17px;border-bottom:1px solid #edf1f5}
#adminScreen .admin-step-number{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#fff4cc,#e6bf5b);color:#071d3a;font-size:13px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(154,113,21,.16)}
#adminScreen .admin-eyebrow{display:block;color:#9b771e;font-size:9px;font-weight:900;letter-spacing:1.8px;margin:1px 0 5px}
#adminScreen .admin-card-heading h2{margin:0;color:#071d3a;font-size:22px;letter-spacing:-.5px;line-height:1.25}
#adminScreen .admin-card-heading p{margin:6px 0 0;color:#7a889a;font-size:12px;line-height:1.55;font-weight:500}
#adminScreen .admin-card:not(.admin-editor-card)>h2{font-size:20px;letter-spacing:-.35px;padding-bottom:14px;border-bottom:1px solid #edf1f5}
#adminScreen .admin-form{gap:16px}
#adminScreen .admin-form>label:not(.admin-check){gap:8px;font-size:12px;font-weight:850;color:#354a63;letter-spacing:.1px}
#adminScreen .admin-form input:not([type=checkbox]):not([type=radio]),#adminScreen .admin-form textarea,#adminScreen .admin-form select{min-height:47px;padding:12px 14px;border:1px solid #d3dce7;border-radius:11px;background:#f9fbfd;color:#102944;font-size:14px;box-shadow:0 1px 2px rgba(7,29,58,.02)}
#adminScreen .admin-form textarea{min-height:118px;line-height:1.65}
#adminScreen .admin-form input::placeholder,#adminScreen .admin-form textarea::placeholder{color:#a2adba;font-weight:400}
#adminScreen .admin-form input:focus,#adminScreen .admin-form textarea:focus,#adminScreen .admin-form select:focus{background:#fff;border-color:#c49a2e;box-shadow:0 0 0 4px rgba(230,191,91,.19)}
#adminScreen .admin-inline{gap:13px}
#adminScreen .admin-form .admin-check{min-height:43px;padding:11px 13px;border-radius:11px;background:#f7f9fc;font-size:12px!important;font-weight:750}
#adminScreen .admin-form-actions{margin-top:7px;padding-top:17px;gap:11px}
#adminScreen .admin-primary{min-height:46px;padding:12px 19px;border-radius:11px;background:linear-gradient(130deg,#071d3a,#153a61);border:1px solid #d7b24e;box-shadow:0 6px 13px rgba(7,29,58,.13);font-weight:850}
#adminScreen .admin-secondary{min-height:46px;border-radius:11px;background:#fff;color:#334a63;font-weight:800}
#adminScreen .admin-list{max-height:760px;gap:10px;padding:1px 4px 1px 1px}
#adminScreen .admin-row{align-items:center;padding:15px 16px;border-radius:13px;background:#fff;border-color:#e4eaf1}
#adminScreen .admin-row-main strong{font-size:13px;line-height:1.55;color:#112b48}
#adminScreen .admin-row-main small{font-size:11px;line-height:1.6;color:#8190a2;overflow-wrap:anywhere}
#adminScreen .admin-row-actions button{padding:8px 12px;border-radius:9px;font-size:11px}
#adminScreen .admin-row-actions .edit{background:#fff8e5;border-color:#e7ce84;color:#765813}
#adminScreen .admin-row-actions .delete{background:#fff7f7;border-color:#efd2d2}
#adminScreen .admin-empty{background:linear-gradient(180deg,#fbfcfe,#f4f7fa);border-radius:14px;padding:36px 18px}
#adminScreen .admin-bulk-wrap{gap:18px}
#adminScreen .admin-bulk-intro{padding:28px;background:radial-gradient(circle at 92% 4%,rgba(230,191,91,.16),transparent 23%),linear-gradient(125deg,#07172f,#12365e);border:1px solid rgba(230,191,91,.48);border-radius:18px}
#adminScreen .admin-bulk-intro h2{font-size:26px;letter-spacing:-.5px;margin:8px 0 10px}
#adminScreen .admin-bulk-steps{gap:12px;margin-top:24px}
#adminScreen .admin-bulk-step{min-height:124px;padding:16px;border-radius:13px;background:rgba(255,255,255,.065);border-color:rgba(230,191,91,.27)}
#adminScreen .admin-bulk-step span{width:31px;height:31px;font-size:12px;box-shadow:0 3px 8px rgba(0,0,0,.15)}
#adminScreen .admin-bulk-step strong{font-size:13px}
#adminScreen .admin-bulk-step small{line-height:1.45}
#adminScreen .admin-bulk-wrap>.admin-card:not(.admin-bulk-intro){padding:24px}
#adminScreen .admin-bulk-file-note{padding:15px;border-radius:12px;background:#f5f8fc;border-color:#b9c9db}
#adminScreen .admin-bulk-stats>div{padding:15px;border-radius:13px;background:linear-gradient(180deg,#fbfcfe,#f4f7fa)}
#adminScreen .admin-bulk-stats strong{font-size:26px;letter-spacing:-.7px}
#adminScreen .admin-bulk-question{padding:15px 0}
#adminScreen .admin-bulk-question strong{font-size:13px;line-height:1.65}
#adminScreen #bulkPreviewCard{min-width:0}
#adminScreen #bulkPreviewCard table{min-width:620px}
#adminScreen .admin-bulk-success,#adminScreen .admin-bulk-warning{border-radius:12px;padding:14px 16px}
@media(max-width:1050px){#adminScreen .admin-layout{grid-template-columns:minmax(0,1fr)}#adminScreen .admin-list{max-height:520px}#adminScreen .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#adminScreen .admin-hero{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}#adminScreen .admin-hero h1{font-size:27px}#adminScreen .admin-refresh{align-self:flex-start}#adminScreen .admin-tabs{gap:7px}#adminScreen .admin-tab{min-height:50px;padding:10px;font-size:12px}#adminScreen .admin-card{padding:17px;border-radius:15px}#adminScreen .admin-card-heading h2{font-size:20px}#adminScreen .admin-inline{grid-template-columns:1fr}#adminScreen .admin-form-actions>*{flex:1 1 100%}#adminScreen .admin-bulk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#adminScreen .admin-bulk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#adminScreen .admin-row{align-items:flex-start;flex-direction:column}#adminScreen .admin-row-actions{width:100%}#adminScreen .admin-row-actions button{flex:1}}

/* V17.6 — Admin dashboard visual match to the supplied reference.
   Scope intentionally limited to #adminScreen; all application logic is unchanged. */
#adminScreen{--admin-navy:#061a34;--admin-navy-2:#0b2b50;--admin-gold:#e6bf5b;--admin-line:#dfe7f0;color:#0a1c36}
#adminScreen .admin-hero{position:relative;isolation:isolate;min-height:150px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:22px 0 18px;padding:27px 30px;border:1px solid rgba(230,191,91,.5);border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(2,15,33,.98) 0%,rgba(3,25,51,.93) 38%,rgba(4,28,55,.38) 73%,rgba(3,18,38,.2) 100%),url('assets/vidhansabha.png') right center/auto 100% no-repeat,#061a34;box-shadow:0 8px 22px rgba(7,29,58,.13)}
#adminScreen .admin-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(2,13,29,.1),transparent 55%);pointer-events:none}
#adminScreen .admin-hero>div{min-width:0}
#adminScreen .admin-hero span{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid rgba(230,191,91,.7);border-radius:999px;color:#ffdc7c;background:rgba(3,18,38,.45);font-size:11px;font-weight:850;letter-spacing:2px}
#adminScreen .admin-hero h1{margin:8px 0 5px;font-size:clamp(30px,3vw,42px);line-height:1.08;font-weight:900;letter-spacing:-.7px;color:#fff}
#adminScreen .admin-hero h1:first-letter{color:#f2cf70}
#adminScreen .admin-hero p{margin:0;max-width:560px;color:#f0f4fa;font-size:15px;line-height:1.5}
#adminScreen .admin-refresh{flex:0 0 auto;min-height:48px;padding:12px 21px;border:1px solid #f0d17b;border-radius:12px;background:linear-gradient(135deg,#ffe99b,#d7a934);color:#071a32;font-size:14px;font-weight:900;box-shadow:0 6px 16px rgba(0,0,0,.12)}
#adminScreen .admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;margin:0 0 18px;padding:0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:0 5px 16px rgba(7,29,58,.07)}
#adminScreen .admin-tab{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:62px;margin:0;padding:14px 12px;border:0;border-right:1px solid #e1e6ed;border-radius:0;background:transparent;color:#0b2345;font-size:14px;font-weight:900;text-align:center;box-shadow:none;transform:none}
#adminScreen .admin-tab:last-child{border-right:0}
#adminScreen .admin-tab:hover{background:#fff8e7;border-color:#e1c36d;transform:none}
#adminScreen .admin-tab.active{margin:0;background:linear-gradient(110deg,#03152c,#06264a);color:#fff;border:1px solid #d8b247;border-radius:14px;box-shadow:inset 5px 0 0 #e8c55e,0 3px 9px rgba(7,29,58,.12)}
#adminScreen .admin-tab.active:before{display:none}
#adminScreen .admin-layout{grid-template-columns:minmax(320px,.58fr) minmax(0,1fr);gap:16px;align-items:stretch}
#adminScreen .admin-card{min-width:0;padding:22px;border:1px solid #e2e9f1;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 5px 18px rgba(7,29,58,.075)}
#adminScreen .admin-editor-card{border-top:3px solid #d9ad36;padding:22px 22px 20px}
#adminScreen .admin-card-heading{align-items:center;gap:13px;margin-bottom:19px;padding-bottom:16px;border-bottom:1px solid #edf1f5}
#adminScreen .admin-step-number{width:52px;height:52px;flex-basis:52px;border-radius:50%;background:linear-gradient(145deg,#ffe99b,#d6a32c);font-size:18px;color:#071a32;box-shadow:none}
#adminScreen .admin-eyebrow{font-size:10px;letter-spacing:1.7px;color:#604816}
#adminScreen .admin-card-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.12;color:#071a32;letter-spacing:-.55px}
#adminScreen .admin-card-heading p{font-size:12px;color:#718096;line-height:1.5}
#adminScreen .admin-form{gap:14px}
#adminScreen .admin-form>label:not(.admin-check){gap:7px;color:#101f35;font-size:12px;font-weight:850}
#adminScreen .admin-form input:not([type=checkbox]):not([type=radio]),#adminScreen .admin-form textarea,#adminScreen .admin-form select{min-height:44px;padding:11px 13px;border:1px solid #d4deea;border-radius:10px;background:#fff;color:#132844;font-size:14px;box-shadow:none}
#adminScreen .admin-form textarea{min-height:82px}
#adminScreen .admin-form input:focus,#adminScreen .admin-form textarea:focus,#adminScreen .admin-form select:focus{border-color:#d2a52d;box-shadow:0 0 0 3px rgba(230,191,91,.18)}
#adminScreen .admin-form .admin-check{border:0;background:transparent;padding:5px 3px;min-height:32px;font-size:13px!important;font-weight:600;color:#26384f}
#adminScreen .admin-form-actions{padding-top:13px;margin-top:2px;border-top:0}
#adminScreen .admin-primary{min-height:45px;padding:12px 18px;border:1px solid #d7b044;border-radius:10px;background:linear-gradient(110deg,#061a34,#0a2b50);color:#ffda73;box-shadow:0 4px 10px rgba(7,29,58,.13);font-weight:900}
#adminScreen .admin-secondary{min-height:45px;padding:11px 17px;border:1px solid #d6e0ea;border-radius:10px;background:#edf2f7;color:#14243b}
#adminScreen .admin-card:not(.admin-editor-card)>h2{padding-bottom:0;margin:0 0 5px;border:0;font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.2;color:#071a32;letter-spacing:-.55px}
#adminScreen .admin-card:not(.admin-editor-card)>.admin-note{margin:0 0 17px;font-size:12px;color:#7b8ba0}
#adminScreen .admin-list{gap:0;max-height:760px;padding:0;border:1px solid #e4ebf2;border-radius:12px;overflow:auto;background:#fff}
#adminScreen .admin-row{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 13px;border:0;border-bottom:1px solid #e7edf4;border-radius:0;background:linear-gradient(90deg,#fff,#f9fbfd);box-shadow:none}
#adminScreen .admin-row:nth-child(even){background:#f7f9fc}
#adminScreen .admin-row:last-child{border-bottom:0}
#adminScreen .admin-row-main{flex:1;min-width:0}
#adminScreen .admin-row-main strong{font-size:13px;font-weight:850;line-height:1.35;color:#0a1b32}
#adminScreen .admin-row-main small{margin-top:3px;font-size:11px;line-height:1.35;color:#7c8ca2}
#adminScreen .admin-row-actions{gap:7px}
#adminScreen .admin-row-actions button{min-width:72px;padding:8px 10px;border:1px solid #dbe5f0;border-radius:9px;background:#edf3fa;color:#132844;font-size:11px;font-weight:850}
#adminScreen .admin-row-actions .edit{background:#eef4fb;border-color:#dbe5f0;color:#102846}
#adminScreen .admin-row-actions .delete{background:#fff0f2;border-color:#ffd6dc;color:#bd2538}
#adminScreen .admin-badge{margin-left:5px;vertical-align:middle}
#adminScreen .admin-bulk-intro{background:linear-gradient(90deg,rgba(3,17,36,.97),rgba(4,30,59,.88)),url('assets/vidhansabha.png') right center/auto 100% no-repeat,#071d3a}
@media(max-width:1050px){#adminScreen .admin-layout{grid-template-columns:minmax(0,1fr)}#adminScreen .admin-list{max-height:560px}#adminScreen .admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#adminScreen .admin-tab{font-size:12px;padding:12px 6px}}
@media(max-width:700px){#adminScreen .admin-hero{min-height:0;padding:22px;background:linear-gradient(90deg,rgba(2,15,33,.98),rgba(3,25,51,.85)),url('assets/vidhansabha.png') right center/auto 100% no-repeat,#061a34}#adminScreen .admin-hero h1{font-size:29px}#adminScreen .admin-hero p{font-size:13px}#adminScreen .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px}#adminScreen .admin-tab{min-height:49px;border-bottom:1px solid #e1e6ed;font-size:12px}#adminScreen .admin-tab:nth-child(2){border-right:0}#adminScreen .admin-tab:nth-child(3),#adminScreen .admin-tab:nth-child(4){border-bottom:0}#adminScreen .admin-card{padding:17px}#adminScreen .admin-card-heading h2{font-size:23px}#adminScreen .admin-row{align-items:flex-start;flex-direction:column;gap:9px}#adminScreen .admin-row-actions{width:100%}#adminScreen .admin-row-actions button{flex:1}}


/* V17.7: Typography refinement scoped exclusively to Admin Panel. */
#adminScreen { font-family: "Inter", Arial, sans-serif; }
#adminScreen .admin-hero h1,
#adminScreen .admin-card h2,
#adminScreen .admin-card-heading h2,
#adminScreen .admin-section-title,
#adminScreen .admin-form-title { font-family: "Playfair Display", Georgia, serif; font-weight: 700; letter-spacing: -0.025em; }
#adminScreen .admin-hero p,
#adminScreen .admin-hero span,
#adminScreen .admin-tabs,
#adminScreen .admin-tab,
#adminScreen .admin-refresh,
#adminScreen .admin-form,
#adminScreen .admin-form label,
#adminScreen .admin-form input,
#adminScreen .admin-form textarea,
#adminScreen .admin-form select,
#adminScreen .admin-primary,
#adminScreen .admin-secondary,
#adminScreen .admin-row,
#adminScreen .admin-row-actions button,
#adminScreen .admin-note,
#adminScreen .admin-question-preview,
#adminScreen .admin-bulk-steps,
#adminScreen .admin-bulk-stats { font-family: "Inter", Arial, sans-serif; }
#adminScreen .admin-tab,
#adminScreen .admin-refresh,
#adminScreen .admin-primary,
#adminScreen .admin-secondary,
#adminScreen .admin-row-actions button { font-weight: 700; }

/* V17.8: Lucide-style inline icons scoped exclusively to Admin Panel */
#adminScreen .admin-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0;vertical-align:middle}
#adminScreen .admin-icon-svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none}
#adminScreen .admin-tab .admin-icon-svg{width:22px;height:22px;stroke-width:2}
#adminScreen .admin-tab{display:flex;align-items:center;justify-content:center;gap:10px}
#adminScreen .admin-tab .admin-icon{color:#102846}
#adminScreen .admin-tab.active .admin-icon{color:#f5cf62}
#adminScreen .admin-refresh{display:inline-flex;align-items:center;justify-content:center;gap:9px}
#adminScreen .admin-refresh .admin-icon-svg{width:19px;height:19px}
#adminScreen .admin-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px}
#adminScreen .admin-primary .admin-icon-svg{width:19px;height:19px}
#adminScreen .admin-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#adminScreen .admin-row-actions .admin-icon-svg{width:16px;height:16px;stroke-width:2}
#adminScreen .admin-row-actions .edit .admin-icon{color:#102846}
#adminScreen .admin-row-actions .delete .admin-icon{color:#d3233b}
#adminScreen .admin-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#adminScreen .admin-secondary .admin-icon-svg{width:17px;height:17px}
@media(max-width:700px){#adminScreen .admin-tab{gap:7px}#adminScreen .admin-tab .admin-icon-svg{width:19px;height:19px}}


/* MGJ v17.9 — mobile navigation header fix ported from verified v13.16 v4.
   Mobile only: brand on first row, all five nav tabs + account in a 3x2 grid.
   Desktop and application logic remain unchanged. */
@media (max-width:850px){
  header.image-header.three-layer-header{
    position:relative!important;
    box-sizing:border-box!important;
    height:160px!important;
    min-height:160px!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-rows:74px 78px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:hidden!important;
    background:#061a34!important;
  }
  header.image-header.three-layer-header .header-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    opacity:1!important;
    background-size:auto 160px!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  header.image-header.three-layer-header .header-brand-layer{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:74px!important;
    min-width:0!important;
    min-height:74px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:5px 8px!important;
    margin:0!important;
    z-index:20!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:hidden!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
  }
  header.image-header.three-layer-header .header-brand-layer::before{
    content:""!important;
    position:absolute!important;
    inset:4px 0!important;
    border:1px solid rgba(229,187,81,.38)!important;
    border-radius:10px!important;
    background:rgba(3,20,40,.58)!important;
    z-index:-1!important;
  }
  header.image-header.three-layer-header .header-logo{
    position:relative!important;
    z-index:2!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    flex:0 0 54px!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  header.image-header.three-layer-header .header-brand-copy{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    min-width:0!important;
    max-width:calc(100% - 63px)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  header.image-header.three-layer-header .header-brand-copy strong{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#f5ce70!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:0 2px 3px rgba(0,0,0,.6)!important;
  }
  header.image-header.three-layer-header .header-brand-copy small{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
    font:600 9px Arial,sans-serif!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    min-width:0!important;
    margin:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:34px 34px!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
    background:rgba(4,20,42,.92)!important;
    border:1px solid rgba(229,187,81,.58)!important;
    border-radius:11px!important;
    box-shadow:0 3px 10px rgba(0,0,0,.22)!important;
    z-index:30!important;
    box-sizing:border-box!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav > #userLabel{
    display:none!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav > .nav-btn,
  header.image-header.three-layer-header .header-actions.three-layer-nav > .login{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:31!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    flex:initial!important;
    padding:0 4px!important;
    margin:0!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:1!important;
    gap:3px!important;
    overflow:hidden!important;
    justify-content:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav > .nav-btn{
    background:rgba(8,35,69,.96)!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav > #login{
    background:linear-gradient(#f6d66f,#edbd42)!important;
    color:#071d3a!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav .nav-icon,
  header.image-header.three-layer-header .header-actions.three-layer-nav .nav-icon svg{
    display:inline-flex!important;
    flex:0 0 14px!important;
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
  }
  header.image-header.three-layer-header .header-actions.three-layer-nav .nav-btn span:last-child,
  header.image-header.three-layer-header .header-actions.three-layer-nav .login span:last-child{
    display:inline-block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  main{
    padding-top:204px!important;
    min-height:calc(100vh - 160px)!important;
  }
  .screen{
    min-height:calc(100vh - 160px)!important;
  }
}

/* Study Material feature: isolated styles for the Android-compatible PDF library. */
.study-material-content{display:flex;flex-direction:column;gap:14px}.study-material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}.study-material-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:20px;border:1px solid rgba(193,151,61,.28);border-radius:18px;background:linear-gradient(145deg,#fff,#f8f6f0);color:#102747;box-shadow:0 8px 22px rgba(10,30,58,.06);cursor:pointer}.study-material-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#102747;color:#e4bd65;font-size:24px}.study-material-card strong{font-size:17px}.study-material-card small{color:#667085}.study-material-open{font-size:13px;color:#a8791d;font-weight:700;margin-top:3px}.study-inline-back{align-self:flex-start;border:1px solid #d7dce4;background:#fff;border-radius:10px;padding:10px 14px;color:#102747;font-weight:700;cursor:pointer}.study-pdf-card{display:flex;align-items:center;gap:14px;border:1px solid #e0e5ec;background:#fff;border-radius:15px;padding:16px;margin:10px 0;box-shadow:0 4px 16px rgba(10,30,58,.04)}.study-pdf-icon{display:grid;place-items:center;flex:0 0 48px;height:58px;border-radius:10px;background:#fbe9e7;color:#b42318;font-size:13px;font-weight:800}.study-pdf-info{flex:1;min-width:0}.study-pdf-info strong{color:#102747}.study-pdf-info p{margin:5px 0;color:#667085;font-size:13px}.study-pdf-info small{display:block;margin-top:6px;color:#8b6b2b}.study-pdf-card>button{border:0;border-radius:10px;padding:11px 15px;background:#102747;color:#f3ce76;font-weight:700;cursor:pointer}.study-premium-tag{display:inline-block;margin-left:6px;font-size:10px;color:#8a5b00;background:#fff0c2;padding:3px 6px;border-radius:5px}.study-pdf-content{height:min(78vh,900px);min-height:460px;display:flex;flex-direction:column;gap:10px}.study-pdf-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e0e5ec;border-radius:12px;background:#fff}.study-pdf-toolbar strong{margin-right:auto;color:#102747}.study-pdf-toolbar a{color:#9b721d;font-weight:700;text-decoration:none}.study-pdf-frame{width:100%;flex:1;min-height:400px;border:1px solid #d6dce5;border-radius:12px;background:#fff}.study-admin-layout{align-items:start}.admin-tabs{flex-wrap:wrap}
@media(max-width:650px){.study-material-grid{grid-template-columns:1fr}.study-pdf-card{align-items:flex-start;flex-wrap:wrap}.study-pdf-info{min-width:calc(100% - 70px)}.study-pdf-card>button{width:100%}.study-pdf-content{min-height:420px;height:75vh}.study-pdf-toolbar{gap:10px}.study-pdf-toolbar strong{width:100%}}


/* V17.9 Luxury Navy + Gold Account Drawer — reference-inspired CSS only */
.account-drawer-backdrop{background:rgba(2,9,20,.72);backdrop-filter:blur(5px);}
.account-drawer{
  left:0;right:auto;width:min(596px,94vw);height:calc(100dvh - 4px);top:2px;
  padding:25px 25px 22px;gap:0;overflow-x:hidden;overflow-y:auto;
  color:#f6f0df;background:
    radial-gradient(ellipse at 15% 0%,rgba(17,70,119,.28),transparent 42%),
    radial-gradient(ellipse at 100% 100%,rgba(186,135,35,.10),transparent 35%),
    linear-gradient(145deg,#03172e 0%,#041b36 48%,#021329 100%);
  border:1.5px solid #e8bd4f;border-radius:24px;
  box-shadow:0 0 0 1px rgba(255,226,134,.28),0 0 22px rgba(234,183,61,.28),18px 16px 55px rgba(0,0,0,.42);
  transform:translateX(-105%);transition:transform .3s cubic-bezier(.2,.75,.25,1);
}
.account-drawer.show{transform:translateX(0)}
.account-drawer:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,#a36d16,#fff0a1,#e3ad34,#fff4b6,#a36d16);pointer-events:none}
.account-drawer-head{position:relative;z-index:1;min-height:30px;justify-content:flex-end;align-items:center;margin-bottom:2px}
.account-drawer-head h2,.account-eyebrow{display:none}
.account-drawer-close{position:sticky;top:0;margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#ffcf55;font-size:35px;font-weight:300;box-shadow:none;line-height:1;z-index:3}
.account-drawer-close:hover{background:rgba(255,203,78,.12);color:#fff1a5}
.account-drawer-profile{position:relative;margin:0 -25px 0;padding:10px 28px 22px;min-height:154px;gap:19px;border:0;border-radius:0;background:linear-gradient(155deg,rgba(4,28,55,.4),rgba(2,18,38,.2));overflow:hidden}
.account-drawer-profile:after{content:"";position:absolute;left:-8%;right:-7%;bottom:-43px;height:72px;border-top:2px solid #edc052;border-radius:50% 48% 0 0;box-shadow:0 -5px 18px rgba(255,197,57,.15);transform:rotate(-3deg);pointer-events:none}
.account-drawer-avatar{position:relative;width:122px;height:122px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 25%,#173c62,#03142a 70%);color:#ffe18a;border:5px solid #edbd45;box-shadow:0 0 0 2px #fff0a6,0 0 17px rgba(255,195,54,.55),inset 0 0 15px rgba(0,0,0,.7);font-size:34px}
.account-drawer-avatar:after{content:"♛";position:absolute;right:-5px;top:6px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff0a2,#e5a92e);color:#06172d;border:1px solid #fff1b5;font-size:19px;box-shadow:0 2px 7px #0007}
.account-drawer-identity{position:relative;z-index:1;gap:0;min-width:0;padding-top:3px}
.account-drawer-identity strong{font-size:30px;line-height:1.15;font-weight:800;color:#f8c64e;letter-spacing:-.5px}
.account-drawer-identity>span:not(.account-plan-badge){font-size:19px;line-height:1.35;color:#f3f5fb;opacity:1;margin-top:3px}
.account-plan-badge{margin-top:12px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#ffe28a,#e9ad32);color:#07182c;font-size:14px;font-weight:900;letter-spacing:.2px;box-shadow:0 2px 9px rgba(255,190,49,.2)}
.account-drawer-divider{height:1px;background:linear-gradient(90deg,transparent,#c18c2d 10%,rgba(214,171,77,.3) 88%,transparent);margin:8px 0 18px}
.account-drawer-section-label{display:flex;align-items:center;gap:12px;margin:0 3px 12px;color:#f5c64d;font-size:18px;line-height:1.2;letter-spacing:1.8px;font-weight:900}
.account-drawer-section-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(222,174,66,.7),transparent)}
.account-drawer-item{position:relative;grid-template-columns:70px minmax(0,1fr) 24px;gap:15px;min-height:88px;padding:11px 13px;margin:0 0 7px;border:1px solid rgba(62,111,160,.42);border-radius:19px;background:linear-gradient(100deg,rgba(9,37,69,.8),rgba(3,23,46,.76));color:#f8f0dc;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.account-drawer-item:hover{background:linear-gradient(100deg,rgba(25,55,83,.98),rgba(5,27,51,.98));border-color:rgba(226,181,68,.7);transform:translateX(2px);box-shadow:0 0 15px rgba(215,166,50,.08)}
.account-drawer-item>.drawer-icon{width:70px;height:70px;border-radius:17px;background:linear-gradient(145deg,#102d4a,#03142a);border:1.5px solid #dba936;color:#ffe18a;box-shadow:inset 0 0 0 1px rgba(255,241,174,.06),0 0 7px rgba(255,188,43,.12)}
.drawer-icon svg{width:34px;height:34px;stroke-width:2.1}
.account-drawer-item b{font-size:21px;line-height:1.2;color:#fff0c9;font-weight:800;letter-spacing:-.25px}
.account-drawer-item small{font-size:16px;line-height:1.35;color:#d9e1ef;margin-top:5px}
.account-drawer-item>i{font-size:35px;color:#f7c84e;font-weight:300}

.drawer-icon-bookmarks{color:#ffe08a!important}.drawer-icon-results{color:#ffd66c!important}.drawer-icon-mistakes{color:#ff7770!important;background:linear-gradient(145deg,#32172a,#07172a)!important;border-color:#d92e3e!important}.drawer-icon-profile{color:#ffe08a!important}
.account-drawer-section-label:not(:first-child){margin-top:11px}
.account-logout-item{border-color:#a92232;background:linear-gradient(100deg,rgba(104,13,31,.43),rgba(22,12,30,.92));margin-top:2px}
.account-logout-item:hover{background:linear-gradient(100deg,rgba(129,17,36,.56),rgba(30,12,27,.98));border-color:#ff5b58}
.account-logout-item>.drawer-icon{color:#ff716a!important;background:linear-gradient(145deg,#3b1223,#170f22)!important;border-color:#ef3445!important;box-shadow:0 0 9px rgba(247,44,60,.16)}
.account-logout-item b{color:#ff8278}.account-logout-item small{color:#f0dce0}.account-logout-item>i{color:#ff8b67}
@media(max-width:700px){
 .account-drawer{width:min(596px,96vw);height:calc(100dvh - 8px);top:4px;padding:20px 16px 18px;border-radius:20px}
 .account-drawer-profile{margin:0 -16px;padding:8px 18px 19px;min-height:126px;gap:14px}
 .account-drawer-avatar{width:88px;height:88px;font-size:28px;border-width:4px}
 .account-drawer-avatar:after{width:25px;height:25px;font-size:15px;right:-4px;top:3px}
 .account-drawer-identity strong{font-size:24px}.account-drawer-identity>span:not(.account-plan-badge){font-size:14px}
 .account-plan-badge{font-size:11px;padding:6px 12px;margin-top:8px}
 .account-drawer-section-label{font-size:14px;margin-bottom:9px}
 .account-drawer-item{grid-template-columns:52px minmax(0,1fr) 19px;min-height:70px;padding:8px 9px;gap:11px;border-radius:15px;margin-bottom:6px}
 .account-drawer-item>.drawer-icon{width:52px;height:52px;border-radius:13px}
 .drawer-icon svg{width:27px;height:27px}.account-drawer-item b{font-size:17px}.account-drawer-item small{font-size:12px;margin-top:3px}.account-drawer-item>i{font-size:29px}
 .account-drawer-divider{margin:4px 0 14px}
}
@media(max-height:760px) and (min-width:701px){.account-drawer{padding-top:12px}.account-drawer-profile{min-height:125px}.account-drawer-avatar{width:92px;height:92px}.account-drawer-item{min-height:70px}.account-drawer-item>.drawer-icon{width:54px;height:54px}.account-drawer-item b{font-size:18px}.account-drawer-item small{font-size:13px}}


/* Luxury account drawer: open from the right and keep a compact width. */
@media (min-width: 0px) {
  .account-drawer {
    left: auto !important;
    right: 0 !important;
    width: min(420px, 88vw) !important;
    max-width: 420px;
    height: calc(100dvh - 8px);
    top: 4px;
    border-radius: 20px 0 0 20px;
    transform: translateX(105%);
  }
  .account-drawer.show {
    transform: translateX(0);
  }
}
@media (max-width: 480px) {
  .account-drawer {
    width: min(360px, 88vw) !important;
    padding: 18px 13px 16px;
  }
}

/* V18: compact luxury right-side account drawer, medium typography */
.account-drawer{right:0!important;left:auto!important;width:min(370px,88vw)!important;background:linear-gradient(165deg,#06162d 0%,#09264a 55%,#071a33 100%)!important;color:#f7f8fb!important;border-left:1px solid rgba(215,173,75,.8)!important;padding:20px 17px 18px!important;box-shadow:-14px 0 40px rgba(0,0,0,.32)!important}
.account-drawer-head h2{font-size:21px!important;color:#e8c568!important}
.account-drawer-close{background:#102b4b!important;border-color:rgba(215,173,75,.45)!important;color:#f1d17b!important}
.account-drawer-profile{margin-top:16px!important;padding:12px!important;gap:12px!important;border-color:rgba(215,173,75,.7)!important;background:linear-gradient(135deg,#0b2a4e,#071a33)!important}
.account-drawer-avatar{width:48px!important;height:48px!important;border:2px solid #d7ad4b!important;box-shadow:0 0 0 2px rgba(215,173,75,.14)!important;font-size:18px!important}
.account-drawer-identity strong{font-size:15px!important;color:#fff!important;font-weight:600!important}
.account-drawer-identity>span:not(.account-plan-badge){font-size:12px!important;color:#c7d2e0!important}
.account-plan-badge{font-size:10px!important;background:#d7ad4b!important;color:#071d3a!important}
.account-drawer-divider{background:rgba(215,173,75,.22)!important;margin:15px 0 13px!important}
.account-drawer-section-label,.account-eyebrow{font-size:10px!important;letter-spacing:1.2px!important;color:#e3bd5e!important}
.account-drawer-item{padding:8px 8px!important;grid-template-columns:34px 1fr 18px!important;gap:9px!important;border:1px solid transparent!important;border-radius:11px!important;color:#f3f6fb!important;margin-bottom:2px!important}
.account-drawer-item:hover{background:rgba(215,173,75,.08)!important;transform:none!important}
.account-drawer-item>div b,.account-drawer-item b{font-size:14px!important;font-weight:500!important;color:#f7f8fb!important}
.account-drawer-item small{font-size:11px!important;color:#b9c7d8!important;margin-top:2px!important}
.account-drawer-item>.drawer-icon{width:34px!important;height:34px!important;border:1px solid rgba(215,173,75,.25)!important;background:#102b4b!important;color:#e7c263!important}
.account-drawer-item>.drawer-icon svg{stroke:currentColor!important}
.account-drawer-item i{font-size:20px!important;color:#d7ad4b!important}
.account-drawer-item.active,.account-drawer-item[aria-current="page"]{background:linear-gradient(90deg,rgba(215,173,75,.2),rgba(215,173,75,.06))!important;border-color:rgba(215,173,75,.48)!important}
.account-logout-item{border-color:rgba(220,90,83,.18)!important}
.account-logout-item b{color:#ffaaa4!important}
.account-logout-item>.drawer-icon{background:rgba(163,55,55,.18)!important;color:#ff8c84!important;border-color:rgba(255,140,132,.25)!important}
@media(max-width:700px){.account-drawer{width:min(350px,88vw)!important;padding:18px 15px 16px!important}.account-drawer-item b{font-size:14px!important}.account-drawer-item small{font-size:11px!important}}


/* V18 verified final overrides: compact right-side luxury drawer, medium typography */
.account-drawer{left:auto!important;right:0!important;width:min(370px,88vw)!important;max-width:370px!important;transform:translateX(105%);padding:20px 17px 18px!important;overflow-x:hidden!important}
.account-drawer.show{transform:translateX(0)!important}
.account-drawer-head{justify-content:space-between!important;align-items:center!important;min-height:38px!important;margin-bottom:8px!important}
.account-drawer-head h2{display:block!important;font-size:21px!important;line-height:1.25!important;font-weight:600!important;color:#e8c568!important}
.account-eyebrow{display:block!important;font-size:10px!important;letter-spacing:1px!important;color:#e3bd5e!important}
.account-drawer-profile{margin:8px 0 0!important;padding:12px!important;gap:12px!important;min-height:0!important}
.account-drawer-avatar{width:48px!important;height:48px!important;min-width:48px!important;font-size:18px!important}
.account-drawer-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.account-drawer-identity strong{font-size:15px!important;font-weight:600!important;line-height:1.35!important}
.account-drawer-identity>span:not(.account-plan-badge){font-size:12px!important;line-height:1.35!important}
.account-plan-badge{font-size:10px!important}
.account-drawer-section-label{font-size:10px!important;letter-spacing:1px!important}
.account-drawer-item{padding:8px 8px!important;grid-template-columns:34px minmax(0,1fr) 18px!important;gap:9px!important;margin-bottom:2px!important}
.account-drawer-item>div b,.account-drawer-item b{font-size:14px!important;font-weight:500!important;line-height:1.35!important}
.account-drawer-item small{font-size:11px!important;line-height:1.3!important}
@media(max-width:480px){.account-drawer{width:min(350px,90vw)!important;padding:17px 13px 15px!important}}


/* V18.1: profile layout and active menu state corrections */
.account-drawer{overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}
.account-drawer-profile{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important;margin:8px 0 0!important;padding:12px!important;gap:12px!important}
.account-drawer-avatar{display:grid!important;place-items:center!important;position:relative!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex:0 0 52px!important;overflow:hidden!important;border-radius:50%!important;box-sizing:border-box!important}
.account-drawer-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important}
.account-drawer-identity{display:flex!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;flex-direction:column!important;gap:0!important}
.account-drawer-identity strong{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:15px!important;line-height:1.35!important}
.account-drawer-identity>span:not(.account-plan-badge){display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.35!important}
.account-plan-badge{display:inline-flex!important;align-self:flex-start!important;max-width:100%!important;white-space:nowrap!important;margin-top:7px!important;padding:4px 9px!important;font-size:10px!important;line-height:1.3!important}
.account-drawer-divider{flex:0 0 1px!important}
.account-drawer-section-label{flex:0 0 auto!important}
.account-drawer-item{flex:0 0 auto!important;min-height:52px!important;grid-template-columns:34px minmax(0,1fr) 18px!important;align-items:center!important;gap:9px!important;padding:8px!important;margin-bottom:3px!important;border:1px solid rgba(62,111,160,.35)!important;background:linear-gradient(100deg,rgba(9,37,69,.8),rgba(3,23,46,.76))!important;box-shadow:none!important}
.account-drawer-item>.drawer-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:10px!important}
.account-drawer-item>div{min-width:0!important;overflow:hidden!important}
.account-drawer-item>div b{font-size:14px!important;line-height:1.35!important;font-weight:500!important}
.account-drawer-item small{font-size:11px!important;line-height:1.3!important;white-space:normal!important}
.account-drawer-item>i{justify-self:end!important;font-size:20px!important}
.account-drawer-item.active,.account-drawer-item[aria-current="page"]{border-color:rgba(215,173,75,.75)!important;background:linear-gradient(90deg,rgba(215,173,75,.2),rgba(215,173,75,.06))!important;box-shadow:inset 0 0 0 1px rgba(215,173,75,.08)!important}
.account-drawer-item.active>.drawer-icon,.account-drawer-item[aria-current="page"]>.drawer-icon{border-color:#d7ad4b!important;background:linear-gradient(145deg,#f3ca61,#081a30)!important;color:#fff1a6!important}
.account-logout-item{border-color:rgba(220,90,83,.28)!important;background:linear-gradient(100deg,rgba(104,13,31,.3),rgba(22,12,30,.75))!important}
@media(max-height:760px) and (min-width:701px){.account-drawer{padding-bottom:14px!important}.account-drawer-profile{margin-top:5px!important}.account-drawer-divider{margin:10px 0!important}}


/* V18: modern Poppins typography for account drawer; remove crown badge */
.account-drawer,
.account-drawer *,
.three-layer-header .login .login-account-avatar { font-family: 'Poppins', sans-serif !important; }
.account-drawer-avatar:after { content: none !important; display: none !important; }