:root{--ink:#11172f;--muted:#68708a;--primary:#4958e8;--primary2:#6c55ef;--navy:#151b4b;--surface:#fff;--soft:#f4f6fb;--line:#e5e8f2;--success:#16a36a;--danger:#d94b55;--warning:#f1a72a;--radius:20px;--shadow:0 18px 50px rgba(28,35,76,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.narrow{width:min(820px,calc(100% - 32px))}.narrow-wide{width:min(980px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.header-inner{height:70px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}.nav-links{display:flex;gap:22px;margin-right:auto}.nav-links a{color:#4d5571;font-weight:600}.header-actions{display:flex;align-items:center;gap:10px}.user-chip{padding:8px 12px;border-radius:999px;background:var(--soft);font-weight:700;font-size:13px}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px rgba(73,88,232,.22)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-warning{background:#fff4d9;color:#8a5b00;border:1px solid #f7d68c}.btn-danger{background:#ffe8ea;color:#ae2732}.btn-sm{padding:8px 12px;font-size:13px}.btn-lg{padding:15px 22px}.btn-block{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.messages{position:relative;z-index:60}.message{margin:12px 0;padding:13px 16px;border-radius:12px;background:#eaf8f2;color:#08744a}.message.error{background:#ffedef;color:#a72832}.hero{background:radial-gradient(circle at 80% 20%,#dfe3ff,transparent 32%),linear-gradient(135deg,#f6f7ff,#fff);padding:78px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--primary);font-weight:800;font-size:12px}.hero h1,.section-heading h1,.section-heading h2,.detail-card h1,.auth-card h1{font-size:clamp(34px,5vw,62px);line-height:1.04;margin:14px 0 18px}.hero p{font-size:18px;color:var(--muted);max-width:650px;margin-bottom:28px}.hero-device{background:var(--navy);color:#fff;border-radius:30px;padding:24px;box-shadow:0 30px 80px rgba(21,27,75,.3);transform:rotate(1.5deg)}.mini-top,.mini-q,.mini-bottom{display:flex;justify-content:space-between;align-items:center}.mini-top{padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.15)}.mini-q{margin-top:20px;color:#bfc7ff}.mini-option{padding:13px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;margin:9px 0}.mini-option.active{border-color:#7d89ff;background:rgba(116,128,255,.18)}.mini-bottom{margin-top:22px;color:#bbc1db}.mini-bottom b{padding:10px 14px;background:#fff;color:var(--navy);border-radius:10px}.section{padding:70px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h1,.section-heading h2{font-size:36px;margin:8px 0}.section-heading p{color:var(--muted);margin:0}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:16px;margin-bottom:28px}.filter-bar input,.filter-bar select,.form-card input,.form-card select,.form-card textarea,.auth-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink)}.paper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.paper-card,.detail-card,.form-card,.table-card,.analysis-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(28,35,76,.05)}.paper-card{padding:22px;display:flex;flex-direction:column}.paper-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eef0ff;color:var(--primary);font-size:20px;font-weight:900}.paper-meta{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 10px}.paper-meta span,.status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--soft);padding:5px 8px;border-radius:999px;color:#5d6682}.paper-card h3{font-size:21px;margin:4px 0 8px}.paper-card p{color:var(--muted);flex:1}.paper-stats{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding:15px 0}.paper-stats b{color:var(--ink)}.empty-state{grid-column:1/-1;text-align:center;padding:60px;background:#fff;border:1px dashed #cfd4e5;border-radius:20px}.detail-card{padding:36px}.detail-card h1{font-size:42px}.detail-card>p{color:var(--muted);font-size:17px}.detail-stats,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.detail-stats>div,.metric-grid>div{background:var(--soft);border-radius:14px;padding:16px}.detail-stats b,.detail-stats span,.metric-grid b,.metric-grid span{display:block}.detail-stats b,.metric-grid b{font-size:22px}.detail-stats span,.metric-grid span{color:var(--muted);font-size:12px}.instructions{padding:20px;border-left:4px solid var(--primary);background:#f7f8ff;border-radius:12px;margin:24px 0}.auth-section{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:50px 16px}.auth-card{width:min(440px,100%);background:#fff;padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card h1{font-size:36px}.auth-card label,.form-card label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}.auth-card input,.form-card input,.form-card select,.form-card textarea{margin-top:7px}.auth-card p{text-align:center;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.status.submitted{background:#e8f8f1;color:#08764b}.studio{background:#f5f6fa;min-height:80vh}.studio-metrics{margin-bottom:28px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card{padding:26px}.form-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:9px;padding-top:28px}.check-label input{width:auto;margin:0}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag-list span{background:var(--soft);border-radius:999px;padding:7px 10px;font-size:12px}.publish-bar{background:var(--navy);color:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.publish-bar small{color:#bec5e8}.question-list{display:grid;gap:12px}.question-list>article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.question-index{width:42px;height:42px;border-radius:12px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.question-list-body h3{margin:4px 0;font-size:16px}.question-list-body .paper-meta{margin:0}.question-actions{display:flex;gap:12px}.question-actions form{display:inline}.question-actions button{border:0;background:none;color:var(--danger);cursor:pointer}.builder-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.builder-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.builder-title h2{margin:0}.builder-title p{margin:3px 0;color:var(--muted)}.option-builder-row{display:grid;grid-template-columns:38px 1fr 34px;gap:12px;padding:14px;background:var(--soft);border-radius:14px;margin:10px 0}.option-badge{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;font-weight:900}.option-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.option-fields input{margin:0}.correct-toggle{display:flex!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap}.correct-toggle input{width:auto}.remove-option{border:0;background:#fff;border-radius:10px;color:var(--danger);font-size:22px;cursor:pointer}.cbt-shell{min-height:calc(100vh - 70px);padding:18px;background:#edf0f7}.exam-mode .site-footer{display:none}.cbt-top{max-width:1400px;margin:0 auto 12px;background:var(--navy);color:#fff;border-radius:17px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.cbt-top h1{font-size:18px;margin:2px 0}.cbt-label{font-size:11px;color:#bfc7f2;text-transform:uppercase}.timer-box{text-align:right}.timer-box small,.timer-box b{display:block}.timer-box b{font-size:22px}.cbt-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.question-panel,.palette-panel{background:#fff;border:1px solid #dfe3ee;border-radius:17px}.question-panel{min-height:620px;display:flex;flex-direction:column}.question-toolbar{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;font-weight:750}.question-toolbar #question-marks{color:var(--success)}.save-state{margin-left:auto;color:var(--muted);font-size:12px}.question-loader{padding:60px;text-align:center;color:var(--muted)}.question-card{padding:24px;flex:1}.question-text{font-size:18px;font-weight:650;line-height:1.65}.question-image,.analysis-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;margin:15px 0}.answer-area{display:grid;gap:10px;margin-top:25px}.cbt-option{display:grid;grid-template-columns:auto 38px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer}.cbt-option:has(input:checked){border-color:var(--primary);background:#f5f6ff}.cbt-option input{width:18px;height:18px}.option-letter{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft);font-weight:800}.option-content img{display:block;max-width:300px;max-height:180px;margin-top:8px}.nat-input span{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.nat-input input{width:min(360px,100%);padding:14px;border:2px solid var(--line);border-radius:12px;font-size:18px}.cbt-actions{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:10px}.cbt-actions #next-btn{margin-left:auto}.palette-head{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.palette-head small{display:block;color:var(--muted)}.palette-legend{padding:12px 16px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.palette-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#e4e7ef;margin-right:4px}.palette-legend i.answered{background:var(--success)}.palette-legend i.review{background:#8d55d9}.question-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 16px 20px;max-height:540px;overflow:auto}.question-palette button{aspect-ratio:1;border:0;border-radius:10px;background:#eef0f5;color:#535b75;font-weight:800;cursor:pointer}.question-palette button.current{outline:3px solid #8994ff}.question-palette button.answered{background:var(--success);color:#fff}.question-palette button.review{background:#8d55d9;color:#fff}.result-hero{background:linear-gradient(135deg,var(--navy),#303a8a);color:#fff;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between}.result-hero h1{margin:8px 0}.result-hero p{color:#c9cfee}.score-ring{width:150px;height:150px;border:12px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.score-ring b{font-size:30px}.score-ring span{font-size:12px}.result-section .metric-grid{grid-template-columns:repeat(5,1fr)}.analysis-list{display:grid;gap:14px}.analysis-card{padding:20px;border-left:5px solid #b8becf}.analysis-card.correct{border-left-color:var(--success)}.analysis-card.wrong{border-left-color:var(--danger)}.analysis-head,.answer-summary{display:flex;justify-content:space-between;gap:15px}.analysis-head span{color:var(--muted)}.analysis-question{font-weight:700;margin:18px 0}.answer-summary{background:var(--soft);padding:14px;border-radius:12px}.answer-summary>div{flex:1}.answer-summary small,.answer-summary b{display:block}.explanation{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.two-column{grid-template-columns:1fr}.hero-device{transform:none}.paper-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}.cbt-layout{grid-template-columns:1fr}.palette-panel{order:-1}.question-palette{display:flex;overflow-x:auto;max-height:none}.question-palette button{min-width:42px;height:42px}.palette-legend{display:none}.detail-stats,.metric-grid,.result-section .metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 22px,1160px)}.header-inner{height:60px}.brand span:last-child{font-size:14px}.user-chip{display:none}.hero{padding:42px 0}.hero h1{font-size:40px}.hero-grid{gap:35px}.paper-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.section{padding:45px 0}.section-heading{align-items:start;flex-direction:column}.footer-inner{flex-direction:column;justify-content:center;text-align:center;gap:4px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.option-fields{grid-template-columns:1fr}.publish-bar{align-items:flex-start;flex-direction:column;gap:14px}.question-list>article{grid-template-columns:38px 1fr}.question-actions{grid-column:2}.cbt-shell{padding:0;background:#fff}.cbt-top{border-radius:0;margin:0;padding:10px 13px;position:sticky;top:60px;z-index:30}.cbt-layout{display:block}.palette-panel{border-radius:0;border-width:0 0 1px}.palette-head{padding:9px 12px}.question-palette{padding:8px 12px}.question-panel{border:0;border-radius:0;min-height:calc(100vh - 190px)}.question-toolbar{padding:10px 13px;position:sticky;top:119px;background:#fff;z-index:20}.question-card{padding:18px 14px 100px}.question-text{font-size:17px}.cbt-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(20,26,70,.12)}.cbt-actions .btn{padding:10px;font-size:12px}.result-hero{align-items:flex-start}.score-ring{width:105px;height:105px;border-width:8px}.score-ring b{font-size:22px}.analysis-head,.answer-summary{flex-direction:column}.detail-card{padding:22px}.detail-card h1{font-size:34px}}

/* Creator paper setup: searchable create-or-select fields */
.field-help{display:block;margin-top:7px;color:var(--muted);font-weight:500;line-height:1.45}.smart-select{position:relative;margin-top:7px}.smart-select-control{min-height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:6px;display:flex;align-items:center}.form-card .smart-select-control input,.smart-select-control input{margin:0;border:0!important;box-shadow:none!important;padding:6px 7px!important;min-width:0}.smart-select-control input:focus{outline:0}.smart-select-control input.has-selection{position:absolute;opacity:0;pointer-events:none;width:1px}.smart-select-chip{display:none;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 11px;border-radius:9px;background:#eef0ff;color:#303c9c;font-weight:750}.smart-select-chip.is-selected{display:flex}.smart-select-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-select-chip button{width:24px;height:24px;border:0;border-radius:7px;background:#dfe3ff;color:#3946b7;font-size:18px;line-height:1;cursor:pointer}.smart-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:100;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(28,35,76,.16);padding:6px;max-height:260px;overflow:auto}.smart-select-menu button{width:100%;border:0;background:#fff;border-radius:9px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:var(--ink)}.smart-select-menu button:hover{background:var(--soft)}.smart-select-menu small{color:var(--muted);font-size:11px}.smart-select-menu .smart-create-option{color:var(--primary);font-weight:750;border-top:1px solid var(--line);border-radius:0 0 9px 9px}.current-media,.inline-media-preview{display:flex;align-items:flex-start;gap:14px;padding:12px;background:var(--soft);border-radius:14px}.current-media img,.inline-media-preview img{width:min(220px,45%);max-height:180px;object-fit:contain;border-radius:10px;background:#fff}.current-media label,.inline-media-preview label{margin:0!important}.option-mini-grid{display:grid;grid-template-columns:minmax(90px,.25fr) minmax(180px,1fr);gap:9px}.question-builder .option-fields{display:grid;grid-template-columns:1fr;gap:9px}.option-image-preview{display:flex;align-items:center;gap:10px;padding:8px;background:#fff;border-radius:10px}.option-image-preview img{width:90px;height:64px;object-fit:contain;border-radius:8px}.option-image-preview label{margin:0!important}

/* Bulk JSON import */
.json-import-card{background:#fff;border:1px solid #d9def2;border-radius:20px;padding:22px;margin:0 0 20px;box-shadow:0 12px 35px rgba(28,35,76,.06)}.json-import-heading,.json-import-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.json-import-heading h2{margin:5px 0}.json-import-heading p,.json-import-footer small{color:var(--muted);margin:0}.json-import-textarea{width:100%;margin:18px 0 14px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#11172f;color:#ecf0ff;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.json-help-dialog{width:min(900px,calc(100% - 28px));max-height:88vh;border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(14,20,55,.35);color:var(--ink)}.json-help-dialog::backdrop{background:rgba(15,20,48,.62);backdrop-filter:blur(4px)}.json-help-dialog[open]{padding:25px}.json-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.json-dialog-head h2{margin:6px 0 0}.json-dialog-head>button{border:0;background:var(--soft);width:38px;height:38px;border-radius:11px;font-size:24px;cursor:pointer}.json-field-guide{padding:15px;border-radius:14px;background:#f5f6ff;line-height:1.7;margin:18px 0}.json-example-code{max-height:390px;overflow:auto;background:#11172f;color:#e8ecff;padding:18px;border-radius:15px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}

/* Two-pane question studio */
.question-workspace{display:grid;grid-template-columns:minmax(330px,5fr) minmax(0,7fr);gap:18px;align-items:start}.question-master,.question-detail{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 30px rgba(28,35,76,.05)}.question-master{position:sticky;top:90px;max-height:calc(100vh - 112px);overflow:hidden;display:flex;flex-direction:column}.question-master-head{padding:17px;border-bottom:1px solid var(--line)}.question-master-head>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-master-head h2{margin:0;font-size:19px}.question-master-head span{font-size:12px;color:var(--muted)}.question-master-head input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px}.question-master-list{padding:9px;overflow:auto}.question-master-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:11px;align-items:start;padding:12px;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:.18s ease}.question-master-item:hover{background:#f8f9ff}.question-master-item.is-active{background:#f0f2ff;border-color:#cbd1ff}.question-master-item .question-index{width:38px;height:38px}.question-master-copy{min-width:0}.question-master-copy .paper-meta{margin:0 0 5px}.question-master-copy h3{font-size:14px;line-height:1.4;margin:0 0 4px;white-space:normal}.question-master-copy small{font-size:11px;color:var(--muted)}.question-quick-delete{align-self:start}.question-quick-delete button{width:29px;height:29px;border:0;border-radius:9px;background:#fff;color:var(--danger);font-size:20px;cursor:pointer}.question-detail{min-height:610px}.question-detail-empty{min-height:610px;display:grid;place-content:center;text-align:center;padding:40px;color:var(--muted)}.detail-empty-icon{width:66px;height:66px;margin:auto;border-radius:20px;display:grid;place-items:center;background:#eef0ff;color:var(--primary);font-size:28px;font-weight:900}.question-detail-empty h2{color:var(--ink);margin:14px 0 5px}.question-inline-form{padding:22px}.question-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line)}.question-detail-heading h2{margin:5px 0 0}.compact-grid{margin-top:20px}.inline-save-message{position:sticky;top:82px;z-index:20;margin:-4px 0 14px;padding:11px 13px;border-radius:11px;background:#e9f8f2;color:#08744a;font-weight:750}.inline-save-message.error{background:#ffedef;color:#a72832}.inline-save-message.pending{background:#eef0ff;color:#3946b7}.question-inline-form .option-fields{display:grid;grid-template-columns:1fr;gap:9px}.sticky-inline-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.builder-title h3{margin:0}.inline-option-row{background:#f6f7fb}

@media(max-width:960px){.question-workspace{grid-template-columns:1fr}.question-master{position:relative;top:auto;max-height:520px}.question-detail,.question-detail-empty{min-height:420px}.json-import-heading,.json-import-footer{flex-direction:column;align-items:stretch}}
@media(max-width:640px){.smart-select-menu{position:fixed;left:11px;right:11px;top:auto;bottom:12px;max-height:45vh;z-index:200;border-radius:18px}.option-mini-grid{grid-template-columns:1fr}.question-studio-page .section-heading .button-row{width:100%}.question-studio-page .section-heading .btn{flex:1;font-size:12px;padding:10px}.question-master{max-height:450px}.question-master-item{grid-template-columns:36px minmax(0,1fr) 28px;padding:10px}.question-inline-form{padding:14px}.question-detail-heading{align-items:flex-start}.question-detail-heading .btn{padding:9px 11px;font-size:12px}.json-help-dialog[open]{padding:16px}.current-media,.inline-media-preview{flex-direction:column}.current-media img,.inline-media-preview img{width:100%}.json-import-card{padding:15px}}


/* Question studio visibility and inline editor layout fixes */
[hidden]{display:none!important}
.question-detail{align-self:start;overflow:hidden}
.question-inline-form{min-width:0}
.question-inline-form label{display:block;min-width:0;font-size:13px;font-weight:750;color:var(--ink);margin-bottom:16px}
.question-inline-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.question-inline-form select,
.question-inline-form textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.question-inline-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.question-inline-form select:focus,
.question-inline-form textarea:focus{border-color:#9ba5ff;box-shadow:0 0 0 4px rgba(73,88,232,.10)}
.question-inline-form textarea{resize:vertical;line-height:1.55}
.question-inline-form input[type="file"]{display:block;width:100%;min-width:0;margin-top:7px;border:1px dashed #cfd4e6;border-radius:11px;padding:9px;background:#fbfcff;color:var(--muted)}
.question-inline-form input[type="checkbox"],.question-inline-form input[type="radio"]{width:auto;margin:0}
.question-inline-form .form-grid>label,.question-inline-form .option-fields>*{min-width:0}
.question-inline-form .smart-select{margin-top:7px}
.question-inline-form .smart-select-control input{margin-top:0!important}
.question-inline-form .current-media label,.question-inline-form .inline-media-preview label,.question-inline-form .option-image-preview label,.question-inline-form .correct-toggle{margin-bottom:0}
.question-inline-form .option-builder-row{align-items:start}
.question-detail-empty[hidden],.question-inline-form[hidden],.builder-section[hidden],.inline-media-preview[hidden],.option-image-preview[hidden]{display:none!important}
.publish-actions,.draft-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.publish-actions form,.draft-card-actions form{margin:0}
.publish-bar-draft{background:linear-gradient(135deg,#202969,#303b91)}
.creator-draft-block{margin:0 0 34px;padding:20px;border:1px solid #d9def2;border-radius:20px;background:#f2f4ff}
.creator-draft-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}
.creator-draft-heading h3{margin:4px 0;font-size:22px}.creator-draft-heading p{margin:0;color:var(--muted)}
.draft-paper-card{border-style:dashed}.draft-paper-card .paper-meta span:first-child{background:#fff1d8;color:#8a5b08}
.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.publish-actions{width:100%}.publish-actions .btn,.publish-actions form{flex:1}.publish-actions form .btn{width:100%;justify-content:center}.draft-card-actions{align-items:stretch}.draft-card-actions .btn,.draft-card-actions form{flex:1}.draft-card-actions form .btn{width:100%;justify-content:center}}

/* Creator privacy, deletion controls and GATE-style assessment refinements */
.creator-paper-card{position:relative;padding-top:24px}.paper-delete-form{position:absolute;top:13px;right:13px;margin:0}.paper-delete-button{width:34px;height:34px;border:0;border-radius:10px;background:#fff0f1;color:#bd2f3b;font-size:23px;line-height:1;cursor:pointer;transition:.18s ease}.paper-delete-button:hover{background:#ffdfe2;transform:translateY(-1px)}
.attempt-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.attempt-actions form{margin:0}.text-danger-button{border:0;background:none;padding:0;color:#c93844;font-weight:700;cursor:pointer}.text-danger-button:hover{text-decoration:underline}

/* Instruction screen */
.instruction-page{min-height:calc(100vh - 70px);background:#eef2f8;padding-bottom:30px}.instruction-banner{background:linear-gradient(90deg,#245f9f,#397fba);color:#fff;border-bottom:4px solid #efb629}.instruction-banner-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px}.instruction-banner span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.86}.instruction-banner h1{font-size:26px;line-height:1.2;margin:5px 0}.instruction-banner-meta{text-align:right}.instruction-banner-meta b,.instruction-banner-meta span{display:block}.instruction-banner-meta b{font-size:17px}.instruction-container{background:#fff;border:1px solid #aeb8c5;border-top:0;min-height:680px;padding:0}.instruction-title-bar{background:#c6edf7;padding:9px 18px;font-size:20px;font-weight:800;color:#40566c;border-bottom:1px solid #91bdc8}.instruction-content{width:min(850px,calc(100% - 36px));margin:70px auto 45px}.instruction-content h2{text-align:center;font-size:18px;margin-bottom:24px}.instruction-description{font-size:16px;line-height:1.7}.instruction-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #8f99a8;margin:24px 0}.instruction-summary-grid>div{padding:15px;text-align:center;border-right:1px solid #8f99a8}.instruction-summary-grid>div:last-child{border-right:0}.instruction-summary-grid b,.instruction-summary-grid span{display:block}.instruction-summary-grid b{font-size:20px}.instruction-summary-grid span{font-size:12px;color:var(--muted)}.instruction-detail-table{width:100%;border-collapse:collapse;margin:22px 0}.instruction-detail-table th,.instruction-detail-table td{border:1px solid #737d8b;padding:10px 12px;text-align:left}.instruction-detail-table th{width:180px;background:#f2f5f8}.instruction-copy{margin-top:25px;line-height:1.75}.instruction-consent-bar{border-top:1px solid #9fa9b6;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.instruction-consent-bar>label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.35}.instruction-consent-bar input{margin-top:3px}.instruction-consent-bar form{margin:0;flex:0 0 auto}

/* Assessment shell */
.cbt-paper-path{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.cbt-paper-path span{font-size:11px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.12);color:#dce1ff}.question-context-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 15px;border-bottom:1px solid #ccd5df;background:#f4f8fb;font-size:12px}.question-context-bar>div:first-child{display:flex;align-items:center;gap:14px}.question-context-bar #question-topic-label{color:#37527a}.question-score-rules{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap}.question-score-rules b{color:#b92d39}.question-score-rules span:first-child b{color:#087f50}.question-toolbar{background:#fff;padding:9px 15px}.question-toolbar #question-number{font-size:15px}.palette-section-title{padding:8px 14px;background:#237cae;color:#fff;font-weight:800}.gate-palette-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:12px 14px}.gate-palette-legend span{display:flex;align-items:center;line-height:1.2}.gate-palette-legend i{flex:0 0 auto;width:20px;height:20px;border-radius:5px;border:1px solid rgba(0,0,0,.12);position:relative}.gate-palette-legend i.answered{background:#20a464}.gate-palette-legend i.not-answered{background:#e65123}.gate-palette-legend i.not-visited{background:#eef0f5}.gate-palette-legend i.review{background:#7c3db4}.gate-palette-legend i.answered-review{background:#7c3db4}.gate-palette-legend i.answered-review:after{content:"";position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;border-radius:50%;background:#20a464;border:2px solid #fff}.question-palette button{position:relative;border-radius:6px;border:1px solid #d2d7df;background:#eef0f5;color:#4f5970}.question-palette button.not-visited{background:#eef0f5;color:#505870}.question-palette button.not-answered{background:#e65123;color:#fff;border-color:#c33e19;clip-path:polygon(13% 0,87% 0,100% 17%,100% 83%,87% 100%,13% 100%,0 83%,0 17%)}.question-palette button.answered{background:#20a464;color:#fff;border-color:#128452;clip-path:polygon(13% 0,87% 0,100% 17%,100% 83%,87% 100%,13% 100%,0 83%,0 17%)}.question-palette button.review{background:#7c3db4;color:#fff;border-color:#642b9c;border-radius:50%}.question-palette button.answered-review{background:#7c3db4;color:#fff;border-color:#642b9c;border-radius:50%}.question-palette button.answered-review:after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#20a464;border:2px solid #fff}.question-palette button.current{outline:3px solid #5b6cff;outline-offset:2px}.cbt-actions{align-items:center}.cbt-actions #next-btn{margin-left:auto}

/* Forced leave decision after switching away */
.exam-dialog-open{overflow:hidden}.exam-exit-overlay{position:fixed;inset:0;z-index:1000;background:rgba(10,16,45,.76);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.exam-exit-dialog{width:min(500px,100%);background:#fff;border-radius:22px;padding:30px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.3)}.exam-exit-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:50%;background:#fff0d8;color:#a66600;font-size:28px;font-weight:900}.exam-exit-dialog h2{margin:0 0 9px}.exam-exit-dialog p{color:var(--muted);margin:0 0 22px}.exam-exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exam-exit-dialog small{display:block;min-height:20px;margin-top:12px;color:var(--muted)}

/* Result answer presentation */
.analysis-head>div{display:flex;align-items:center;gap:10px}.analysis-status{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.analysis-status.correct{background:#e4f7ef;color:#08744a}.analysis-status.wrong{background:#ffeaec;color:#ac2833}.analysis-status.unanswered{background:#eef0f5;color:#5d6682}.analysis-metrics{justify-content:flex-end}.analysis-metrics span{padding:5px 9px;border-radius:8px;background:var(--soft);color:var(--muted)}

@media(max-width:900px){.instruction-content{margin-top:35px}.instruction-summary-grid{grid-template-columns:repeat(2,1fr)}.instruction-summary-grid>div{border-bottom:1px solid #8f99a8}.instruction-summary-grid>div:nth-child(2){border-right:0}.instruction-summary-grid>div:nth-last-child(-n+2){border-bottom:0}.question-context-bar{align-items:flex-start;flex-direction:column}.question-score-rules{justify-content:flex-start}.gate-palette-legend{display:grid}.palette-section-title{display:none}}
@media(max-width:640px){.instruction-banner-inner{min-height:90px;align-items:flex-start;flex-direction:column;justify-content:center;padding:12px 0}.instruction-banner-meta{text-align:left}.instruction-container{width:100%;border-left:0;border-right:0}.instruction-title-bar{font-size:16px}.instruction-content{width:calc(100% - 24px);margin:25px auto}.instruction-summary-grid{grid-template-columns:1fr 1fr}.instruction-summary-grid>div{padding:11px}.instruction-detail-table th{width:105px}.instruction-consent-bar{position:sticky;bottom:0;z-index:20;align-items:stretch;flex-direction:column;gap:10px;padding:12px}.instruction-consent-bar .btn{width:100%}.cbt-top{top:60px}.question-context-bar{position:sticky;top:113px;z-index:25;padding:8px 12px;background:#f4f8fb}.question-score-rules{gap:7px 12px}.question-toolbar{top:189px}.question-panel{min-height:calc(100vh - 245px)}.cbt-actions{overflow-x:auto}.cbt-actions .btn{flex:0 0 auto}.cbt-actions #next-btn{margin-left:0}.exam-exit-actions{grid-template-columns:1fr}.attempts-table-card table{min-width:760px}.analysis-head{align-items:flex-start;flex-direction:column}.analysis-head>div{flex-wrap:wrap}.analysis-metrics{justify-content:flex-start}}

/* Multi-value paper taxonomy and unified timing control */
.smart-select-multiple .smart-select-control{flex-wrap:wrap;align-content:center;gap:6px;padding:7px 8px}
.smart-select-chip-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}
.smart-select-multiple .smart-select-chip{display:inline-flex;max-width:100%}
.smart-select-multiple .smart-select-control input{flex:1 1 150px;min-width:120px!important;position:static!important;opacity:1!important;pointer-events:auto!important;width:auto!important}
.timing-setting{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fbfcff,#f5f6ff);padding:18px}
.timing-setting-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.timing-setting-head b,.timing-setting-head small{display:block}.timing-setting-head small{color:var(--muted);margin-top:3px;font-weight:500}
.timing-value-label{display:block!important;margin:0!important}.timing-value-label>span{display:block;margin-bottom:7px}
.switch-control{position:relative;display:inline-flex!important;flex:0 0 auto;margin:0!important}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control span{width:50px;height:28px;border-radius:999px;background:#cbd1dc;position:relative;cursor:pointer;transition:.2s}.switch-control span:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}.switch-control input:checked+span{background:var(--primary)}.switch-control input:checked+span:after{transform:translateX(22px)}
.per-question-mode .timer-box{display:none}.per-question-mode .question-palette button{cursor:not-allowed;opacity:.8}.per-question-mode #previous-btn,.per-question-mode #review-btn{display:none}
@media(max-width:640px){.timing-setting-head{align-items:flex-start}.smart-select-multiple .smart-select-control input{flex-basis:100%}}

/* Exam controls, sections, learner analytics and creator reports */
.message.warning{background:#fff5dc;color:#825700}.form-subheading{margin:14px 0 4px;padding-top:22px;border-top:1px solid var(--line)}.form-subheading h2{margin:0;font-size:20px}.form-subheading p{margin:4px 0 0;color:var(--muted);font-size:13px}.field-help{display:block;margin-top:7px;color:var(--muted);font-weight:500;line-height:1.45}.metric-link{display:block;background:var(--soft);border-radius:14px;padding:16px;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}.metric-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,35,76,.08)}.metric-link b,.metric-link span{display:block}.metric-link b{font-size:22px}.metric-link span{font-size:12px;color:var(--muted)}

.sectioned-question-palette{max-height:520px;overflow:auto;padding-bottom:8px;scrollbar-width:thin}.palette-section-group+.palette-section-group{border-top:1px solid #d5dde8}.sectioned-question-palette .palette-section-title{display:block;padding:8px 14px;background:#2f86b7;color:#fff;font-size:14px;font-weight:800;position:sticky;top:0;z-index:2}.question-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:13px 15px 18px}.question-palette-grid button{position:relative;aspect-ratio:1;border:1px solid #cdd4de;border-radius:6px;background:#eef0f5;color:#46506a;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.question-palette-grid button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px rgba(25,37,72,.14)}.question-palette-grid button.not-visited{background:#eef0f5;color:#505870}.question-palette-grid button.not-answered{background:#e65123;color:#fff;border-color:#c33e19;clip-path:polygon(13% 0,87% 0,100% 17%,100% 83%,87% 100%,13% 100%,0 83%,0 17%)}.question-palette-grid button.answered{background:#20a464;color:#fff;border-color:#128452;clip-path:polygon(13% 0,87% 0,100% 17%,100% 83%,87% 100%,13% 100%,0 83%,0 17%)}.question-palette-grid button.review{background:#7c3db4;color:#fff;border-color:#642b9c;border-radius:50%}.question-palette-grid button.answered-review{background:#7c3db4;color:#fff;border-color:#642b9c;border-radius:50%}.question-palette-grid button.answered-review:after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#20a464;border:2px solid #fff}.question-palette-grid button.current{outline:3px solid #596cff;outline-offset:2px}.question-palette-grid button:disabled{cursor:not-allowed;opacity:.78}.per-question-mode .question-palette-grid button{cursor:not-allowed;opacity:.78}.question-context-bar #question-section-label{color:#0d6d9f;font-weight:800}.question-context-bar #question-topic-label{font-weight:650}.question-text{white-space:pre-wrap;overflow-wrap:anywhere}

.result-pending-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.result-pending-card.compact{margin-top:24px;padding:24px}.result-pending-card h1,.result-pending-card h2{margin:8px 0}.result-pending-card p{color:var(--muted);max-width:720px}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 34px}.comparison-grid>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.comparison-grid small,.comparison-grid b{display:block}.comparison-grid small{color:var(--muted)}.comparison-grid b{font-size:23px;margin-top:3px}.section-analysis{margin:30px 0}.section-heading.compact{margin-bottom:16px}.section-heading.compact h2{font-size:27px}.section-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.section-result-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.section-result-grid h3{margin:0 0 10px}.section-result-grid article>div{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}.section-result-grid article>b,.section-result-grid article>small{display:block}.section-result-grid article>b{margin-top:12px}.section-result-grid article>small{color:var(--muted)}.question-comparison{display:flex;gap:8px 18px;flex-wrap:wrap;margin:13px 0;padding:11px 13px;border-radius:12px;background:#f5f8fc;color:#536078;font-size:13px}.question-report-box{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.question-report-box summary{cursor:pointer;color:var(--primary);font-weight:750}.question-report-box form{display:grid;gap:9px;margin-top:11px}.question-report-box select,.question-report-box textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.mistake-list{max-width:980px}.muted{color:var(--muted)}

.report-list{display:grid;gap:14px}.report-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(28,35,76,.05)}.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.report-card-head h3{margin:8px 0 0}.report-card-head time{color:var(--muted);font-size:13px}.status.open{background:#fff3db;color:#8c5d00}.status.resolved{background:#e5f7ef;color:#08764b}.report-question{color:var(--ink)!important;font-weight:700}.report-card blockquote{margin:12px 0;padding:12px 15px;border-left:3px solid var(--primary);background:#f7f8ff;color:#536078;border-radius:8px}

.window-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.window-badge.open{background:#e5f7ef;color:#08764b}.window-badge.upcoming{background:#eaf0ff;color:#3140b3}.window-badge.closed{background:#ffeaec;color:#ac2833}.section-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.section-chip-row span{padding:5px 9px;border-radius:999px;background:#e9f5fc;color:#17658c;font-size:11px;font-weight:800}.disabled-note{padding:12px 14px;border-radius:12px;background:#fff0f1;color:#a42c35}

@media(max-width:900px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectioned-question-palette .palette-section-title{display:block}.studio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.comparison-grid,.section-result-grid{grid-template-columns:1fr}.question-palette-grid{grid-template-columns:repeat(5,48px);overflow-x:auto;justify-content:start}.question-palette-grid button{width:48px;height:48px;aspect-ratio:auto}.sectioned-question-palette{max-height:none}.report-card-head{flex-direction:column}.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.form-subheading h2{font-size:18px}}
.studio-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.paper-meta .window-badge{background:#eef0f5;color:#5d6682}.paper-meta .window-badge.open{background:#e5f7ef;color:#08764b}.paper-meta .window-badge.upcoming{background:#eaf0ff;color:#3140b3}.paper-meta .window-badge.closed{background:#ffeaec;color:#ac2833}.section-distribution-table th:not(:first-child),.section-distribution-table td:not(:first-child){text-align:center}
@media(max-width:900px){.studio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Creator platform additions: AI mix, commerce, grouping, proctoring and network pages */
.ai-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 8px}.ai-count-grid label{font-size:12px;font-weight:800}.ai-count-grid input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px}.error-text{color:#b52d39!important}.json-prompt-summary{padding:10px 12px;margin:12px 0;border-radius:10px;background:#eef1ff;color:#3441a3;font-weight:800}.version-menu{position:relative}.version-menu summary{list-style:none}.version-menu summary::-webkit-details-marker{display:none}.version-menu-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:270px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.version-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line)}.version-row:last-child{border-bottom:0}.version-row a,.version-row button{border:0;background:none;color:var(--primary);font-weight:750;cursor:pointer}.version-row form{margin:0}.question-bank-drawer{margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.question-bank-drawer>summary{cursor:pointer;font-weight:800}.bank-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.bank-mini-grid article{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px}.bank-mini-grid b,.bank-mini-grid small{display:block}.bank-mini-grid small{color:var(--muted)}
.question-group-nav{display:flex;gap:8px;overflow:auto;padding:10px 0 12px;scrollbar-width:thin}.question-group-nav button{white-space:nowrap;border:1px solid #cdd5e5;background:#fff;color:#33405f;border-radius:999px;padding:8px 13px;font-weight:750;cursor:pointer}.question-group-nav button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.question-group-nav button:disabled{opacity:.55}.palette-section-title,.palette-topic-title{width:100%;border:0;text-align:left;cursor:pointer}.palette-topic-title{padding:7px 15px;background:#eaf4fa;color:#17658c;font-size:12px;font-weight:800}.timer-danger{color:#c52e38!important}.proctor-panel{margin:10px 12px;padding:10px;border:1px solid #d7deeb;border-radius:12px;background:#f8faff}.proctor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.proctor-panel video{display:block;width:100%;max-height:130px;object-fit:cover;border-radius:9px;margin:8px 0}.proctor-panel small{color:var(--muted)}
.creator-paper-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;margin:18px 0;background:#fff}.creator-paper-strip b,.creator-paper-strip span{display:block}.creator-paper-strip span{font-size:12px;color:var(--muted)}.live-challenge-card{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:16px 18px;margin:16px 0;border-radius:16px;background:linear-gradient(135deg,#fff1e0,#fff8ed);border:1px solid #f1c98d}.live-challenge-card span{grid-row:1/3;padding:6px 10px;border-radius:999px;background:#e45d23;color:#fff;font-weight:800}.live-challenge-card small{color:#765f4d}.purchase-options{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px;background:#f7f8ff;border:1px solid var(--line)}.purchase-options form{margin:0}.paper-access-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.live-badge,.price-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.live-badge{background:#fff0e5;color:#a34213}.price-badge{background:#eef0ff;color:#3d43a4}
.notification-link{position:relative}.notification-link>span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:3px;border-radius:999px;background:#e94b58;color:#fff;font-size:10px}.notification-list{display:grid;gap:10px}.notification-card{display:flex;justify-content:space-between;gap:20px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink)}.notification-card p{margin:4px 0 0;color:var(--muted)}.notification-card time{white-space:nowrap;color:var(--muted);font-size:12px}.leaderboard-table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 150px 130px 110px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-head{background:#f3f5fb;font-weight:800}.leaderboard-row.is-me{background:#eeefff}.result-leaderboard-preview{display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px;margin:20px 0;border:1px solid var(--line);border-radius:18px;background:#fff}.result-leaderboard-preview h2{margin:5px 0}.leaderboard-mini{grid-column:1/-1;display:grid;gap:7px}.leaderboard-mini span{display:flex;justify-content:space-between;padding:9px 11px;border-radius:9px;background:#f6f7fb}.leaderboard-mini em{font-style:normal;color:var(--muted)}
.payment-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.payment-card strong{font-size:38px;margin:4px 0 22px}.payment-card small{margin-top:12px;color:var(--muted)}.bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.bank-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.bank-card h3{font-size:16px}.bank-actions{display:flex;gap:8px;align-items:center}.bank-actions details{position:relative}.bank-actions details>div{position:absolute;bottom:calc(100% + 7px);left:0;width:250px;max-height:240px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:7px;z-index:30}.bank-actions details form{margin:0}.bank-actions details form button{width:100%;border:0;background:#fff;text-align:left;padding:8px;border-radius:7px;cursor:pointer}.bank-actions details form button:hover{background:#f3f5ff}.analytics-table{display:grid;gap:8px;margin:12px 0 28px}.analytics-table>div{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,1fr);gap:10px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:12px}.commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.commerce-grid .form-card{margin:0}.simple-product{display:flex;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:8px}.weak-practice-panel{padding:20px;margin-bottom:24px;border:1px solid var(--line);border-radius:18px;background:#f7f8ff}.weak-practice-panel h2{margin:0}.weak-practice-panel p{margin:5px 0 15px;color:var(--muted)}.weak-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weak-practice-grid article{padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.weak-practice-grid b,.weak-practice-grid span{display:block}.weak-practice-grid span{font-size:12px;color:var(--muted);margin:4px 0 10px}.weak-practice-grid form{display:flex;gap:8px}.weak-practice-grid select{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px}
@media(max-width:900px){.ai-count-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-row{grid-template-columns:55px 1fr 90px 90px}.leaderboard-row>*:last-child{display:none}.analytics-table>div{grid-template-columns:1fr 1fr}.commerce-grid{grid-template-columns:1fr}.bank-mini-grid,.weak-practice-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ai-count-grid,.bank-grid{grid-template-columns:1fr 1fr}.creator-paper-strip{align-items:flex-start;flex-direction:column}.leaderboard-row{grid-template-columns:42px 1fr 80px}.leaderboard-row>*:nth-child(4),.leaderboard-head>*:nth-child(4){display:none}.notification-card{flex-direction:column}.result-leaderboard-preview{grid-template-columns:1fr}.result-leaderboard-preview .btn{justify-self:start}.analytics-table>div{grid-template-columns:1fr}.weak-practice-grid form{flex-direction:column}.live-challenge-card{grid-template-columns:1fr}.live-challenge-card span{grid-row:auto;justify-self:start}}
.question-group-nav button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(91,77,245,.2)}

/* Announcement and mobile app-style navigation fixes */
.mobile-app-top,.mobile-bottom-nav{display:none}.desktop-announcement-menu{position:relative}.announcement-menu summary{list-style:none;cursor:pointer;position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:38px;height:38px;display:grid;place-items:center}.announcement-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.announcement-menu summary span{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e94b58;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center}.announcement-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:90;width:min(340px,calc(100vw - 22px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px}.announcement-popover b{display:block;padding:7px 9px 8px}.announcement-popover a,.announcement-popover small{display:block;padding:10px 11px;border-radius:10px;color:var(--ink)}.announcement-popover a:hover{background:var(--soft)}.announcement-popover small{color:var(--muted)}
.announcement-form{margin-bottom:20px}.announcement-sort-list{display:grid;gap:10px;margin:10px 0 18px}.announcement-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.announcement-row.is-dragging{opacity:.55}.drag-handle{cursor:grab;color:var(--muted);font-weight:900}.announcement-row b,.announcement-row small{display:block}.announcement-row small{color:var(--muted)}.status.closed{background:#eef0f5;color:#5d6682}
.question-group-nav button,.question-group-nav button:hover,.question-group-nav button:focus{color:#33405f}.question-group-nav button.active,.question-group-nav button.active:hover:not(:disabled),.question-group-nav button.active:focus{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 6px 16px rgba(91,77,245,.2)}.question-group-nav button.active::first-letter{color:#fff}.question-group-nav button.active span,.question-group-nav button.active b{color:#fff!important}.question-group-nav button{min-width:max-content}.question-group-nav::-webkit-scrollbar{height:8px}.question-group-nav::-webkit-scrollbar-thumb{background:#c7cedb;border-radius:999px}
.exam-exit-overlay[hidden]{display:none!important}.exam-exit-actions .btn{min-width:150px}.exam-dialog-open .site-header,.exam-dialog-open .mobile-bottom-nav{filter:blur(4px)}
@media(max-width:640px){body{padding-bottom:64px}.site-header{box-shadow:0 3px 16px rgba(20,26,70,.06)}.desktop-header-inner{display:none}.mobile-app-top{height:62px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;padding:0 12px;background:#fff}.mobile-brand{justify-self:center;color:#ff5f27;font-weight:900;font-size:18px;max-width:calc(100vw - 130px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu{position:relative}.mobile-menu summary{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:20px;cursor:pointer}.mobile-menu nav{position:absolute;left:0;top:calc(100% + 10px);z-index:95;width:260px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px}.mobile-menu nav a{display:block;color:var(--ink);font-weight:750;padding:12px;border-radius:10px}.mobile-menu nav a:hover{background:var(--soft)}.mobile-announcement-menu{justify-self:end;position:relative}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;height:64px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(20,26,70,.08)}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#596078;font-weight:800}.mobile-bottom-nav span{font-size:21px;line-height:1}.mobile-bottom-nav small{font-size:10px}.exam-mode{padding-bottom:0}.exam-mode .mobile-bottom-nav{display:none}.exam-mode .mobile-app-top{display:none}.exam-mode .desktop-header-inner{display:flex;height:52px}.exam-mode .brand span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-popover{right:0}.announcement-row{grid-template-columns:auto minmax(0,1fr) auto}.announcement-row .btn,.announcement-row .paper-delete-button{grid-column:auto}.announcement-row .status{grid-column:2}.announcement-manager .builder-title{align-items:flex-start;flex-direction:column}.hero{padding-top:26px}.hero-grid{grid-template-columns:1fr}.hero-device{border-radius:24px}.paper-card{border-radius:24px}.section{padding:35px 0}.filter-bar{border-radius:22px}.cbt-shell{padding:0}.cbt-top{top:0}.question-group-nav{top:0;padding:8px 12px;background:#edf0f7}.question-group-nav button{max-width:210px;min-width:auto}.cbt-layout{width:100%;}.palette-panel{max-height:44vh}.question-panel{min-height:calc(100vh - 260px)}}



/* Final fixes: CBT overflow, publish status UI, hidden builder extras */
.question-group-scroll-wrap{
  width:min(1400px,calc(100% - 24px));
  max-width:1400px;
  margin:0 auto 12px;
  overflow:hidden;
}

/* Examie v7: canonical catalog, packs, learner analysis and CBT responsiveness */
.catalog-hero{position:relative;overflow:hidden;padding:72px 0;background:radial-gradient(circle at 88% 18%,rgba(111,88,239,.2),transparent 28%),linear-gradient(135deg,#f4f6ff 0%,#fff 58%,#f2fbff 100%)}
.catalog-hero:after{content:"";position:absolute;right:-100px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:70px solid rgba(73,88,232,.05)}
.catalog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:54px;align-items:center}
.catalog-hero-copy h1{max-width:760px;margin:14px 0 18px;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.045em}
.catalog-hero-copy>p{max-width:680px;color:var(--muted);font-size:18px}
.catalog-main-search{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:760px;margin-top:28px;padding:9px 9px 9px 17px;background:#fff;border:1px solid #dfe4f3;border-radius:18px;box-shadow:0 18px 45px rgba(28,35,76,.1)}
.catalog-main-search>span{font-size:23px;color:var(--primary)}
.catalog-main-search input{min-width:0;border:0;outline:0;padding:12px 4px;font-size:16px;background:transparent}
.catalog-search-results{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:48;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:430px;overflow:auto}
.catalog-search-results a{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;color:var(--ink)}
.catalog-search-results a:hover{background:#f3f5ff;transform:translateX(2px)}
.catalog-search-results a>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:var(--primary);font-weight:900}
.catalog-search-results b,.catalog-search-results small{display:block}.catalog-search-results small{color:var(--muted);text-transform:capitalize}
.catalog-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.catalog-trust-row span{padding:6px 10px;border-radius:999px;background:rgba(73,88,232,.08);color:#3d48b8;font-size:11px;font-weight:800}
.daily-challenge-panel{position:relative;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,#171d52,#313b91);color:#fff;box-shadow:0 30px 70px rgba(21,27,75,.28);transform:rotate(1deg)}
.daily-challenge-panel:before{content:"?";position:absolute;right:20px;top:4px;font-size:100px;line-height:1;color:rgba(255,255,255,.055);font-weight:900}
.daily-challenge-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}
.daily-challenge-head span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:#dfe3ff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.daily-challenge-panel small{display:block;margin-top:16px;color:#bec6ff}.daily-challenge-panel h3{position:relative;margin:8px 0 15px;font-size:18px;line-height:1.45}
.daily-options{display:grid;gap:8px}.daily-options button{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;transition:.2s ease}.daily-options button:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}.daily-options button.is-correct{background:#0f8157}.daily-options button.is-wrong{background:#a93643}.daily-feedback{margin:12px 0 0;color:#fff;font-weight:800}
.compact-heading{align-items:end}.compact-heading h2{font-size:clamp(30px,4vw,44px);margin-bottom:6px}.compact-heading p{max-width:690px}
.pack-showcase-section{padding-bottom:30px}.pack-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pack-showcase-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 8px 28px rgba(28,35,76,.05);transition:transform .2s ease,box-shadow .2s ease}.pack-showcase-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(28,35,76,.11)}.pack-card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#eef0ff,#e7f7ff);color:var(--primary)}.pack-showcase-card small,.pack-showcase-card p{color:var(--muted)}.pack-showcase-card h3{margin:3px 0 6px}.pack-showcase-card p{margin:0;font-size:13px}.pack-showcase-card>strong{padding:6px 9px;border-radius:999px;background:#eaf8f2;color:#08744a;font-size:12px}
.catalog-explorer{padding-top:48px;background:#f4f6fb}.catalog-dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dimension-column{padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(28,35,76,.04)}.dimension-column>header{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.dimension-column>header>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef0ff;color:var(--primary);font-size:19px;font-weight:900}.dimension-column h3{margin:0}.dimension-column header small{color:var(--muted)}.dimension-list{display:grid;gap:7px;margin-top:12px}.dimension-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border-radius:12px;color:var(--ink);transition:.18s ease}.dimension-list a:hover{background:#f4f6ff;transform:translateX(3px)}.dimension-list b,.dimension-list small{display:block}.dimension-list small{color:var(--muted);font-size:11px}.dimension-list>a>span{color:var(--primary);font-weight:900}.dimension-more{width:100%;margin-top:9px;padding:9px;border:0;border-radius:11px;background:#f1f3fa;color:var(--primary);font-weight:800;cursor:pointer}.catalog-skeleton{height:54px;border-radius:12px;background:linear-gradient(90deg,#f1f2f7 25%,#fafbfe 50%,#f1f2f7 75%);background-size:200% 100%;animation:catalog-shimmer 1.3s infinite}@keyframes catalog-shimmer{to{background-position:-200% 0}}
.recent-paper-section{padding:45px 0 25px}.recent-paper-rail{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 13px;scroll-snap-type:x proximity}.recent-paper-rail>a{flex:0 0 min(340px,86vw);display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);scroll-snap-align:start}.recent-paper-rail>a>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef0ff;color:var(--primary);font-weight:900}.recent-paper-rail b,.recent-paper-rail small{display:block}.recent-paper-rail small{color:var(--muted)}.recent-paper-rail em{font-style:normal;font-size:10px;font-weight:850;color:#08744a;background:#e5f7ef;border-radius:999px;padding:5px 7px}
.paper-library-section{padding-top:45px}.paper-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attempted-badge{padding:5px 8px;border-radius:999px;background:#e5f7ef;color:#08744a;font-size:10px;font-weight:850;text-transform:uppercase}.catalog-paper-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-paper-card:hover{transform:translateY(-4px);border-color:#cbd1ff;box-shadow:0 18px 42px rgba(28,35,76,.1)}.catalog-reveal{animation:catalog-reveal .32s ease both}@keyframes catalog-reveal{from{opacity:0;transform:translateY(8px)}}.catalog-load-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px}.catalog-load-row small{color:var(--muted)}.creator-draft-block{margin-bottom:26px;padding:14px;border:1px dashed #c8cede;border-radius:18px;background:#f9faff}.creator-draft-block>summary{cursor:pointer;font-weight:850;padding:5px}.creator-draft-grid{margin-top:14px}
.dimension-detail-hero{padding:60px 0;background:linear-gradient(135deg,#171d52,#3e49a7);color:#fff}.detail-back-link{display:inline-block;margin-bottom:18px;color:inherit;opacity:.78;font-weight:750}.dimension-kind-badge{display:block;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.dimension-detail-hero h1,.pack-detail-hero h1{max-width:850px;margin:10px 0;font-size:clamp(42px,7vw,76px);line-height:1}.dimension-detail-hero p{color:#d4d9ff}.dimension-hero-stats{display:flex;gap:10px;margin-top:22px}.dimension-hero-stats>div{min-width:120px;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.dimension-hero-stats b,.dimension-hero-stats span{display:block}.dimension-hero-stats b{font-size:24px}.dimension-hero-stats span{color:#d3d8ff;font-size:11px}.relation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.relation-sidebar{display:grid;gap:13px;position:sticky;top:92px}.relation-sidebar section{padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.relation-sidebar header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.relation-sidebar h3{margin:0;font-size:16px}.relation-sidebar a{display:flex;justify-content:space-between;gap:10px;padding:8px;border-radius:9px;color:var(--ink);font-size:13px}.relation-sidebar a:hover{background:#f3f5ff}.relation-sidebar p{color:var(--muted);font-size:12px}
.pack-detail-hero{padding:64px 0;background:radial-gradient(circle at 75% 30%,rgba(137,116,255,.3),transparent 25%),#171d52;color:#fff}.pack-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;align-items:center}.pack-detail-hero p{color:#d4d9ff;max-width:720px}.pack-detail-price{display:inline-flex;margin-top:15px;padding:8px 13px;border-radius:999px;background:#fff;color:#171d52;font-weight:900}.pack-detail-hero aside{padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(255,255,255,.1)}.pack-detail-hero aside>b,.pack-detail-hero aside>span{display:block}.pack-detail-hero aside>b{font-size:42px}.pack-detail-hero aside>span{color:#d6dbff}.pack-detail-hero aside .btn,.pack-access-active{margin-top:16px}.pack-access-active{padding:10px;border-radius:11px;background:rgba(23,188,124,.18);color:#caffea!important;font-weight:850;text-align:center}.pack-selection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:38px}.pack-selection-summary>section{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.pack-selection-summary h3{margin:0 0 10px}.pack-selection-summary section>div{display:flex;flex-wrap:wrap;gap:7px}.pack-selection-summary span{padding:6px 9px;border-radius:999px;background:#eef0ff;color:#3c48bb;font-size:11px;font-weight:800}.pack-selection-summary small{color:var(--muted)}.pack-paper-locked{display:block;padding:11px;text-align:center;border-radius:12px;background:#f1f2f7;color:var(--muted);font-weight:750}
.palette-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 11px;border-bottom:1px solid var(--line);background:#f8faff}.palette-summary>div{min-width:0;padding:8px 4px;border-radius:9px;background:#fff;text-align:center}.palette-summary b,.palette-summary span{display:block;min-width:0;overflow-wrap:anywhere}.palette-summary b{font-size:15px;color:var(--navy)}.palette-summary span{font-size:9px;color:var(--muted);line-height:1.15}.topic-highlight-control{display:block;padding:10px 12px;border-bottom:1px solid var(--line)}.topic-highlight-control>span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.topic-highlight-control select{width:100%;min-width:0;padding:9px 10px;border:1px solid #d8ddea;border-radius:10px;background:#fff;color:var(--ink);font-size:12px}.question-palette-grid button.topic-highlight{box-shadow:0 0 0 3px #ffbf3c,0 5px 14px rgba(241,167,42,.28)!important;outline:2px solid #fff;outline-offset:-4px;transform:translateY(-1px)}.palette-section-title{cursor:pointer}.sectioned-question-palette{overflow-x:hidden}.question-palette-grid{grid-template-columns:repeat(5,minmax(38px,1fr));width:100%;overflow:visible}.question-palette-grid button{width:100%;min-width:0;max-width:52px;justify-self:center}.cbt-layout,.question-panel,.palette-panel{min-width:0}.question-context-bar>div,.question-toolbar{min-width:0}.question-toolbar #question-number{overflow-wrap:anywhere}
.experiment-source-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.experiment-source-tabs label{margin:0!important;min-width:0;text-align:center}.experiment-source-list label{position:relative;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;gap:4px 10px;align-items:center;margin:0!important;padding:13px!important;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}.experiment-source-list label:hover{border-color:#c7ceff;transform:translateY(-1px)}.experiment-source-list label>input{position:absolute;opacity:0;pointer-events:none}.experiment-source-list label>i{grid-row:1/3;width:21px;height:21px;border:2px solid #c5cbda;border-radius:6px;background:#fff;position:relative}.experiment-source-list label>input:checked+i{border-color:var(--primary);background:var(--primary)}.experiment-source-list label>input:checked+i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-style:normal;font-weight:900}.experiment-source-list label>b{grid-column:2}.experiment-source-list label>span{grid-column:2;color:var(--muted);font-size:11px}.experiment-source-list label>strong{grid-column:3;grid-row:1/3;opacity:0;color:var(--success)}.experiment-source-list label.is-selected{border-color:#99a4ff;background:#f4f5ff}.experiment-source-list label.is-selected>strong{opacity:1}.selected-pack-items button{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.selected-pack-items button small{padding:3px 6px;border-radius:999px;background:#e8eaff;color:#3f4abb;font-size:9px;text-transform:uppercase}
.learner-analysis-page{background:#f5f7fb}.analysis-overview-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:30px;border-radius:26px;background:linear-gradient(135deg,#171d52,#3b469f);color:#fff}.analysis-overview-hero h1{margin:8px 0;font-size:clamp(34px,5vw,54px);line-height:1.05}.analysis-overview-hero p{margin:0;color:#d8dcff}.analysis-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.analysis-kpi-grid article{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.analysis-kpi-grid span,.analysis-kpi-grid b,.analysis-kpi-grid small{display:block}.analysis-kpi-grid span,.analysis-kpi-grid small{color:var(--muted)}.analysis-kpi-grid b{font-size:29px;margin:3px 0}.analysis-dashboard-card,.performance-chart-card{padding:21px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(28,35,76,.045);margin-bottom:18px}.analysis-card-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.analysis-card-title h2{margin:3px 0 0}.daily-analysis-chart{height:220px;display:grid;grid-template-columns:repeat(14,minmax(18px,1fr));align-items:end;gap:8px;padding-top:20px;border-bottom:1px solid var(--line)}.daily-analysis-chart>div{text-align:center}.daily-analysis-chart>div>span{display:flex;height:160px;align-items:flex-end;justify-content:center}.daily-analysis-chart i{display:block;width:min(28px,100%);height:max(4px,var(--score));max-height:100%;border-radius:8px 8px 2px 2px;background:linear-gradient(#6c55ef,#4958e8);animation:bar-rise .6s ease both;transform-origin:bottom}@keyframes bar-rise{from{transform:scaleY(0)}}.daily-analysis-chart small,.daily-analysis-chart b{display:block;font-size:10px}.daily-analysis-chart small{color:var(--muted);margin-top:5px}.daily-analysis-chart b{color:var(--primary)}.chart-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:10px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--primary);margin-right:5px}.analysis-two-column,.result-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-list{display:grid;gap:12px}.skill-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.skill-list b,.skill-list small{display:block}.skill-list small{color:var(--muted)}.skill-list>article>span{grid-column:1/-1;height:7px;border-radius:999px;background:#edf0f5;overflow:hidden}.skill-list>article>span i{display:block;height:100%;border-radius:inherit;background:var(--success)}.skill-list.weak>article>span i{background:var(--danger)}.analysis-attempt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-attempt-grid>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 13px;padding:15px;border:1px solid var(--line);border-radius:15px;color:var(--ink);transition:.18s ease}.analysis-attempt-grid>a:hover{border-color:#bdc5ff;transform:translateY(-2px)}.analysis-attempt-grid>a>div{display:flex;align-items:center;gap:9px}.analysis-attempt-grid b,.analysis-attempt-grid small{display:block}.analysis-attempt-grid small,.analysis-attempt-grid>a>span{color:var(--muted);font-size:11px}.analysis-attempt-grid>a>span{grid-column:1/-1}.analysis-status-dot{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #e5f7ef}
.result-action-row{display:flex;justify-content:space-between;gap:10px;margin:16px 0}.result-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.result-comparison-grid article{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.result-comparison-grid span,.result-comparison-grid b,.result-comparison-grid small{display:block}.result-comparison-grid span,.result-comparison-grid small{color:var(--muted)}.result-comparison-grid b{font-size:24px}.performance-bars{display:grid;gap:13px}.performance-bars article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.performance-bars b,.performance-bars span{display:block}.performance-bars span{color:var(--muted);font-size:11px}.performance-bars article>i{grid-column:1/-1;height:7px;border-radius:99px;background:#eef0f5;overflow:hidden}.performance-bars em{display:block;height:100%;background:linear-gradient(90deg,#4958e8,#16a36a);border-radius:inherit}.question-analysis-title{display:flex!important;gap:10px;align-items:center}.question-analysis-title>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef0ff;color:var(--primary);font-size:16px}.question-analysis-title strong,.question-analysis-title span{display:block}.question-analysis-card{overflow:hidden}.question-analysis-card .analysis-question{font-size:17px;line-height:1.65}.question-comparison b{display:inline;color:var(--ink)}

@media(max-width:1000px){.catalog-hero-grid{grid-template-columns:1fr}.daily-challenge-panel{transform:none}.pack-showcase-grid,.catalog-dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-dimension-grid .dimension-column:last-child{grid-column:1/-1}.relation-layout{grid-template-columns:1fr}.relation-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-attempt-grid{grid-template-columns:1fr}}
@media(max-width:700px){.catalog-hero{padding:40px 0}.catalog-hero-copy h1{font-size:43px}.catalog-hero-copy>p{font-size:15px}.catalog-main-search{grid-template-columns:auto minmax(0,1fr);padding:8px 12px}.catalog-main-search .btn{grid-column:1/-1;width:100%}.daily-challenge-panel{padding:19px;border-radius:22px}.pack-showcase-grid,.catalog-dimension-grid,.pack-selection-summary,.analysis-two-column,.result-breakdown-grid{grid-template-columns:1fr}.catalog-dimension-grid .dimension-column:last-child{grid-column:auto}.pack-showcase-card{grid-template-columns:45px minmax(0,1fr)}.pack-showcase-card>strong{grid-column:2;justify-self:start}.compact-heading{align-items:flex-start}.recent-paper-section{padding-top:28px}.relation-sidebar{grid-template-columns:1fr}.dimension-detail-hero,.pack-detail-hero{padding:42px 0}.pack-detail-grid{grid-template-columns:1fr}.pack-detail-hero h1,.dimension-detail-hero h1{font-size:44px}.analysis-overview-hero{align-items:flex-start;flex-direction:column;padding:22px}.analysis-kpi-grid,.result-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-analysis-chart{gap:4px;overflow-x:auto}.daily-analysis-chart>div{min-width:22px}.analysis-dashboard-card{padding:16px}.result-action-row{align-items:stretch;flex-direction:column}.result-action-row .btn{width:100%}.experiment-source-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mobile-bottom-nav,.mobile-bottom-nav-auth,.mobile-bottom-nav-guest{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-bottom-nav a{min-width:0}.mobile-bottom-nav small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-mode .palette-panel{max-height:none!important;overflow:visible!important}.exam-mode .palette-summary{position:relative;z-index:1}.exam-mode .topic-highlight-control{padding:8px 10px}.exam-mode .sectioned-question-palette{max-height:245px!important;overflow-y:auto!important;overflow-x:hidden!important}.exam-mode .question-palette-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:10px!important;overflow:visible!important;justify-content:stretch!important;width:100%!important}.exam-mode .question-palette-grid button{width:100%!important;height:auto!important;min-width:0!important;max-width:46px!important;aspect-ratio:1!important}.exam-mode .palette-section-title{position:static!important;font-size:12px!important;padding:7px 11px!important}.exam-mode .question-group-scroll-wrap{width:100%!important;margin:0!important}.exam-mode .question-group-nav{width:100%!important}.exam-mode .question-context-bar{top:106px!important}.exam-mode .question-toolbar{top:173px!important}.exam-mode .question-panel{min-height:calc(100vh - 250px)!important;overflow:hidden}.exam-mode .question-card{min-width:0;overflow:hidden}.exam-mode .question-text,.exam-mode .option-content{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.palette-summary>div{padding:7px 2px}.palette-summary b{font-size:13px}.palette-summary span{font-size:8px}.question-analysis-card{padding:15px}.question-analysis-card .analysis-head{gap:10px}.question-analysis-title>b{width:38px;height:38px}.answer-summary{gap:9px}.chart-legend{align-items:flex-start;flex-direction:column;gap:4px}}

.question-group-scroll-wrap .question-group-nav{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:flex;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:10px 2px 12px;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}

.question-group-scroll-wrap .question-group-nav button{
  flex:0 0 auto;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid #cdd5e5;
  background:#fff;
  color:#33405f;
}

.question-group-scroll-wrap .question-group-nav button:hover:not(:disabled){
  border-color:var(--primary);
  color:var(--primary);
  background:#fff;
}

.question-group-scroll-wrap .question-group-nav button.active,
.question-group-scroll-wrap .question-group-nav button.active:hover:not(:disabled),
.question-group-scroll-wrap .question-group-nav button.active:focus{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  color:#fff!important;
}

.cbt-shell{
  overflow-x:hidden;
}

.cbt-layout,
.question-panel,
.palette-panel{
  min-width:0;
}

.publish-actions form#paper-publish-form{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

.paper-status-select{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.paper-status-select span{
  opacity:.82;
}

.paper-status-select select{
  appearance:none;
  -webkit-appearance:none;
  min-width:108px;
  border:1px solid rgba(255,255,255,.30);
  background:#fff;
  color:var(--ink);
  border-radius:12px;
  padding:10px 34px 10px 12px;
  font-weight:800;
  cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#4d5571 50%),linear-gradient(135deg,#4d5571 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}

.paper-status-select select:focus{
  outline:0;
  box-shadow:0 0 0 3px rgba(255,255,255,.25);
}

.question-more-menu,
.version-menu,
.question-bank-drawer{
  display:none!important;
}

@media(max-width:900px){
  .question-group-scroll-wrap{
    width:100%;
    margin:0 auto 10px;
    padding:0 10px;
  }

  .question-group-scroll-wrap .question-group-nav{
    position:static;
    background:transparent;
    padding:8px 0 10px;
  }

  .question-group-scroll-wrap .question-group-nav button{
    max-width:190px;
    padding:8px 11px;
  }

  .publish-actions{
    width:100%;
  }

  .publish-actions form#paper-publish-form{
    width:100%;
    flex-wrap:wrap;
  }

  .paper-status-select{
    flex:1 1 160px;
  }

  .paper-status-select select{
    width:100%;
  }
}

@media(max-width:640px){
  .question-group-scroll-wrap{
    padding:0 8px;
  }

  .question-group-scroll-wrap .question-group-nav button{
    max-width:160px;
    font-size:12px;
  }
}

/* Follow-up polish: dependable rupee glyphs, clear learner navigation and paper video. */
.currency-symbol{
  font-family:"Noto Sans","Arial Unicode MS","Segoe UI Symbol","Segoe UI",sans-serif;
  font-weight:inherit;
  font-style:normal;
}

.analysis-overview-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.instruction-consent-bar .instruction-back-link{
  flex:0 0 auto;
  white-space:nowrap;
}

.result-video-card{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:22px;
  align-items:center;
  margin:22px 0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(28,35,76,.05);
}

.result-video-copy h2{
  margin:5px 0 8px;
  font-size:25px;
}

.result-video-copy p{
  margin:0;
  color:var(--muted);
}

.result-video-frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:16px;
  background:var(--navy);
}

.result-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

@media(max-width:700px){
  .analysis-overview-actions{width:100%;justify-content:stretch}
  .analysis-overview-actions .btn{flex:1}
  .result-video-card{grid-template-columns:1fr;padding:17px;border-radius:18px}
}

@media(max-width:640px){
  .instruction-consent-bar .instruction-back-link{width:100%}
}







/* Examie focused cleanup: messages, creator dashboard, announcement modal, mobile nav */
.message{transition:opacity .28s ease,transform .28s ease}
.message.message-hide{opacity:0;transform:translateY(-8px)}
.creator-dashboard-page .container{max-width:1180px}
.creator-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#f3f5ff);box-shadow:0 16px 45px rgba(28,35,76,.06)}
.creator-dashboard-hero h1{font-size:clamp(32px,4vw,52px);margin:8px 0 8px}
.creator-dashboard-hero p{margin:0;color:var(--muted)}
.creator-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.creator-summary-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:20px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(28,35,76,.05)}
.creator-summary-card b{display:block;font-size:36px;line-height:1;color:var(--navy)}
.creator-summary-card span{display:block;color:var(--muted);font-size:13px;font-weight:750;margin-top:5px}
.creator-summary-card p{margin:0;color:var(--muted);max-width:520px}
.creator-paper-grid .paper-card{min-height:300px}
.custom-url-dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:24px;padding:0;background:transparent}
.custom-url-dialog::backdrop{background:rgba(12,17,47,.62);backdrop-filter:blur(4px)}
.custom-url-card{background:#fff;border-radius:24px;padding:24px;border:1px solid var(--line);box-shadow:0 28px 90px rgba(10,16,45,.30)}
.custom-url-card label{display:block;margin:16px 0;font-size:13px;font-weight:800}
.custom-url-card input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}
.announcement-form,.announcement-manager{box-shadow:0 14px 45px rgba(28,35,76,.06)}
.announcement-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:9px}
.announcement-row.is-dragging{opacity:.55}
.drag-handle{cursor:grab;color:var(--muted);font-weight:900}
.mobile-bottom-nav svg{width:22px;height:22px;fill:currentColor;display:block}
.mobile-bottom-nav a{color:#68708a}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{color:var(--primary)}
.mobile-bottom-nav small{font-weight:900;letter-spacing:-.01em}
.mobile-app-top .announcement-menu summary,.desktop-announcement-menu summary{font-weight:900}
.nav-links a{white-space:nowrap}
.nav-links a:hover{color:var(--primary)}
@media(max-width:900px){
  .creator-dashboard-hero{align-items:flex-start;flex-direction:column}
  .creator-dashboard-actions{width:100%;justify-content:flex-start}
  .creator-summary-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .creator-dashboard-hero{padding:22px;border-radius:24px}
  .creator-dashboard-actions .btn{flex:1;min-width:130px}
  .announcement-row{grid-template-columns:auto minmax(0,1fr) auto}
  .announcement-row .btn{grid-column:2}
  .announcement-row .paper-delete-button{grid-column:3;grid-row:1}
  .mobile-bottom-nav{height:66px}
  .mobile-bottom-nav a{gap:3px}
  .mobile-bottom-nav svg{width:21px;height:21px}
}




/* Stabilisation patch: header, mobile app shell, CBT, result and analytics */
.message{transition:opacity .3s ease,transform .3s ease}
.message.message-hide{opacity:0;transform:translateY(-8px)}

.site-header .desktop-header-inner{gap:16px}
.site-header .brand{min-width:0;flex:0 1 250px}
.site-header .brand span:last-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .nav-links{flex:1;min-width:0;gap:14px;align-items:center}
.site-header .nav-links a{white-space:nowrap;font-size:14px}
.header-actions{margin-left:auto;flex:0 0 auto}

.profile-menu{position:relative}
.profile-menu summary{list-style:none}
.profile-menu summary::-webkit-details-marker{display:none}
.profile-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;cursor:pointer}
.profile-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:13px;font-weight:900}
.profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:13px;color:var(--ink)}
.profile-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:95;width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:9px}
.profile-popover b{display:block;padding:8px 10px;color:var(--ink)}
.profile-popover a{display:block;padding:10px 11px;border-radius:10px;color:var(--ink);font-weight:750}
.profile-popover a:hover{background:var(--soft)}

.exam-mode .site-header,
.exam-mode .mobile-bottom-nav,
.exam-mode .site-footer{display:none!important}
.exam-mode{padding-bottom:0!important}
.exam-mode main{min-height:100vh}

.instruction-page{background:#eef2f8}
.instruction-container{border-radius:0 0 18px 18px;overflow:hidden}
.instruction-detail-table{table-layout:auto}
.instruction-detail-table td,
.instruction-detail-table th{vertical-align:top}
.instruction-description{font-size:16px;line-height:1.75}

.cbt-shell{min-height:100vh}
.question-group-scroll-wrap{max-width:1400px;margin:0 auto;overflow:hidden}
.cbt-action-btn .mobile-action-icon{display:none}
.cbt-action-btn .action-label{display:inline}
.question-text{word-break:normal;overflow-wrap:anywhere}

.result-summary-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,var(--navy),#303a8a);color:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.result-summary-card h1{margin:8px 0 8px;font-size:clamp(32px,5vw,54px);line-height:1.06}
.result-summary-card p{margin:0;color:#d7dcff}
.result-score-box{min-width:170px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:22px;padding:20px;text-align:center}
.result-score-box b{display:block;font-size:38px}
.result-score-box span{display:block;color:#e6e9ff}
.result-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}
.result-stat-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 25px rgba(28,35,76,.05)}
.result-stat-grid b,.result-stat-grid span{display:block}
.result-stat-grid b{font-size:26px}
.result-stat-grid span{color:var(--muted);font-size:13px}
.result-rank-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:20px 0}
.result-rank-card h2{margin:5px 0 0}

.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 26px}
.analytics-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(28,35,76,.05)}
.analytics-summary-grid b,.analytics-summary-grid span{display:block}
.analytics-summary-grid b{font-size:30px}
.analytics-summary-grid span{color:var(--muted);font-size:13px}
.analytics-section-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:22px;box-shadow:0 8px 28px rgba(28,35,76,.05)}
.analytics-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}
.analytics-section-head h2{margin:0}
.analytics-section-head p{margin:4px 0 0;color:var(--muted)}
.analytics-clean-list,.analytics-question-list{display:grid;gap:10px}
.analytics-clean-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcff}
.analytics-clean-list b,.analytics-clean-list small{display:block}
.analytics-clean-list small{color:var(--muted)}
.analytics-clean-list strong{font-size:22px}
.analytics-clean-list span{color:var(--muted)}
.analytics-question-list article{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 80px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcff}
.analytics-question-list b{display:block}
.analytics-question-list p{margin:5px 0 0;color:var(--muted);font-size:13px}
.analytics-question-list strong,.analytics-question-list span{display:block;text-align:right}
.analytics-question-list span{font-size:12px;color:var(--muted)}

.custom-url-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.custom-url-card label{display:block;font-weight:800;font-size:13px;margin:14px 0}
.custom-url-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin-top:7px}
.custom-url-card .json-dialog-head button{border:0;background:var(--soft);width:38px;height:38px;border-radius:11px;font-size:20px;cursor:pointer}

@media(max-width:900px){
  .site-header .desktop-header-inner{display:none}
  .mobile-app-top{display:grid}
  .analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-question-list article{grid-template-columns:1fr 80px}
  .analytics-question-list article>div:nth-child(3),
  .analytics-question-list article>div:nth-child(4){display:none}
  .result-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  body{padding-bottom:66px}
  .mobile-bottom-nav-guest{grid-template-columns:repeat(3,1fr)}
  .mobile-bottom-nav-auth{grid-template-columns:repeat(4,1fr)}
  .mobile-bottom-nav svg{width:22px;height:22px;fill:currentColor;display:block}
  .mobile-bottom-nav a{color:#68708a}
  .mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{color:var(--primary)}
  .mobile-bottom-nav small{font-size:10px;font-weight:900}

  .exam-mode body,
  body.exam-mode{padding-bottom:0}
  .exam-mode .cbt-shell{padding:0;background:#eef2f8}
  .exam-mode .cbt-top{position:sticky;top:0;z-index:40;border-radius:0;margin:0;padding:10px 14px}
  .exam-mode .cbt-label{font-size:10px}
  .exam-mode .cbt-top h1{font-size:16px;max-width:68vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .exam-mode .timer-box b{font-size:18px}
  .exam-mode .question-group-scroll-wrap{position:sticky;top:59px;z-index:38;background:#eef2f8;border-bottom:1px solid #dbe2ee}
  .exam-mode .question-group-nav{top:auto;padding:9px 10px}
  .exam-mode .question-group-nav button{font-size:12px;padding:8px 11px;max-width:190px}
  .exam-mode .cbt-layout{display:block}
  .exam-mode .palette-panel{border-radius:0;border-left:0;border-right:0;max-height:210px;overflow:auto}
  .exam-mode .palette-head{padding:10px 12px}
  .exam-mode .gate-palette-legend{display:none}
  .exam-mode .question-context-bar{position:sticky;top:107px;z-index:35;display:grid;gap:8px;padding:9px 12px;font-size:11px;background:#f8fbff}
  .exam-mode .question-context-bar>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
  .exam-mode #question-type-label{grid-column:1/-1}
  .exam-mode .question-score-rules{justify-content:flex-start;gap:7px 12px}
  .exam-mode .question-panel{border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - 280px)}
  .exam-mode .question-toolbar{position:sticky;top:174px;z-index:34;padding:9px 12px;background:#fff}
  .exam-mode .question-card{padding:18px 14px 86px}
  .exam-mode .question-text{font-size:17px;line-height:1.55}
  .exam-mode .answer-area{gap:9px;margin-top:18px}
  .exam-mode .cbt-option{grid-template-columns:22px 38px 1fr;padding:12px}
  .exam-mode .cbt-actions{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;padding:9px 10px;padding-bottom:max(9px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(20,26,70,.14);display:grid;grid-template-columns:48px 58px 64px 1fr;gap:8px}
  .exam-mode .cbt-actions .btn{min-width:0;padding:10px 8px;border-radius:13px}
  .exam-mode .cbt-action-btn .action-label{display:none}
  .exam-mode .cbt-action-btn .mobile-action-icon{display:inline;font-size:22px;line-height:1}
  .exam-mode #next-btn .mobile-action-icon{font-size:26px}

  .instruction-banner-inner{padding:16px 0}
  .instruction-banner h1{font-size:28px}
  .instruction-banner-meta{gap:6px}
  .instruction-content{width:calc(100% - 24px);margin:26px auto}
  .instruction-content h2{font-size:19px}
  .instruction-description{font-size:15px;line-height:1.6}
  .instruction-summary-grid{grid-template-columns:repeat(2,1fr)}
  .instruction-detail-table{display:block;width:100%;overflow-x:auto;font-size:14px}
  .instruction-detail-table th,.instruction-detail-table td{padding:9px 10px}
  .section-distribution-table{min-width:520px}

  .result-summary-card{display:block;border-radius:24px;padding:26px}
  .result-summary-card h1{font-size:38px}
  .result-score-box{margin-top:20px;width:100%;min-width:0}
  .result-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-stat-grid article{padding:16px}
  .result-stat-grid b{font-size:24px}
  .result-rank-card{display:block}
  .result-rank-card .btn{margin-top:12px}

  .analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-section-card{padding:16px;border-radius:18px}
  .analytics-clean-list article{grid-template-columns:1fr auto}
  .analytics-clean-list article>span{grid-column:1/-1}
  .announcement-row{grid-template-columns:auto minmax(0,1fr) auto}
  .announcement-row .status{grid-column:2}
  .announcement-row .btn{grid-column:2}
}



/* Creator dashboard and learner attempts cleanup */
.creator-dashboard-page .creator-dashboard-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}

.creator-dashboard-hero h1{
  margin:8px 0 6px;
  font-size:clamp(34px,4vw,52px);
}

.creator-dashboard-hero p{
  margin:0;
  color:var(--muted);
}

.creator-dashboard-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.creator-summary-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(135deg,#fff,#f5f7ff);
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px 24px;
  margin-bottom:26px;
  box-shadow:0 10px 32px rgba(28,35,76,.06);
}

.creator-summary-card b,
.creator-summary-card span{
  display:block;
}

.creator-summary-card b{
  font-size:34px;
  line-height:1;
}

.creator-summary-card span{
  color:var(--muted);
  margin-top:5px;
}

.creator-summary-card p{
  margin:0;
  color:var(--muted);
  max-width:620px;
}

.creator-paper-grid .paper-card{
  min-height:330px;
}

.learner-attempt-page .section-heading p{
  margin:4px 0 0;
  color:var(--muted);
}

.attempt-card-list{
  display:grid;
  gap:14px;
}

.attempt-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px auto;
  align-items:center;
  gap:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  box-shadow:0 8px 28px rgba(28,35,76,.05);
}

.attempt-card h3{
  margin:9px 0 4px;
  font-size:19px;
}

.attempt-card p{
  margin:0;
  color:var(--muted);
}

.attempt-score-box{
  text-align:right;
}

.attempt-score-box b,
.attempt-score-box span{
  display:block;
}

.attempt-score-box b{
  font-size:24px;
}

.attempt-score-box span{
  color:var(--muted);
  font-size:12px;
}

.attempt-card .attempt-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.attempt-card .attempt-actions form{
  margin:0;
}

@media(max-width:900px){
  .creator-dashboard-page .creator-dashboard-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .creator-dashboard-actions{
    justify-content:flex-start;
  }

  .attempt-card{
    grid-template-columns:1fr;
    align-items:start;
  }

  .attempt-score-box{
    text-align:left;
  }

  .attempt-card .attempt-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:640px){
  .creator-summary-card{
    align-items:flex-start;
    flex-direction:column;
    padding:18px;
  }

  .creator-dashboard-actions{
    width:100%;
  }

  .creator-dashboard-actions .btn{
    flex:1;
    min-width:130px;
  }

  .attempt-card{
    padding:16px;
    border-radius:18px;
  }

  .attempt-card .attempt-actions .btn,
  .attempt-card .attempt-actions form{
    flex:1;
  }

  .attempt-card .attempt-actions form .btn{
    width:100%;
  }
}

/* Learner access states and duplicate-action protection. */
.paper-card{position:relative;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.attempted-strip{position:absolute;top:0;left:0;right:0;z-index:2;height:5px;background:#18a765;box-shadow:0 1px 4px rgba(16,129,76,.25)}
.paper-card.has-attempted-strip{padding-top:26px}
.paper-access-badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.paper-access-badge.free{background:#e5f7ef;color:#08744a}
.paper-access-badge.paid{background:#fff1df;color:#a34e00}
.paper-access-badge.membership{background:#ebe9ff;color:#5142b8}
.paper-card-top .paper-access-badge{margin-left:auto}
.paper-card-top .attempted-badge+.paper-access-badge{margin-left:0}
.page-action-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(12,18,51,.52);backdrop-filter:blur(3px)}
.page-action-overlay[hidden]{display:none!important}
.page-action-overlay-card{width:min(310px,100%);display:grid;justify-items:center;gap:10px;padding:26px 22px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 28px 70px rgba(7,11,35,.32);text-align:center}
.page-action-overlay-card b{font-size:16px}.page-action-overlay-card small{color:var(--muted)}
.page-action-spinner{width:36px;height:36px;border:4px solid #dfe3ff;border-top-color:var(--primary);border-radius:50%;animation:examie-page-spin .78s linear infinite}
@keyframes examie-page-spin{to{transform:rotate(360deg)}}
.page-action-pending{overflow:hidden}

/* v8: creator actions, pack builder, pack detail and mobile table containment */
.creator-paper-card{
  padding-top:22px;
  overflow:hidden;
}

.creator-paper-actions{
  display:grid;
  gap:14px;
  margin-top:auto;
}

.creator-paper-actions>.button-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.creator-paper-actions>.button-row .btn{
  width:100%;
  min-width:0;
}

.creator-paper-danger-zone{
  margin:2px -22px -22px;
  padding:12px 22px;
  border-top:1px solid #f0d9dc;
  background:#fff9fa;
}

.creator-paper-card .paper-delete-form{
  position:static!important;
  inset:auto!important;
  width:100%;
  margin:0!important;
}

.creator-delete-button{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid #f0c6cb;
  border-radius:13px;
  padding:9px 12px;
  background:#fff;
  color:#ae2732;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.creator-delete-button:hover{
  border-color:#dc7c86;
  background:#fff0f2;
  transform:translateY(-1px);
}

.creator-delete-button>span:last-child,
.creator-delete-button b,
.creator-delete-button small{
  display:block;
}

.creator-delete-button small{
  margin-top:2px;
  color:#8d5960;
  font-size:10px;
  line-height:1.3;
  font-weight:650;
}

.creator-delete-icon{
  width:32px;
  height:32px;
  display:grid!important;
  place-items:center;
  border-radius:9px;
  background:#ffe8eb;
  font-size:16px;
}

.experiment-container{
  max-width:1240px;
}

.experiment-hero{
  margin-bottom:24px;
}

.experiment-builder{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:24px;
  align-items:start;
}

.experiment-main{
  min-width:0;
  display:grid;
  gap:18px;
}

.experiment-sidebar{
  min-width:0;
  position:sticky;
  top:90px;
}

.experiment-sidebar-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 46px rgba(28,35,76,.08);
}

.experiment-sidebar-head{
  display:grid;
  gap:5px;
  padding:20px 20px 14px;
}

.experiment-sidebar-head h2{
  margin:4px 0 0;
  font-size:22px;
}

.experiment-sidebar-head>small{
  color:var(--muted);
}

.experiment-source-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0 12px 12px;
}

.experiment-source-tabs button{
  min-width:0;
  border:0;
  border-radius:10px;
  padding:9px 5px;
  background:#f1f3f8;
  color:#626a82;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  transition:.18s ease;
}

.experiment-source-tabs button.is-active{
  background:var(--navy);
  color:#fff;
  box-shadow:0 7px 18px rgba(21,27,75,.18);
}

.experiment-source-search{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:0 12px 10px!important;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f9faff;
}

.experiment-source-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  padding:10px 0;
  background:transparent;
}

.experiment-source-scroll{
  max-height:calc(100vh - 335px);
  min-height:300px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:2px 12px 12px;
  scrollbar-width:thin;
}

.experiment-source-list{
  display:grid;
  gap:8px;
}

.experiment-source-list[hidden],
.experiment-source-list [data-source-row][hidden]{
  display:none!important;
}

.experiment-source-list label[data-source-row]{
  position:relative;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 22px!important;
  gap:9px!important;
  align-items:center!important;
  min-width:0;
  margin:0!important;
  padding:12px!important;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.experiment-source-list label[data-source-row]:hover{
  border-color:#b8c0ff;
  transform:translateY(-1px);
}

.experiment-source-list label[data-source-row]>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.experiment-source-list label[data-source-row]>i{
  grid-column:1!important;
  grid-row:1!important;
  width:21px;
  height:21px;
  border:2px solid #c5cbda;
  border-radius:7px;
  background:#fff;
  position:relative;
}

.experiment-source-list label[data-source-row]>input:checked+i{
  border-color:var(--primary);
  background:var(--primary);
}

.experiment-source-list label[data-source-row]>input:checked+i:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

.experiment-source-list label[data-source-row]>span{
  grid-column:2!important;
  min-width:0;
  color:var(--ink)!important;
  font-size:inherit!important;
}

.experiment-source-list label[data-source-row]>span b,
.experiment-source-list label[data-source-row]>span small{
  display:block;
  min-width:0;
}

.experiment-source-list label[data-source-row]>span b{
  overflow:hidden;
  color:var(--ink);
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.experiment-source-list label[data-source-row]>span small{
  margin-top:2px;
  color:var(--muted);
  font-size:10px;
  line-height:1.3;
}

.experiment-source-list label[data-source-row]>strong{
  grid-column:3!important;
  grid-row:1!important;
  opacity:0;
  color:var(--success);
  font-size:17px;
}

.experiment-source-list label[data-source-row].is-selected{
  border-color:#8e9aff;
  background:#f3f5ff;
}

.experiment-source-list label[data-source-row].is-selected>strong{
  opacity:1;
}

.experiment-paper-source-list label[data-source-row]:has(>em){
  padding-top:30px!important;
}

.experiment-paper-source-list label>em{
  position:absolute;
  top:0;
  left:0;
  right:0;
  padding:4px 10px;
  background:#15965f;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
}

.experiment-paper-source-list label>em.membership{
  background:#4958e8;
}

.experiment-sidebar-help{
  padding:12px 15px;
  border-top:1px solid var(--line);
  background:#f7f8fc;
  color:#68708a;
  font-size:10px;
  line-height:1.45;
}

.experiment-details-card,
.experiment-selected-card{
  margin:0;
  padding:24px;
}

.experiment-card-heading,
.experiment-paper-heading,
.experiment-submit-bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.experiment-card-heading h2,
.experiment-paper-heading h2{
  margin:4px 0 0;
}

.experiment-save-note,
.selection-live-status,
.experiment-ranking-note{
  padding:6px 9px;
  border-radius:999px;
  background:#eff1f8;
  color:#616a84;
  font-size:10px;
  font-weight:800;
}

.experiment-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin-top:20px;
}

.experiment-description-field textarea{
  resize:vertical;
}

.experiment-access-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin-top:8px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#f8f9fd;
}

.experiment-access-card b,
.experiment-access-card small{
  display:block;
}

.experiment-access-card small{
  color:var(--muted);
}

.experiment-price-row{
  display:flex;
  align-items:center;
  gap:8px;
}

.experiment-price-row label{
  margin:0!important;
}

.experiment-price-row label input{
  position:absolute;
  opacity:0;
}

.experiment-price-row label span{
  display:block;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}

.experiment-price-row label input:checked+span{
  border-color:var(--primary);
  background:#eef0ff;
  color:var(--primary);
}

.experiment-price-row>input{
  width:135px!important;
  margin:0!important;
  padding:9px 10px!important;
}

.selected-pack-items{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:17px;
}

.selected-pack-items>p{
  margin:0;
  color:var(--muted);
}

.selected-pack-items .selected-scope-chip{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:7px;
  align-items:center;
  max-width:100%;
  border:1px solid #d7dbf2;
  border-radius:12px;
  padding:7px 9px;
  background:#f7f8ff;
  color:var(--ink);
  cursor:pointer;
}

.selected-scope-chip small{
  padding:3px 6px;
  border-radius:999px;
  background:#e8eaff;
  color:#3f4abb;
  font-size:9px;
  text-transform:uppercase;
}

.selected-scope-chip span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.selected-scope-chip>b{
  color:#b42d38;
  font-size:17px;
}

.experiment-paper-preview{
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 8px 30px rgba(28,35,76,.05);
}

.experiment-paper-heading p{
  margin:4px 0 0;
  color:var(--muted);
}

.experiment-paper-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:20px;
}

.experiment-selected-paper{
  position:relative;
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  padding:38px 14px 14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.experiment-selected-paper:hover{
  border-color:#c7ceff;
  box-shadow:0 12px 28px rgba(28,35,76,.08);
  transform:translateY(-2px);
}

.experiment-paid-strip,
.experiment-membership-strip,
.experiment-free-strip{
  position:absolute;
  top:0;
  left:0;
  right:0;
  padding:5px 12px;
  background:#15965f;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.experiment-membership-strip{background:#4958e8}
.experiment-free-strip{background:#eef2f6;color:#596078}

.experiment-paper-remove{
  position:absolute;
  top:31px;
  right:8px;
  z-index:2;
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  background:#fff0f2;
  color:#b42d38;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.experiment-paper-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef0ff;
  color:var(--primary);
  font-weight:900;
}

.experiment-paper-copy{
  min-width:0;
  padding-right:22px;
}

.experiment-paper-copy>small{
  color:#08744a;
  font-weight:800;
}

.experiment-paper-copy h3{
  margin:3px 0 5px;
  overflow:hidden;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.experiment-paper-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
}

.experiment-paper-copy>div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  color:#596078;
  font-size:10px;
  font-weight:750;
}

.experiment-paper-empty{
  grid-column:1/-1;
  display:grid;
  place-items:center;
  gap:3px;
  min-height:160px;
  padding:30px;
  border:1px dashed #cbd1df;
  border-radius:17px;
  color:var(--muted);
  text-align:center;
}

.experiment-paper-empty b{color:var(--ink)}
.experiment-paper-empty.error b{color:var(--danger)}

.experiment-load-row{
  display:flex;
  justify-content:center;
  margin-top:17px;
}

.experiment-load-row[hidden]{display:none!important}

.experiment-submit-bar{
  align-items:center;
  padding:18px 20px;
  border-radius:20px;
  background:var(--navy);
  color:#fff;
  box-shadow:0 14px 34px rgba(21,27,75,.18);
}

.experiment-submit-bar b,
.experiment-submit-bar span{
  display:block;
}

.experiment-submit-bar span{
  color:#cbd1f2;
  font-size:11px;
}

.experiment-existing-packs{
  margin-top:30px;
}

.pack-detail-copy .detail-back-link{
  display:flex;
  width:max-content;
  align-items:center;
  gap:7px;
  margin:0 0 18px;
}

.pack-detail-eyebrow{
  display:block;
  width:max-content;
  margin-bottom:8px;
  color:#cbd1ff;
}

.pack-value-card>small{
  display:block;
  margin-top:4px;
  color:#cbd1f2;
}

.pack-value-label{
  margin-bottom:4px;
  color:#cbd1f2!important;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.pack-selection-summary{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.pack-paper-card{
  position:relative;
  overflow:hidden;
  padding-top:50px;
}

.pack-match-badge{
  position:absolute;
  top:0;
  left:0;
  right:0;
  padding:7px 14px;
  background:#e8f8f1;
  color:#08744a;
  font-size:10px;
  font-weight:900;
}

.instruction-table-scroll{
  width:100%;
  max-width:100%;
  margin:22px 0;
  overflow-x:auto;
  border-radius:10px;
  outline:none;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.instruction-table-scroll:focus{
  box-shadow:0 0 0 3px rgba(73,88,232,.18);
}

.instruction-table-scroll .instruction-detail-table{
  display:table;
  width:100%;
  margin:0;
}

.instruction-meta-scroll .instruction-detail-table{
  min-width:0;
}

.question-text,
.option-content{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.question-text table,
.option-content table{
  border-collapse:collapse;
}

@media(max-width:1000px){
  .experiment-builder{
    grid-template-columns:minmax(0,1fr) 330px;
  }

  .experiment-paper-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .experiment-builder{
    grid-template-columns:1fr;
  }

  .experiment-sidebar{
    position:static;
    grid-row:1;
  }

  .experiment-main{
    grid-row:2;
  }

  .experiment-source-scroll{
    max-height:390px;
  }
}

@media(max-width:640px){
  .creator-paper-actions>.button-row{
    grid-template-columns:1fr;
  }

  .creator-paper-danger-zone{
    margin:2px -22px -22px;
  }

  .experiment-page.section{
    padding-top:24px;
  }

  .experiment-hero,
  .experiment-card-heading,
  .experiment-paper-heading,
  .experiment-submit-bar,
  .experiment-access-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .experiment-details-card,
  .experiment-selected-card,
  .experiment-paper-preview{
    padding:17px;
    border-radius:19px;
  }

  .experiment-source-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .experiment-source-scroll{
    min-height:240px;
    max-height:340px;
  }

  .experiment-price-row{
    width:100%;
    flex-wrap:wrap;
  }

  .experiment-price-row>input{
    width:100%!important;
  }

  .experiment-selected-paper{
    grid-template-columns:38px minmax(0,1fr);
  }

  .experiment-submit-bar{
    display:flex;
  }

  .experiment-submit-bar .btn{
    width:100%;
  }

  .pack-detail-copy .detail-back-link{
    margin-bottom:15px;
  }

  .pack-detail-eyebrow{
    margin-bottom:7px;
  }

  .instruction-table-scroll{
    margin:16px 0;
    border:1px solid #aeb8c5;
    background:#fff;
  }

  .instruction-table-scroll .instruction-detail-table{
    display:table!important;
    margin:0!important;
    font-size:13px;
  }

  .instruction-table-scroll .section-distribution-table{
    width:max-content;
    min-width:610px;
  }

  .instruction-meta-scroll{
    overflow-x:hidden;
  }

  .instruction-meta-scroll .instruction-detail-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }

  .instruction-meta-scroll th{
    width:102px!important;
  }

  .instruction-meta-scroll td,
  .instruction-meta-scroll th{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .question-text table,
  .option-content table{
    width:max-content;
    min-width:100%;
  }
}

/* v7 final cascade guards */
.palette-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;overflow:hidden}
.topic-highlight-control{display:block}
.sectioned-question-palette{overflow-x:hidden}
.question-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));width:100%;overflow:visible}
.question-palette-grid button{min-width:0;width:100%;max-width:52px;justify-self:center}
.question-palette-grid button.topic-highlight{box-shadow:0 0 0 3px #ffbf3c,0 5px 14px rgba(241,167,42,.28)!important;outline:2px solid #fff;outline-offset:-4px}
@media(max-width:640px){
  .mobile-bottom-nav,.mobile-bottom-nav-auth,.mobile-bottom-nav-guest{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mobile-bottom-nav a{min-width:0}
  .exam-mode .palette-panel{max-height:none!important;overflow:visible!important}
  .exam-mode .sectioned-question-palette{max-height:245px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .exam-mode .question-palette-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:10px!important;overflow:visible!important;width:100%!important}
  .exam-mode .question-palette-grid button{width:100%!important;height:auto!important;min-width:0!important;max-width:46px!important;aspect-ratio:1!important}
  .exam-mode .question-panel{min-width:0;overflow:hidden}
  .exam-mode .question-card,.exam-mode .question-text,.exam-mode .option-content{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}

/* Targeted home-search and mobile CBT layout fixes */
.catalog-hero{
  overflow-x:clip;
  overflow-y:visible;
  z-index:20;
}

.catalog-search-results{
  z-index:100;
}

@media(max-width:640px){
  .exam-mode .cbt-shell{
    padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
  }

  .exam-mode .question-group-scroll-wrap{
    margin:0!important;
  }

  .exam-mode .question-panel{
    min-height:0!important;
    overflow:visible!important;
  }

  .exam-mode .question-context-bar,
  .exam-mode .question-toolbar{
    position:static!important;
    top:auto!important;
  }

  .exam-mode .question-card{
    flex:0 0 auto;
    padding:16px 14px 22px!important;
    overflow:visible!important;
  }

  .exam-mode .palette-panel,
  .exam-mode .sectioned-question-palette{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Bulk Experiment generator: preview before one safe R2-backed save. */
.experiment-generator-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:24px}.experiment-generator-main{min-width:0;display:grid;gap:18px}.generator-rules-card{padding:22px}.generator-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.generator-rules-grid>label,.generator-timing-control{display:grid;gap:7px;font-weight:700;color:var(--ink)}.generator-timing-control{grid-column:1/-1;border:1px solid var(--line);border-radius:15px;padding:14px}.generator-timing-control small{color:var(--muted);font-weight:400}.generator-timer-tabs,.generated-card-timing{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.generator-timer-tabs label,.generated-card-timing label{margin:0;font-size:12px;font-weight:700}.generator-timer-tabs input,.generated-card-timing input[type=radio]{position:absolute;opacity:0;pointer-events:none}.generator-timer-tabs span,.generated-card-timing label span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 10px;cursor:pointer}.generator-timer-tabs input:checked+span,.generated-card-timing input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}.generator-timing-control>label{max-width:240px;font-size:12px}.generator-preview-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px}.generator-source-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #b9c1e9;border-radius:13px;background:#f8f9ff;padding:12px 14px;margin:15px 0}.generator-source-summary span{color:var(--muted);font-size:13px}.generator-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generated-paper-card{position:relative;display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,#fff,#fafbff)}.generated-paper-card:hover{border-color:#aeb8f7;box-shadow:0 10px 28px rgba(42,58,151,.08)}.generated-card-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.generated-paper-card>label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--ink)}.generated-paper-card input[type=text],.generated-paper-card input:not([type]){width:100%}.generated-card-meta{display:grid;gap:2px;padding:10px 11px;border-radius:11px;background:var(--soft)}.generated-card-meta b{font-size:13px}.generated-card-meta span{font-size:11px;color:var(--muted)}.generated-card-timing>input{width:125px;padding:8px 9px;font-size:12px}.generated-card-access{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;padding-top:3px}.generated-card-access input{accent-color:var(--primary);width:17px;height:17px}.generated-card-remove{position:absolute;top:13px;right:13px;width:28px;height:28px;border:0;border-radius:9px;background:#fff0f1;color:var(--danger);font-size:20px;line-height:1;cursor:pointer}.generated-card-remove:hover{background:var(--danger);color:#fff}.experiment-readonly-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.experiment-readonly-details h2{margin:5px 0 0;font-size:16px;line-height:1.35}.experiment-detail-stats{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-content:center;padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.12);color:#fff}.experiment-detail-stats b{font-size:20px}.experiment-detail-stats span{font-size:12px;color:#d8dcff}.generator-source-card .experiment-source-list label[data-source-row]{grid-template-columns:24px minmax(0,1fr) auto}.generator-source-card .experiment-source-list label[data-source-row] span{grid-column:2;grid-row:auto}.generator-source-card .experiment-source-list label[data-source-row] strong{grid-row:1}.generated-settings-form{display:grid;gap:20px}
.pack-access-filter .btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
@media(max-width:900px){.experiment-generator-layout{grid-template-columns:1fr}.experiment-sidebar{order:-1}.experiment-source-scroll{max-height:280px}.experiment-readonly-details{grid-template-columns:1fr}.experiment-detail-stats{display:none}}
@media(max-width:620px){.generator-rules-grid,.generator-card-grid{grid-template-columns:1fr}.generator-preview-card,.generator-rules-card{padding:16px}.experiment-paper-heading{align-items:flex-start;flex-direction:column}.experiment-paper-heading .btn{width:100%}.generator-source-summary{align-items:flex-start;flex-direction:column}.generated-paper-card{padding:15px}.experiment-generator .experiment-sidebar{margin:0}.experiment-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.experiment-source-tabs button{font-size:12px;padding:9px 5px}.experiment-submit-bar{align-items:stretch;flex-direction:column}.experiment-submit-bar .btn{width:100%}}