body[data-view="certification"] .page-shell,
body[data-view="certification-results"] .page-shell{width:min(1500px,calc(100vw - 36px));min-width:0;}
body[data-view="certification"] .catalog-panel,
body[data-view="certification-results"] .catalog-panel{width:100%;max-width:100%;padding:22px 24px 26px;}
body[data-view="certification"] .panel-head,
body[data-view="certification-results"] .panel-head{display:none!important;min-height:0;margin:0;}
body[data-view="certification"] .cards-grid,
body[data-view="certification-results"] .cards-grid{display:block;width:100%;max-width:100%;min-width:0;margin-top:0;overflow-anchor:none;}
.cards-grid>.certification-page,.cards-grid>.certification-results-page,.cards-grid>.certification-loading,.cards-grid>.certification-error{grid-column:1/-1;width:100%;}

.certification-page,.certification-results-page{display:grid;gap:14px;max-width:1120px;margin:0 auto;}
.certification-results-page{max-width:none;}
.certification-hero{padding:22px;border:1px solid rgba(244,193,112,.18);border-radius:22px;background:radial-gradient(circle at 15% 0%,rgba(244,193,112,.13),transparent 38%),linear-gradient(135deg,rgba(52,36,24,.78),rgba(20,15,12,.76));box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.055);}
.certification-hero.compact{padding:17px 19px;border-radius:19px;}
.certification-hero>span,.certification-topline>div>span,.certification-detail-head>div>span{color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.certification-hero h2,.certification-detail-head h2{margin:6px 0 8px;color:rgba(255,241,223,.98);font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.045em;}
.certification-hero.compact h2{font-size:clamp(24px,3vw,34px);}
.certification-hero p{max-width:820px;margin:0;color:rgba(255,235,207,.70);font-size:13.5px;line-height:1.5;}
.certification-state-page{max-width:880px;}
.certification-state-card{display:grid;gap:8px;padding:18px;border:1px solid rgba(244,193,112,.14);border-radius:19px;background:rgba(20,15,12,.74);}
.certification-state-card>b{color:rgba(255,241,223,.96);font-size:19px;}
.certification-state-card>span{color:rgba(255,235,207,.65);font-size:13px;}
.certification-state-card button{justify-self:start;margin-top:4px;}

.certification-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0;}
.certification-topline>div:first-child{display:grid;gap:3px;}
.certification-topline b{color:rgba(255,241,223,.96);font-size:19px;}
.certification-corrections{padding:9px 12px;border:1px solid rgba(244,193,112,.16);border-radius:999px;background:rgba(0,0,0,.20);color:rgba(255,235,207,.66);font-size:12px;font-weight:800;}
.certification-corrections b{color:var(--gold);font-size:14px;}
.certification-question-nav{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid rgba(244,193,112,.11);border-radius:16px;background:rgba(20,15,12,.56);}
.certification-question-dot{width:32px;height:32px;padding:0;border:1px solid rgba(244,193,112,.15);border-radius:10px;background:rgba(255,255,255,.035);color:rgba(255,235,207,.55);font-size:11px;font-weight:900;}
.certification-question-dot.answered{border-color:rgba(144,211,163,.28);color:rgba(213,246,222,.92);background:rgba(74,132,90,.16);}
.certification-question-dot.active{border-color:rgba(252,204,117,.66);color:#fff7e9;background:linear-gradient(180deg,rgba(191,145,84,.95),rgba(118,81,39,.94));}
.certification-question-dot.unscored{box-shadow:inset 0 0 0 1px rgba(150,190,255,.16);}
.certification-question-card{display:grid;gap:15px;padding:22px;border:1px solid rgba(244,193,112,.16);border-radius:22px;background:linear-gradient(145deg,rgba(54,39,28,.78),rgba(23,17,13,.78));box-shadow:0 18px 42px rgba(0,0,0,.20);}
.certification-question-card.certification-unscored{border-color:rgba(150,190,255,.24);background:linear-gradient(145deg,rgba(38,44,58,.72),rgba(21,20,23,.80));}
.certification-question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.certification-question-meta span{color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;}
.certification-question-meta em{padding:5px 8px;border-radius:999px;background:rgba(150,190,255,.10);color:rgba(214,229,255,.90);font-size:10px;font-style:normal;font-weight:900;}
.certification-question-card h3,.certification-result-question h3{margin:0;color:rgba(255,242,223,.97);font-size:clamp(20px,2.4vw,30px);line-height:1.18;letter-spacing:-.025em;}
.certification-helper{margin:-4px 0 0;color:rgba(255,235,207,.62);font-size:13px;line-height:1.5;}
.certification-options{display:grid;gap:9px;}
.certification-option{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:12px;border:1px solid rgba(244,193,112,.13);border-radius:15px;background:rgba(255,255,255,.035);color:rgba(255,241,223,.88);text-align:left;}
.certification-option>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(244,193,112,.10);color:var(--gold);font-size:12px;font-weight:950;}
.certification-option>b{font-size:13.5px;line-height:1.38;}
.certification-option.selected{border-color:rgba(252,204,117,.58);background:rgba(174,112,47,.20);box-shadow:inset 0 0 0 1px rgba(252,204,117,.10);}
.certification-option:disabled{cursor:not-allowed;opacity:.45;}
.certification-textarea,.certification-review-comment{width:100%;resize:vertical;border:1px solid rgba(244,193,112,.18);border-radius:15px;outline:0;padding:13px 14px;background:rgba(0,0,0,.24);color:rgba(255,243,225,.95);font:inherit;font-size:14px;line-height:1.5;}
.certification-textarea:focus,.certification-review-comment:focus{border-color:rgba(252,204,117,.52);box-shadow:0 0 0 3px rgba(244,193,112,.07);}
.certification-textarea:disabled{opacity:.55;}
.certification-warning,.certification-notice{padding:10px 12px;border:1px solid rgba(244,193,112,.15);border-radius:13px;background:rgba(244,193,112,.075);color:rgba(255,228,187,.82);font-size:12px;line-height:1.4;}
.certification-actions,.certification-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;}
.certification-primary,.certification-secondary,.certification-danger,.certification-decline{min-height:40px;padding:0 15px;border-radius:13px;font-size:12.5px;font-weight:900;}
.certification-primary{border:1px solid rgba(252,204,117,.58);background:linear-gradient(180deg,rgba(191,145,84,.95),rgba(118,81,39,.94));color:#fff8ec;}
.certification-secondary,.certification-decline{border:1px solid rgba(244,193,112,.16);background:rgba(255,255,255,.045);color:rgba(255,238,214,.84);}
.certification-danger{border:1px solid rgba(235,124,104,.28);background:rgba(137,55,44,.16);color:rgba(255,211,202,.92);}
.certification-decline{justify-self:start;}
.certification-decline.active{border-color:rgba(150,190,255,.32);background:rgba(73,93,127,.18);color:rgba(218,231,255,.94);}
.certification-primary:disabled,.certification-secondary:disabled{cursor:not-allowed;opacity:.45;}
.certification-busy{pointer-events:none;opacity:.72;}
.certification-loading,.certification-error{padding:22px;border:1px solid rgba(244,193,112,.14);border-radius:20px;background:rgba(20,15,12,.72);color:rgba(255,235,207,.72);}
.certification-error{display:grid;gap:5px;}
.certification-error b{color:rgba(255,241,223,.96);font-size:18px;}

.certification-review-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.certification-review-item{display:grid;gap:4px;padding:10px;border:1px solid rgba(244,193,112,.12);border-radius:13px;background:rgba(20,15,12,.68);color:rgba(255,235,207,.65);text-align:left;}
.certification-review-item>b{color:rgba(255,241,223,.94);font-size:13px;}
.certification-review-item>span{font-size:10.5px;font-weight:800;}
.certification-review-item.answered{border-color:rgba(144,211,163,.20);}
.certification-review-item.missing{border-color:rgba(235,124,104,.28);}
.certification-review-item.unscored{background:rgba(73,93,127,.10);}

.certification-results-table-wrap{overflow:auto;border:1px solid rgba(244,193,112,.11);border-radius:18px;background:rgba(20,15,12,.70);}
.certification-results-table{width:100%;min-width:920px;border-collapse:collapse;}
.certification-results-table th,.certification-results-table td{padding:12px 13px;border-bottom:1px solid rgba(244,193,112,.08);text-align:left;color:rgba(255,235,207,.70);font-size:12.5px;white-space:nowrap;}
.certification-results-table th{background:rgba(255,255,255,.035);color:rgba(255,224,166,.88);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;}
.certification-results-table tbody tr{cursor:pointer;}
.certification-results-table tbody tr:hover{background:rgba(244,193,112,.055);}
.certification-results-table tbody tr:last-child td{border-bottom:0;}
.certification-results-table td b{color:rgba(255,241,223,.96);}
.certification-status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,235,207,.76);font-size:10.5px;font-weight:900;}
.certification-status.awaiting_review{background:rgba(244,193,112,.10);color:rgba(255,224,166,.94);}
.certification-status.completed{background:rgba(90,145,105,.14);color:rgba(210,244,220,.90);}
.certification-status.voided{background:rgba(137,55,44,.14);color:rgba(255,211,202,.90);}

