:root{--bg:#eef3f8;--ink:#172033;--muted:#667085;--line:#d7dee8;--blue:#2563eb;--green:#0f9d58;--word:#185abd;--access:#a4373a;--ppt:#d24726;--paper:#fff;--shadow:0 18px 55px rgba(34,50,79,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}.sitebar{height:66px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:50}.brand-side,.brand{display:flex;align-items:center;gap:12px}.back{color:#fff;text-decoration:none;font-size:28px}.brand{text-decoration:none;color:#fff}.brand-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#0f172a;font-weight:800}.brand strong,.brand small{display:block}.brand small{font-size:11px;opacity:.7}.paper-label{font-weight:700}.site-btn{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:10px;padding:9px 14px}.shell{max-width:1600px;margin:0 auto;padding:28px}.launch-window{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.35fr .8fr;overflow:hidden}.launch-copy{padding:52px;background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 65%,#eefdf7 100%)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#2563eb}.launch-copy h1,.results h1{font-size:44px;line-height:1.05;margin:12px 0 18px}.launch-copy p{font-size:18px;line-height:1.6;color:#475467}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.feature-row span,.chapter-scope{border:1px solid #dbe5f3;background:#fff;border-radius:12px;padding:10px 13px;font-weight:650;font-size:13px}.chapter-scope{display:flex;flex-direction:column;gap:4px}.chapter-scope span{font-weight:500;color:#667085}.warning-box{margin-top:18px;padding:14px;border-radius:12px;background:#fff7e6;border:1px solid #f4d89a;color:#744b00;font-size:13px;line-height:1.5}.launch-panel{padding:38px;display:flex;flex-direction:column;gap:17px}.launch-panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}.launch-panel input,.launch-panel select{border:1px solid #cfd8e6;border-radius:10px;padding:11px 12px;background:#fff}.candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{padding:14px;border:1px solid #d5deeb;background:#fff;border-radius:14px;text-align:left}.mode-card strong,.mode-card span{display:block}.mode-card span{font-size:12px;color:#667085;margin-top:5px}.mode-card.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.primary,.secondary,.submit-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.primary{background:#2563eb;color:#fff}.secondary{background:#eef2f6;color:#344054;border:1px solid #d6dee9}.wide{width:100%;padding:13px}.microcopy{font-size:12px!important;color:#98a2b3!important;margin:0}.exam-strip{height:70px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 1fr 2.3fr 1fr 1.2fr auto;align-items:center;padding:0 15px;box-shadow:0 8px 25px rgba(34,50,79,.07);margin-bottom:16px}.exam-strip>div{padding:0 13px;border-right:1px solid #edf0f4}.exam-strip span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.exam-strip strong{font-size:14px}.progress{height:8px;background:#edf2f7;border-radius:99px;margin-top:8px;overflow:hidden}.progress>div{height:100%;background:#2563eb;width:0}.submit-btn{background:#b42318;color:#fff;margin-left:12px}.exam-layout{display:grid;grid-template-columns:365px minmax(0,1fr);gap:15px;min-height:760px}.paper-pane{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:760px}.paper-head{padding:16px 18px;background:#f7f9fc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.paper-icon{width:42px;height:42px;border-radius:10px;background:#1d4ed8;color:white;display:grid;place-items:center;font-weight:900}.paper-head strong,.paper-head small{display:block}.paper-head small{color:#667085;margin-top:3px}.candidate-card{padding:10px 17px;background:#fffbeb;border-bottom:1px solid #f1e1aa;font-size:12px;color:#785900}.question-paper{padding:15px 18px;overflow:auto;flex:1}.paper-section{border:1px solid #dbe2ec;border-radius:12px;margin-bottom:12px;overflow:hidden}.paper-section.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.08)}.paper-section-head{padding:11px 12px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.paper-section-head strong{font-size:14px}.section-mark{font-size:11px;background:#e9eff9;padding:4px 7px;border-radius:99px}.paper-tasks{padding:10px 13px}.paper-task{display:grid;grid-template-columns:24px 1fr 28px;gap:6px;padding:7px 0;border-bottom:1px dashed #e3e8ef;font-size:12px;line-height:1.45}.paper-task:last-child{border-bottom:0}.task-num{font-weight:800;color:#2563eb}.task-done{color:#0b8a50;font-weight:900}.paper-actions{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.paper-actions button{flex:1;font-size:12px}.feedback{margin:0 12px 12px;padding:10px;border-radius:9px;font-size:12px}.feedback.good{background:#ecfdf3;color:#067647}.feedback.bad{background:#fef3f2;color:#b42318}.desktop-area{min-width:0}.desktop-wallpaper{height:760px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,#063a73 0%,#0b5ca8 45%,#0a88a2 100%);box-shadow:var(--shadow)}.desktop-wallpaper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,rgba(255,255,255,.19),transparent 30%),radial-gradient(circle at 30% 75%,rgba(255,255,255,.1),transparent 22%)}.desktop-icons{position:absolute;left:18px;top:18px;display:flex;flex-direction:column;gap:12px;z-index:2}.desktop-icon{width:88px;border:0;background:transparent;color:#fff;text-shadow:0 1px 3px #000;text-align:center;padding:8px}.desktop-icon span{font-size:34px;display:block}.desktop-icon b{font-size:11px}.app-window{position:absolute;left:118px;right:18px;top:18px;bottom:58px;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.28);z-index:3}.taskbar{position:absolute;bottom:0;left:0;right:0;height:44px;background:rgba(18,24,33,.92);display:flex;align-items:center;justify-content:center;gap:6px;z-index:5}.taskbar button{width:45px;height:38px;border:0;border-radius:6px;background:transparent;color:#fff;font-weight:900;font-size:20px}.taskbar button:hover,.taskbar button.active{background:rgba(255,255,255,.16)}.word-btn span{background:var(--word)}.access-btn span{background:var(--access)}.ppt-btn span{background:var(--ppt)}.word-btn span,.access-btn span,.ppt-btn span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:4px}.win-titlebar{height:35px;background:#f3f4f6;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #d9dee7;font-size:12px}.win-titlebar.word{background:#185abd;color:#fff}.win-titlebar.access{background:#a4373a;color:#fff}.win-titlebar.ppt{background:#d24726;color:#fff}.win-controls{letter-spacing:12px}.ribbon-tabs{display:flex;height:32px;align-items:flex-end;padding-left:8px;border-bottom:1px solid #d6dbe3;background:#fff}.ribbon-tabs button{border:0;background:transparent;padding:8px 12px 6px;font-size:12px}.ribbon-tabs button.active{color:#1456b8;border-bottom:2px solid #1456b8}.ribbon{height:78px;background:#fafafa;border-bottom:1px solid #d8dde5;display:flex;align-items:stretch;padding:7px 8px;gap:5px;overflow-x:auto}.rib-group{border-right:1px solid #d7dce5;padding:2px 9px;display:flex;gap:5px;align-items:center;min-width:max-content}.rib-group:last-child{border-right:0}.rib-btn{min-width:58px;border:1px solid transparent;background:transparent;border-radius:5px;padding:4px;font-size:10px;color:#344054}.rib-btn:hover{background:#eef3f9;border-color:#d6e0ed}.rib-btn b{display:block;font-size:19px;margin-bottom:2px}.workspace{height:calc(100% - 145px);background:#e6e9ee;display:flex;overflow:hidden}.file-nav{width:185px;background:#fff;border-right:1px solid #d5dbe4;padding:10px;font-size:12px}.file-main{flex:1;background:#fff;padding:15px;overflow:auto}.file-row{display:grid;grid-template-columns:30px 1.5fr 1fr 90px;gap:8px;padding:9px;border-bottom:1px solid #eef1f5;align-items:center;font-size:12px;cursor:pointer}.file-row:hover{background:#f3f7fc}.file-row.selected{background:#e9f2ff}.file-big-icon{font-size:22px}.file-preview{width:260px;background:#fafbfc;border-left:1px solid #dbe1e8;padding:14px;font-size:12px;overflow:auto}.doc-zone{flex:1;display:flex;justify-content:center;overflow:auto;padding:25px}.doc-page{width:620px;min-height:760px;background:white;box-shadow:0 3px 13px rgba(0,0,0,.2);padding:55px 60px;position:relative}.doc-header,.doc-footer{position:absolute;left:60px;right:60px;color:#667085;font-size:10px}.doc-header{top:22px}.doc-footer{bottom:22px}.doc-content{font-family:"Times New Roman",serif;font-size:12px;line-height:1.45}.doc-content h1{font-size:24px;margin:0 0 15px}.doc-content .columns{column-count:2;column-gap:28px}.doc-content img,.mock-image{display:block;width:150px;height:95px;background:linear-gradient(135deg,#d9e8f7,#85b6dc);border:1px solid #8aa7bd;margin:10px auto;position:relative}.mock-image:after{content:"SOURCE IMAGE";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#365a76;font-family:Arial}.doc-table{border-collapse:collapse;width:100%;margin:12px 0}.doc-table td,.doc-table th{border:1px solid #777;padding:5px}.chart-box{height:150px;border:1px solid #c6cdd7;margin:12px 0;background:linear-gradient(to top,#eef4fb 0 1px,transparent 1px);display:flex;align-items:flex-end;gap:20px;padding:20px 35px}.chart-bar{width:45px;background:#7aaee7}.side-pane{width:220px;background:#fff;border-left:1px solid #d6dce5;padding:12px;overflow:auto}.side-pane h4{margin:4px 0 10px}.state-line{font-size:11px;padding:7px;border:1px solid #e2e7ee;border-radius:7px;margin-bottom:7px;background:#fafbfd}.access-workspace{height:calc(100% - 145px);display:flex;background:#fff}.access-nav{width:190px;background:#f5f2f2;border-right:1px solid #d8d3d3;padding:10px;overflow:auto}.access-nav button{width:100%;text-align:left;border:0;background:transparent;padding:7px;font-size:11px}.access-main{flex:1;overflow:auto;padding:14px;background:#fff}.datasheet{border-collapse:collapse;width:100%;font-size:11px}.datasheet th,.datasheet td{border:1px solid #d1d6dc;padding:6px}.datasheet th{background:#eee}.design-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#cfd4da;border:1px solid #cfd4da;font-size:11px}.design-grid>div{background:#fff;padding:7px}.ppt-workspace{height:calc(100% - 145px);display:grid;grid-template-columns:150px 1fr 230px;background:#e7e9ed}.slide-thumbs{background:#f6f6f7;border-right:1px solid #d3d6dc;padding:10px;overflow:auto}.thumb{background:#fff;border:1px solid #bbb;width:118px;height:68px;margin:0 auto 10px;padding:7px;font-size:8px}.thumb.active{outline:2px solid #d24726}.slide-zone{display:flex;align-items:center;justify-content:center;overflow:auto;padding:22px}.slide-canvas{width:650px;height:365px;background:#fff;box-shadow:0 3px 16px rgba(0,0,0,.2);padding:35px;position:relative}.slide-title{font-size:30px;font-weight:700;text-align:center;margin-bottom:18px}.slide-body{font-size:19px}.slide-footer{position:absolute;left:20px;right:20px;bottom:10px;font-size:10px;display:flex;justify-content:space-between}.ppt-pane{background:#fff;border-left:1px solid #d2d6dd;padding:12px;overflow:auto}.notes-box{position:absolute;left:150px;right:230px;bottom:0;height:72px;background:#fff;border-top:1px solid #ccd1d8;padding:9px 15px;font-size:11px}.evidence-workspace{height:calc(100% - 35px);background:#dfe3e8;padding:18px;overflow:auto}.evidence-page{background:#fff;width:690px;min-height:720px;margin:0 auto;padding:45px;box-shadow:0 3px 15px rgba(0,0,0,.2)}.evidence-item{border:1px solid #cfd6e0;padding:12px;margin:12px 0}.capture-thumb{height:130px;background:#eef2f6;display:grid;place-items:center;color:#667085;border:1px dashed #b8c1cd}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;display:grid;place-items:center;padding:20px}.dialog{width:min(640px,96vw);max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.35)}.dialog-titlebar{height:42px;background:#f3f4f6;border-bottom:1px solid #d7dde6;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:700}.dialog-titlebar button{border:0;background:transparent;font-size:22px}.dialog-body{padding:18px;max-height:68vh;overflow:auto}.dialog-actions{padding:12px 18px;border-top:1px solid #dde2e9;display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog label{font-size:12px;font-weight:700;color:#344054;display:flex;flex-direction:column;gap:5px}.dialog input,.dialog select,.dialog textarea{border:1px solid #cfd6e0;border-radius:7px;padding:8px}.dialog textarea{min-height:90px}.checklist{display:flex;flex-direction:column;gap:8px}.checkline{display:flex;align-items:center;gap:8px;font-size:12px}.results{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow)}.result-top{display:flex;gap:28px;align-items:center}.score-ring{width:120px;height:120px;border-radius:50%;border:12px solid #dbeafe;display:grid;place-items:center;font-size:24px;font-weight:900;color:#1d4ed8}.big-score{font-size:38px;font-weight:900}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.result-card{border:1px solid #dfe4ec;border-radius:14px;padding:16px}.result-card h3{margin-top:0}.section-row,.detail-row{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:13px}.section-track{height:7px;background:#edf2f7;border-radius:20px;overflow:hidden}.section-track div{height:100%;background:#2563eb}.detail-row.ok strong{color:#067647}.detail-row.miss strong{color:#b42318}.result-buttons{display:flex;gap:10px;margin-top:22px}.link{text-decoration:none;display:inline-block}.footer{text-align:center;padding:25px;color:#667085;font-size:12px}@media(max-width:1100px){.launch-window{grid-template-columns:1fr}.exam-layout{grid-template-columns:1fr}.paper-pane{min-height:auto;max-height:620px}.desktop-wallpaper{height:700px}.exam-strip{grid-template-columns:1fr 1fr 2fr 1fr;gap:5px;height:auto;padding:10px}.exam-strip>div:nth-child(5){grid-column:1/3}.submit-btn{grid-column:3/5}.app-window{left:12px;right:12px}.desktop-icons{display:none}}@media(max-width:650px){.shell{padding:12px}.sitebar{padding:0 10px}.paper-label{display:none}.launch-copy,.launch-panel{padding:24px}.launch-copy h1,.results h1{font-size:34px}.candidate-grid,.mode-grid,.result-grid{grid-template-columns:1fr}.exam-strip{grid-template-columns:1fr 1fr}.progress-cell{grid-column:1/3}.submit-btn{grid-column:1/3;margin:0}.paper-pane{max-height:520px}.desktop-wallpaper{height:650px}.app-window{top:10px;bottom:50px}.file-preview,.file-nav,.side-pane,.ppt-pane{display:none}.ppt-workspace{grid-template-columns:110px 1fr}.notes-box{left:110px;right:0}.slide-canvas{width:520px;height:293px}.doc-page{width:540px}.result-top{align-items:flex-start}.score-ring{width:90px;height:90px;border-width:9px}.big-score{font-size:30px}}

/* Reliability v2: Word page geometry follows Page Setup */
.doc-page{width:auto;min-height:0;padding:0;transition:width .2s,height .2s,min-height .2s}
.doc-page.a4.portrait{width:560px;min-height:792px}.doc-page.a4.landscape{width:792px;min-height:560px}
.doc-page.a5.portrait{width:397px;min-height:560px}.doc-page.a5.landscape{width:560px;min-height:397px}
.doc-page .doc-content{padding:calc(var(--mt,2.54)*10px) calc(var(--mr,2.54)*10px) calc(var(--mb,2.54)*10px) calc(var(--ml,2.54)*10px)}
.doc-page .doc-header{left:calc(var(--ml,2.54)*10px);right:calc(var(--mr,2.54)*10px);top:12px}.doc-page .doc-footer{left:calc(var(--ml,2.54)*10px);right:calc(var(--mr,2.54)*10px);bottom:12px}
@media(max-width:650px){.doc-page.a4.portrait,.doc-page.a4.landscape,.doc-page.a5.portrait,.doc-page.a5.landscape{max-width:100%;width:100%;min-height:560px}}
/* Reliability v2.1: preserve true paper orientation even when the Word window is narrow */
.doc-page.a4.portrait{width:min(560px,100%);min-height:0;aspect-ratio:1 / 1.414}
.doc-page.a4.landscape{width:min(792px,100%);min-height:0;aspect-ratio:1.414 / 1}
.doc-page.a5.portrait{width:min(397px,100%);min-height:0;aspect-ratio:1 / 1.414}
.doc-page.a5.landscape{width:min(560px,100%);min-height:0;aspect-ratio:1.414 / 1}
@media(max-width:650px){.doc-page.a4.portrait,.doc-page.a4.landscape,.doc-page.a5.portrait,.doc-page.a5.landscape{width:100%;min-height:0}}
.doc-page{flex:none;height:auto}
.doc-zone{align-items:flex-start}
.doc-page{align-self:flex-start}

/* Reliability v2.2: Office quick access controls */
.office-title-left{display:flex;align-items:center;gap:10px;min-width:0}.office-qat{display:flex;gap:2px}.office-qat button{border:0;background:transparent;color:inherit;width:26px;height:27px;border-radius:4px;cursor:pointer}.office-qat button:hover{background:rgba(255,255,255,.18)}

/* Reliability v3: real desktop launchers + follow-the-user exam workspace */
.desktop-icon.word-desktop span,.desktop-icon.access-desktop span,.desktop-icon.ppt-desktop span{width:36px;height:36px;margin:0 auto 4px;border-radius:6px;display:grid;place-items:center;color:#fff;text-shadow:none;font-weight:900;font-size:22px}
.desktop-icon.word-desktop span{background:#185abd}.desktop-icon.access-desktop span{background:#a4373a}.desktop-icon.ppt-desktop span{background:#d24726}
.desktop-icon:hover,.desktop-icon.active{background:rgba(255,255,255,.14);border-radius:7px}
@media(min-width:1101px) and (min-height:720px){.paper-pane,.desktop-area{position:sticky;top:78px;align-self:start}.paper-pane{height:calc(100vh - 94px);min-height:620px}.desktop-wallpaper{height:calc(100vh - 94px);min-height:620px;max-height:790px}}

/* Error 5 fix: Word page orientation must visibly change the paper itself. */
.doc-page.a4.portrait{
  width:min(560px,100%);
  min-height:0;
  aspect-ratio:210 / 297;
}
.doc-page.a4.landscape{
  width:min(792px,100%);
  min-height:0;
  aspect-ratio:297 / 210;
}
.doc-page.a5.portrait{
  width:min(397px,100%);
  min-height:0;
  aspect-ratio:148 / 210;
}
.doc-page.a5.landscape{
  width:min(560px,100%);
  min-height:0;
  aspect-ratio:210 / 148;
}
.doc-page{overflow:auto;}
@media(max-width:650px){
  .doc-page.a4.portrait,.doc-page.a4.landscape,.doc-page.a5.portrait,.doc-page.a5.landscape{
    width:100%;
    min-height:0;
  }
}

/* Error 7: PowerPoint slide size must change the visible slide geometry, not only state. */
.slide-canvas.ppt-ratio169{width:min(650px,96%);height:auto;aspect-ratio:16/9}
.slide-canvas.ppt-ratio43{width:min(487px,82%);height:auto;aspect-ratio:4/3}
.thumb.ppt-thumb.ppt-ratio169{width:118px;height:auto;aspect-ratio:16/9}
.thumb.ppt-thumb.ppt-ratio43{width:91px;height:auto;aspect-ratio:4/3}
/* Keep the chosen PowerPoint aspect ratio authoritative even when slide contents are taller than the mobile canvas. */
.slide-canvas.ppt-ratio169,.slide-canvas.ppt-ratio43{min-height:0;overflow:hidden}

/* Error 9 / v14: Paper 2 applications remain available as real desktop shortcuts on laptop widths. */
@media (min-width:651px) and (max-width:1100px){
  .desktop-icons{display:flex!important;left:18px;top:18px;z-index:4}
  .app-window{left:118px!important;right:12px}
}
@media (max-width:650px){
  .desktop-icons{display:none!important}
  .app-window{left:12px!important;right:12px}
}

/* Error 10 / v15: Paper 2 Office ribbon fidelity. Commands appear only on their real application tabs. */
.rib-note{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:150px;color:#667085}
.rib-note strong{font-size:10px;color:#344054}.rib-note span{font-size:9px;max-width:190px;line-height:1.25}
.simulator-tool{width:100%;margin-top:10px;border:1px dashed #98a2b3;background:#f8fafc;border-radius:8px;padding:8px 9px;text-align:left;color:#344054;cursor:pointer}
.simulator-tool:hover{background:#eef4fb;border-color:#667085}.simulator-tool b,.simulator-tool small{display:block}.simulator-tool b{font-size:11px}.simulator-tool small{font-size:9px;color:#667085;margin-top:2px}
.view-label{font-size:10px;font-weight:500;color:#667085;margin-left:6px}
[data-office="word"] .ribbon-tabs button.active{color:#185abd;border-bottom-color:#185abd}
[data-office="access"] .ribbon-tabs button.active{color:#a4373a;border-bottom-color:#a4373a}
[data-office="powerpoint"] .ribbon-tabs button.active{color:#d24726;border-bottom-color:#d24726}
[data-office="word"] .ribbon-tabs button[data-tab="file"],
[data-office="access"] .ribbon-tabs button[data-tab="file"],
[data-office="powerpoint"] .ribbon-tabs button[data-tab="file"]{color:#fff;margin-right:3px}
[data-office="word"] .ribbon-tabs button[data-tab="file"]{background:#185abd}
[data-office="access"] .ribbon-tabs button[data-tab="file"]{background:#a4373a}
[data-office="powerpoint"] .ribbon-tabs button[data-tab="file"]{background:#d24726}
[data-office="word"] .ribbon-tabs button[data-tab="file"].active,
[data-office="access"] .ribbon-tabs button[data-tab="file"].active,
[data-office="powerpoint"] .ribbon-tabs button[data-tab="file"].active{border-bottom-color:transparent;color:#fff}

/* Error 17: real File Explorer navigation */
.explorer-commandbar{height:40px;display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f7f8fa;border-bottom:1px solid #d8dde5}.explorer-commandbar button{width:30px;height:28px;border:1px solid #d7dde6;background:#fff;border-radius:5px}.explorer-commandbar button:disabled{opacity:.35}.explorer-path{flex:1;min-width:0;border:1px solid #cfd6e0;background:#fff;border-radius:5px;padding:6px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-nav-btn{display:block;width:100%;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:5px;font-size:11px;color:#344054}.explorer-nav-btn:hover,.explorer-nav-btn.selected{background:#e7f1fb;color:#1456b8}.file-headline{display:flex;justify-content:space-between;gap:10px;padding:0 4px 10px;font-size:12px;color:#475467}.explorer-empty{padding:25px 8px;color:#667085;font-size:12px}.workspace{height:calc(100% - 75px)}
@media(max-width:650px){.explorer-commandbar{height:auto;min-height:40px}.explorer-path{font-size:9px}.workspace{height:calc(100% - 75px)}}

/* Error 20: visibly distinguish unavailable/fixed controls and functional object selection. */
.rib-btn:disabled{opacity:.46;cursor:not-allowed;background:transparent}
.access-nav button.active{background:#dbeafe;font-weight:700;color:#1d4ed8}
.slide-show-preview{position:relative;margin:6px auto 12px;max-width:680px;background:#fff;box-shadow:0 8px 28px #0004;padding:42px;overflow:hidden}
.slide-show-preview.ppt-ratio169{aspect-ratio:16/9}.slide-show-preview.ppt-ratio43{aspect-ratio:4/3}

/* Error 22: print/evidence fidelity */
.report-preview{display:grid;place-items:center;padding:18px;background:#dfe4ea;overflow:auto}.report-preview .report-paper{background:#fff;border:1px solid #cbd3dd;box-shadow:0 2px 10px #0002;padding:22px;position:relative}.report-preview.portrait .report-paper{width:360px;aspect-ratio:210/297}.report-preview.landscape .report-paper{width:520px;aspect-ratio:297/210}.report-paper footer{position:absolute;left:22px;right:22px;bottom:14px;border-top:1px solid #ddd;padding-top:5px;font-size:9px;color:#667085}.evidence-live-snapshot{max-height:420px;overflow:auto;background:#e4e8ed;padding:10px}.evidence-live-snapshot .doc-page{transform:scale(.62);transform-origin:top left;margin:0;min-height:760px}.evidence-live-snapshot .slide-canvas{position:relative;left:auto;top:auto;width:min(520px,100%);height:auto;aspect-ratio:16/9;margin:auto}.evidence-live-snapshot .slide-canvas.ppt-ratio43{aspect-ratio:4/3}.access-evidence-snapshot{background:#fff;padding:8px;min-width:500px}.p2-output-preview{margin-top:10px;background:#dfe4ea;padding:12px;overflow:auto;min-height:260px}.p2-output-preview>.slide-canvas,.p2-output-notes>.slide-canvas{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(560px,100%);height:auto;margin:auto}.p2-output-notes{max-width:560px;margin:auto}.p2-output-notes .output-notes{position:static;margin-top:0;min-height:80px;background:#fff;border:1px solid #d0d7e0}.p2-handout{display:grid;gap:12px;max-width:420px;margin:auto}.p2-handout>div{display:grid;grid-template-columns:18px 1fr;gap:4px;align-items:start}.p2-handout .slide-canvas{position:relative;left:auto;top:auto;width:100%;height:auto}.p2-handout .ppt-ratio169{aspect-ratio:16/9}.p2-handout .ppt-ratio43{aspect-ratio:4/3}

/* Error 24: phone layout keeps real Explorer navigation and Office chrome.
   Wide documents/slides scroll inside the application, never at page level. */
@media(max-width:650px){
  .desktop-wallpaper{overflow:hidden}
  .app-window{min-width:0;overflow:hidden}
  .win-titlebar{min-width:0}
  .ribbon-tabs{overflow-x:auto;white-space:nowrap}
  .ribbon{overflow-x:auto}
  .workspace{min-width:0;overflow:auto}
  .file-nav{display:block!important;flex:0 0 108px;width:108px;padding:6px;overflow:auto}
  .file-main{min-width:250px;padding:9px}
  .file-preview{display:none!important}
  .doc-zone,.slide-zone,.report-preview,.evidence-workspace{overflow:auto}
  .access-nav{flex:0 0 125px;width:125px;padding:6px}
  .ppt-workspace{grid-template-columns:92px minmax(310px,1fr)!important;overflow:auto}
  .slide-thumbs{min-width:92px;padding:5px}
  .notes-box{left:92px!important;right:0!important}
  .taskbar{overflow-x:auto;justify-content:flex-start;padding:0 8px}
}