.certification-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(244,193,112,.15);border-radius:19px;background:rgba(20,15,12,.72);}
.certification-detail-head h2{margin:3px 0 0;font-size:28px;}
.certification-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.certification-detail-summary>span{display:grid;gap:4px;padding:11px;border:1px solid rgba(244,193,112,.11);border-radius:14px;background:rgba(20,15,12,.65);color:rgba(255,235,207,.58);font-size:11px;font-weight:800;}
.certification-detail-summary b{color:rgba(255,241,223,.94);font-size:14px;}
.certification-detail-actions{justify-content:flex-start;}
.certification-results-questions{display:grid;gap:10px;}
.certification-result-question{display:grid;gap:11px;padding:15px;border:1px solid rgba(244,193,112,.12);border-radius:17px;background:rgba(20,15,12,.70);}
.certification-result-question.unscored{border-color:rgba(150,190,255,.22);background:rgba(41,48,63,.40);}
.certification-result-question>header{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.certification-result-question>header span{color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;}
.certification-result-question>header strong,.certification-result-question>header em{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,235,207,.72);font-size:10px;font-style:normal;font-weight:900;}
.certification-result-question>header strong.ok{background:rgba(90,145,105,.14);color:rgba(210,244,220,.92);}
.certification-result-question>header strong.bad{background:rgba(137,55,44,.16);color:rgba(255,211,202,.92);}
.certification-result-question h3{font-size:18px;}
.certification-result-options{display:grid;gap:6px;}
.certification-result-options>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(244,193,112,.08);border-radius:12px;background:rgba(255,255,255,.025);}
.certification-result-options>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(244,193,112,.08);color:var(--gold);font-size:11px;font-weight:950;}
.certification-result-options>div>b{color:rgba(255,235,207,.78);font-size:12.5px;line-height:1.35;}
.certification-result-options>div>em{color:rgba(255,235,207,.52);font-size:10px;font-style:normal;font-weight:850;}
.certification-result-options>div.correct{border-color:rgba(112,191,134,.26);background:rgba(74,132,90,.12);}
.certification-result-options>div.wrong{border-color:rgba(235,124,104,.25);background:rgba(137,55,44,.11);}
.certification-result-question>footer{color:rgba(255,235,207,.54);font-size:11px;}
.certification-written-answer{padding:12px;border:1px solid rgba(244,193,112,.10);border-radius:13px;background:rgba(0,0,0,.18);color:rgba(255,241,223,.86);font-size:13px;line-height:1.5;}
.certification-written-answer.declined{color:rgba(214,229,255,.86);font-style:italic;}
.certification-score-picker{display:flex;align-items:center;gap:7px;}
.certification-score-picker button{width:40px;height:36px;border:1px solid rgba(244,193,112,.16);border-radius:10px;background:rgba(255,255,255,.04);color:rgba(255,235,207,.78);font-weight:900;}
.certification-score-picker button.selected{border-color:rgba(252,204,117,.58);background:rgba(174,112,47,.20);color:#fff7e9;}
.certification-score-picker span{color:rgba(255,235,207,.50);font-size:11px;font-weight:800;}
.certification-review-readonly{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);}
.certification-review-readonly b{color:rgba(255,241,223,.92);font-size:12px;}
.certification-review-readonly span{color:rgba(255,235,207,.62);font-size:12px;line-height:1.4;}

@media(max-width:900px){
  body[data-view="certification"] .page-shell,body[data-view="certification-results"] .page-shell{width:calc(100vw - 14px);}
  body[data-view="certification"] .catalog-panel,body[data-view="certification-results"] .catalog-panel{padding:14px 10px 18px;border-radius:22px;}
  .certification-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .certification-detail-head{grid-template-columns:1fr;align-items:start;}
  .certification-detail-head>.certification-status{justify-self:start;}
  .certification-detail-summary{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .certification-page,.certification-results-page{gap:10px;}
  .certification-hero,.certification-question-card{padding:14px;border-radius:17px;}
  .certification-topline{align-items:flex-start;flex-direction:column;}
  .certification-question-nav{gap:5px;padding:8px;}
  .certification-question-dot{width:30px;height:30px;}
  .certification-option{grid-template-columns:30px minmax(0,1fr);padding:10px;}
  .certification-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .certification-actions{align-items:stretch;flex-direction:column;}
  .certification-actions button{width:100%;}
  .certification-result-options>div{grid-template-columns:28px minmax(0,1fr);}
  .certification-result-options>div>em{grid-column:2;}
}

.certification-retry-badge {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(208, 176, 111, 0.42);
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  background: rgba(208, 176, 111, 0.1);
}

.certification-autosave-status{min-height:18px;margin-top:-6px;color:rgba(255,235,207,.48);font-size:11px;font-weight:750;line-height:1.35;transition:color .15s ease,opacity .15s ease;}
.certification-autosave-status[data-state="saving"]{color:rgba(255,224,166,.86);}
.certification-autosave-status[data-state="saved"]{color:rgba(204,240,214,.78);}
.certification-autosave-status[data-state="pending"],.certification-autosave-status[data-state="offline"]{color:rgba(255,211,153,.82);}
.certification-autosave-status[data-state="error"]{color:rgba(255,189,178,.9);}

/* v208 launch gate + TEST mode */
.certification-test-hero{border-color:rgba(118,170,255,.24);background:linear-gradient(160deg,rgba(34,42,59,.86),rgba(20,15,12,.78));}
.certification-test-unlock{border-color:rgba(118,170,255,.22);}
.certification-test-code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.certification-test-code-row input{min-height:40px;flex:1 1 220px;border:1px solid rgba(244,193,112,.18);border-radius:12px;outline:0;padding:0 12px;background:rgba(0,0,0,.24);color:rgba(255,243,225,.95);font:inherit;}
.certification-test-code-row input:focus{border-color:rgba(252,204,117,.52);box-shadow:0 0 0 3px rgba(244,193,112,.07);}
.certification-launch-control{display:grid;gap:11px;padding:14px;border:1px solid rgba(244,193,112,.14);border-radius:18px;background:rgba(20,15,12,.72);}
.certification-launch-state{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:center;}
.certification-launch-state>span{color:rgba(255,235,207,.58);font-size:11px;font-weight:850;}
.certification-launch-state>b{padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:950;}
.certification-launch-state>b.locked{background:rgba(137,55,44,.16);color:rgba(255,211,202,.92);}
.certification-launch-state>b.testing{background:rgba(76,101,148,.22);color:rgba(217,231,255,.94);}
.certification-launch-state>b.open{background:rgba(90,145,105,.16);color:rgba(210,244,220,.92);}
.certification-launch-state>small{color:rgba(255,235,207,.58);font-size:11px;line-height:1.35;}
.certification-launch-actions,.certification-launch-meta,.certification-results-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.certification-launch-meta{padding-top:2px;color:rgba(255,235,207,.55);font-size:11px;}
.certification-launch-meta span{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.035);}
.certification-danger-link{border:0;background:transparent;color:rgba(255,189,178,.92);font:inherit;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:3px;}
.certification-results-filters button{min-height:34px;padding:0 12px;border:1px solid rgba(244,193,112,.12);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,235,207,.64);font-size:11px;font-weight:900;}
.certification-results-filters button.active{border-color:rgba(252,204,117,.40);background:rgba(174,112,47,.16);color:rgba(255,241,223,.94);}
.certification-test-row{background:rgba(73,93,127,.07);}
.certification-test-badge{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:rgba(76,101,148,.24);color:rgba(217,231,255,.94);font-size:9px;font-weight:950;vertical-align:middle;}
@media(max-width:560px){
  .certification-launch-state{grid-template-columns:1fr auto;}
  .certification-launch-state>small{grid-column:1/-1;}
  .certification-launch-actions{align-items:stretch;flex-direction:column;}
  .certification-launch-actions button{width:100%;}
  .certification-test-code-row{align-items:stretch;flex-direction:column;}
  .certification-test-code-row input,.certification-test-code-row button{width:100%;}
}