:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173346;background:#f3f6f8;font-synthesis:none;--navy:#173346;--teal:#087f83;--muted:#73828d;--line:#dce5e9;--pale:#edf7f6}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #d8e2e7;background:white;color:var(--navy);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s}button:hover{background:#edf4f5;border-color:#9ebdc3}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #eab45d;outline-offset:2px}input:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:2px}a{color:inherit}header{background:white}.masthead{max-width:1800px;margin:auto;padding:18px 30px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;font-size:12px;line-height:1.5;letter-spacing:.11em}.brand img{width:45px;height:45px;object-fit:contain}.brand b{font-size:14px;letter-spacing:.19em}.title{border-left:1px solid var(--line);padding-left:30px}.title h1{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:0 0 3px;font-weight:700}.title p{font-size:12px;color:var(--muted);margin:0}.header-note{margin-left:auto;font-size:12px;font-weight:600}.header-note small{display:block;color:var(--muted);font-size:11px;margin:5px 0 0 14px;font-weight:400}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:7px;vertical-align:middle}nav{background:#fff;position:sticky;top:0;z-index:15;box-shadow:0 3px 8px #132e4005}.categories,.modes{display:flex;gap:5px;padding:0 30px;overflow:auto;scrollbar-width:thin;white-space:nowrap}.categories{border-top:1px solid #f1f3f5;border-bottom:1px solid var(--line);gap:25px}.categories button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:14px 3px 11px;font-size:12px;letter-spacing:.02em}.categories button.active{border-color:var(--teal);color:var(--teal)}.modes{padding-top:10px;padding-bottom:10px;gap:7px;border-bottom:1px solid var(--line)}.modes button{display:flex;gap:9px;align-items:center;flex-shrink:0;font-size:12px;border-color:transparent;padding:9px 12px}.modes button.active{background:var(--pale);border-color:#c7e5e2;color:#076e73}.modes small{font-size:10px;font-weight:400;color:#75818b;white-space:nowrap}main{max-width:1800px;margin:auto;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}#workspace{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:calc(100vh - 258px);padding:24px;box-shadow:0 2px 5px #16344203;overflow:hidden}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow,.tiny-label{font-size:9px;letter-spacing:.12em;font-weight:700;color:#8a989f}.eyebrow{color:var(--teal);margin-bottom:7px}h2{font-size:23px;letter-spacing:-.65px;margin:0;font-weight:650}.question-meta{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--muted)}#difficulty-chip{padding:5px 9px;background:#f1f5f7;border-radius:5px}.question{border-left:3px solid #e5ad52;padding:12px 16px;background:#fbfaf6;border-radius:0 6px 6px 0;margin:23px 0 28px}.question p{margin:6px 0 0;font-size:14px;line-height:1.65;color:#314c5c}.question .tiny-label{color:#a17d3e}.sources{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:26px}.matrix-card{width:max-content;max-width:100%;position:relative;break-inside:avoid;page-break-inside:avoid}.matrix-card .card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:12px;font-weight:650;color:#476170}.matrix-card .dimensions{font-size:10px;font-weight:400;color:#98a3aa}.matrix{display:grid;gap:7px 9px;position:relative;padding:9px 13px;border-left:2px solid #66818f;border-right:2px solid #66818f;width:max-content;max-width:100%}.matrix:before,.matrix:after{content:'';position:absolute;inset:-1px -2px;border-top:2px solid #66818f;border-bottom:2px solid #66818f;pointer-events:none;clip-path:polygon(0 0,8px 0,8px 100%,0 100%,0 0,100% 0,calc(100% - 8px) 0,calc(100% - 8px) 100%,100% 100%,100% 0)}.cell{width:57px;height:42px;border:1px solid #d7e2e7;border-radius:5px;background:white;text-align:center;color:#173346;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;min-width:0;padding:4px}.cell.static{display:flex;align-items:center;justify-content:center;border-color:transparent;background:#f7f9fa;overflow-wrap:anywhere;font-size:14px}.cell.locked{background:#f0f3f4;border-color:#e6ecef;color:#7b898f;cursor:default}.cell.highlight{background:#e0f2ee;border-color:#8fcfc5;color:#087b76}.cell.aug{border-left:2px solid #c1ced3;margin-left:4px}.cell.wrong{animation:wrong .65s}.cell.cover-row{background:linear-gradient(transparent 46%,#d3a250aa 46%,#d3a250aa 54%,transparent 54%),#f7f9fa}.cell.cover-col{box-shadow:inset 0 0 0 2px #d3a25088}.cell.allocated{background:#d5eee9!important;outline:2px solid #168a83;color:#06746e}.note{font-size:11px;color:#7d8c95;line-height:1.55;max-width:320px;margin:10px 0 0}.steps-title{display:flex;gap:9px;align-items:center;margin:10px 0 19px;font-size:10px;letter-spacing:.1em;color:#8c9aa1;font-weight:700}.steps-title:after{content:'';height:1px;flex:1;background:#e9eef0}.step-row{display:flex;gap:22px;margin:0 0 20px;align-items:start;justify-content:flex-start}.step-row.reverse{flex-direction:row-reverse;justify-content:flex-start}.step{background:#fbfcfd;border:1px solid #e3eaee;border-radius:9px;padding:15px;position:relative;min-width:160px;max-width:100%}.step.active-step{border-color:#a9d8d2;background:#fcfefe}.step-number{font-size:9px;letter-spacing:.1em;color:var(--teal);margin-bottom:9px;font-weight:700}.step .card-heading{font-size:12px}.step.done{background:#f7f9fa}.edit-step{border:0;background:transparent;padding:7px 0 0;font-size:10px;color:#7d8d96}.step-check{font-size:10px;color:#12816d;margin-top:10px}.workspace-bottom{border-top:1px solid #e9eef0;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9aa6ad;margin-top:36px}.workspace-bottom b{font-weight:500;color:#718791}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:16px}h3{font-size:12px;letter-spacing:-.1px;margin:0;font-weight:700}.panel-heading .tiny-label{font-size:7px;letter-spacing:.08em}.controls label{display:block;font-size:10px;color:#6d818e;margin:12px 0 7px}.controls select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;font-size:12px;color:var(--navy)}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:13px}.segmented button{border:0;border-radius:0;flex:1;padding:8px;font-size:11px}.segmented button.active{background:#e7f3f0;color:#087c72}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#086f73;color:white}.full{width:100%}.button-pair{display:flex;gap:7px;margin-top:8px}.button-pair>*{flex:1;padding:9px 5px;font-size:10px}.text-button{background:transparent;border:0;font-size:10px;color:#728793}.controls>.text-button{margin-top:6px}details{border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;margin:14px 0;padding:10px 0}summary{font-size:11px;color:#58717e;cursor:pointer}details input{width:100%;font-size:12px;padding:7px;border:1px solid var(--line);border-radius:5px}details button{margin-top:12px}.print-row{display:flex;align-items:center;gap:7px;border-top:1px solid #edf1f3;padding-top:12px;margin-top:7px}.print-row label{margin:0}.print-row select{padding:6px;font-size:10px}.print-row button{padding:6px 9px}.feedback p{font-size:12px;color:#617783;line-height:1.7;margin:0}.progress-label{font-size:9px;color:#81939d;display:flex;justify-content:space-between;margin:14px 0 6px}.progress-track{height:4px;background:#eaf0f2;border-radius:5px}.progress-track div{height:4px;background:#29968a;border-radius:5px;transition:width .3s}.caption{font-size:10px;line-height:1.6;color:#81939c;margin:10px 0 0}.visual-panel .panel-heading{margin-bottom:10px}.icon-button{border:0;background:transparent;padding:3px 5px;font-size:15px;color:#7e939f}.visual-panel.expanded{position:relative;grid-column:1/-1}.visual-panel.expanded #visual svg{height:420px}#visual svg{width:100%;height:auto;max-height:250px;display:block}.aside-foot{font-size:8px;font-weight:700;letter-spacing:.12em;text-align:center;color:#99a6ae;padding:2px}.aside-foot span{display:block;letter-spacing:0;font-size:9px;font-weight:400;margin-top:5px}footer{max-width:1800px;margin:auto;padding:0 28px 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8b9ca5;gap:12px}.operation-box{border:1px solid #dce7eb;border-radius:8px;padding:14px;margin-top:20px;background:#f6f9fa}.operation-box h4{font-size:12px;margin:0 0 10px}.operation-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.operation-controls select,.operation-controls input{padding:8px;border:1px solid #d5e0e5;border-radius:5px;max-width:160px;font-size:12px}.operation-controls input{width:75px}.operation-controls button{font-size:11px}.choice-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.choice-buttons .correct{background:#e4f3ed;border-color:#94cebb}.allocation-table{overflow-x:auto}.allocation-table table{border-collapse:separate;border-spacing:4px;font-size:12px}.allocation-table th button{font-size:10px;padding:6px;background:transparent}.allocation-table .selected-line{background:#fff0d4!important;color:#9e7021}.allocation-table .cell{width:52px;height:37px}.toast{padding:12px 15px;background:#edf7f2;border:1px solid #c5dfd3;border-radius:7px;font-size:12px;margin-top:20px;color:#286e54}.pill-note{font-size:10px;color:#718b98;padding:8px 0}.vector-input{display:flex;gap:10px}.mini-grid{display:grid;gap:4px;width:max-content;margin:auto}.mini-square{width:27px;height:27px;border-radius:3px;background:#eaf0f3;display:flex;align-items:center;justify-content:center;font-size:10px;color:#8196a1}.mini-square.diag{background:#b7ddd5;color:#0b746a}dialog{border:1px solid #cbdbe1;border-radius:13px;padding:26px;max-width:min(1000px,95vw);max-height:90vh;overflow:auto;color:var(--navy);box-shadow:0 20px 70px #18364340}dialog::backdrop{background:#102c3e80;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin-bottom:12px}dialog p{font-size:13px;line-height:1.7;color:#627984}dialog .sources{margin-top:20px}dialog textarea{width:100%;height:110px;border:1px solid #cad9df;border-radius:6px;padding:10px;font-family:monospace;font-size:13px}dialog label{font-size:12px;font-weight:600;display:block;margin:16px 0 8px}#close-modal{margin-top:20px}.solution-step{padding:15px 0;border-bottom:1px solid var(--line);break-inside:avoid}.solution-step h4{font-size:12px;margin:0 0 13px}.solution-step .matrix{margin:10px 0}.solution-grid{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:10px;top:-60px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}#print-area{display:none}.graph-node{cursor:pointer}.graph-edge{cursor:pointer}.graph-node:hover circle{fill:#c0e6df}.dot-working{font-size:12px;line-height:1.8;background:#eff8f5;border-radius:5px;padding:10px;margin:12px 0}.dot-working input{width:52px;padding:4px;margin:3px;border:1px solid #c3d8d3;border-radius:4px}.error-text{color:#a74436!important}@keyframes wrong{0%,70%{background:#ffe0dc;border-color:#dc6457}100%{background:#fff}}@media(min-width:1600px){.cell{width:65px;height:46px}main{grid-template-columns:minmax(0,1fr) 330px}#workspace{padding:28px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 280px;padding:18px;gap:14px}#workspace{padding:18px}.modes,.categories{padding-left:20px;padding-right:20px}.cell{width:48px;height:39px}.header-note{display:none}.step{padding:12px}.sources{gap:20px}}@media(max-width:800px){main{grid-template-columns:1fr}.masthead{padding:14px 18px;gap:20px}.title{padding-left:20px}.title h1{font-size:22px}.brand{font-size:9px}.brand b{font-size:11px}.brand img{width:37px;height:37px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.controls{grid-row:span 2}.panel{margin:0}.aside-foot{grid-column:1/-1}.workspace-bottom{flex-direction:column}.question-meta{display:none}#workspace{min-height:420px}.categories{gap:20px}.sources{gap:18px}.step-row{gap:12px}.matrix{gap:5px;padding:7px 9px}.cell{width:46px;height:38px;font-size:13px}h2{font-size:21px}.visual-panel.expanded{grid-column:1/-1}}@media(max-width:480px){main{padding:12px 10px}.brand span{display:none}.masthead{gap:14px}.title{padding-left:15px}aside{display:flex;flex-direction:column}.panel{width:100%}#workspace{padding:15px 12px}.matrix{gap:4px}.cell{width:40px;height:36px;font-size:12px}.sources{gap:17px}.question{margin:18px 0 22px;padding:10px 12px}.step{padding:10px}.step-row{flex-wrap:wrap}.categories,.modes{padding-left:14px;padding-right:14px}.modes small{font-size:9px}.modes button{font-size:11px}footer{flex-wrap:wrap}.workspace-top h2{font-size:19px}.allocation-table .cell{width:39px}.allocation-table table{border-spacing:2px}}
@media print{body{background:white;color:black}header,nav,main,footer,dialog,.skip{display:none!important}#print-area{display:block!important;font-family:Arial,sans-serif;padding:0}#print-area h1{font-size:22px}#print-area p{font-size:12px;line-height:1.6}#print-area .matrix{border-color:black;break-inside:avoid}#print-area .cell{color:black;background:white;border:1px solid #ddd;width:52px;height:35px}#print-area .sources{margin:20px 0}#print-area .solution-step{page-break-inside:avoid}.print-blank{height:120px;border-bottom:1px solid #ddd}#print-area svg{max-width:450px;max-height:300px}@page{size:A4;margin:15mm}}

@media(min-width:1000px){main.visual-wide{grid-template-columns:minmax(0,1fr) minmax(310px,40%)}.visual-wide #visual svg{max-height:420px;height:350px}}
/* Readable, edge-to-edge workspace. Screen sizes never constrain print values. */
@media screen {
 :root{--matrix-cell-width:clamp(72px,3.2vw,110px);--matrix-cell-height:clamp(58px,2.7vw,88px);--matrix-font:clamp(26px,1.3vw,40px)}
 body{min-height:100svh;font-size:16px}
 .masthead,main,footer{max-width:none;width:100%;margin:0}
 .masthead{padding:16px 24px;gap:30px}
 .brand{font-size:14px}.brand b{font-size:16px}.brand img{width:54px;height:54px}
 .title h1{font-size:32px}.title p{font-size:15px}.header-note{font-size:15px}.header-note small{font-size:13px}
 .categories,.modes{padding-left:24px;padding-right:24px}
 .categories button{font-size:15px;padding:13px 4px 10px}
 .modes button{font-size:15px;padding:10px 14px;gap:10px}.modes small{font-size:12px}
 main{padding:18px 20px;grid-template-columns:minmax(0,1fr) clamp(310px,21vw,430px);gap:18px;min-height:calc(100svh - 218px)}
 #workspace{min-height:calc(100svh - 254px);padding:clamp(20px,1.6vw,36px);display:flex;flex-direction:column;overflow:visible}
 h2{font-size:clamp(27px,1.7vw,42px);letter-spacing:-.7px}
 .eyebrow,.tiny-label{font-size:12px}.question-meta{font-size:13px}
 .question{margin:22px 0 30px;padding:14px 18px}.question p{font-size:clamp(17px,1vw,23px);line-height:1.6}
 .matrix{gap:10px 12px;padding:12px 16px;border-left-width:3px;border-right-width:3px}
 .matrix-card .card-heading{font-size:19px;gap:18px;margin-bottom:17px}.matrix-card .dimensions{font-size:13px;color:#647b88}
 .cell,.cell.static{width:var(--matrix-cell-width);height:var(--matrix-cell-height);font-size:var(--matrix-font);font-weight:550;border-radius:7px;padding:5px;line-height:1.15}
 .cell.static{background:#f3f6f8;color:#173346}.cell.locked{color:#586e78;background:#eaf0f2}
 .cell.highlight{background:#d9efe9;color:#076d64}.sources{gap:clamp(24px,2.2vw,60px);margin-bottom:32px;align-items:center}
 .steps-title{font-size:13px;margin-bottom:22px}.step-row{gap:28px;margin-bottom:26px;flex-wrap:wrap}
 .step{padding:20px;min-width:0}.step-number{font-size:12px;margin-bottom:13px}.step .card-heading{font-size:19px}
 .note{font-size:14px;line-height:1.6;max-width:420px;color:#607985}.edit-step{font-size:13px}.step-check{font-size:13px}
 .calculation-flow{display:flex;align-items:center;gap:clamp(18px,1.8vw,42px);flex-wrap:wrap;margin:12px 0 30px}
 .calculation-flow>.step{align-self:center}.math-symbol{font-size:clamp(28px,2vw,46px);font-weight:400;color:#617d8c}
 .workspace-bottom{font-size:12px;margin-top:auto;padding-top:24px;gap:16px;min-height:65px}
 .panel{padding:18px;margin-bottom:14px}.panel-heading{margin-bottom:15px}h3{font-size:16px}.panel-heading .tiny-label{font-size:9px}
 button{font-size:14px;padding:10px 13px}.controls label{font-size:13px;margin:12px 0 8px}
 .controls select{font-size:14px;padding:10px}.segmented button{font-size:14px;padding:9px}
 .button-pair>*{font-size:13px;padding:10px 6px}.text-button,.controls>.text-button{font-size:12px}
 summary{font-size:13px}.print-row label,.print-row select{font-size:12px}.print-row select{padding:8px}
 .feedback p{font-size:15px;line-height:1.65;color:#466575}.progress-label{font-size:12px}.progress-track,.progress-track div{height:6px}
 .caption{font-size:13px;color:#617c8b}.icon-button{font-size:20px}.aside-foot{font-size:10px}.aside-foot span{font-size:12px}
 .operation-box h4{font-size:16px}.operation-controls{font-size:14px}.operation-controls select,.operation-controls input,.operation-controls button{font-size:14px}.operation-controls input{width:90px}
 .allocation-table .cell{width:var(--matrix-cell-width);height:var(--matrix-cell-height);font-size:var(--matrix-font)}.allocation-table th button{font-size:14px;padding:9px}
 .allocation-table table{border-spacing:7px}.toast{font-size:16px;padding:16px}.pill-note{font-size:13px}
 footer{padding:8px 24px 18px;font-size:12px}.mini-square{width:36px;height:36px;font-size:13px}.mini-grid{gap:7px}
 dialog{max-width:min(1200px,96vw)}dialog h2{font-size:29px}dialog p{font-size:16px}dialog .solution-step h4{font-size:17px}
 @media(min-width:1000px){main.visual-wide{grid-template-columns:minmax(0,1fr) minmax(340px,35%)}}
 @media(max-width:1100px){:root{--matrix-cell-width:64px;--matrix-cell-height:56px;--matrix-font:25px}.header-note{display:none}.masthead{gap:22px}.title h1{font-size:28px}.brand{font-size:11px}.brand b{font-size:13px}main{grid-template-columns:minmax(0,1fr) 300px;padding:14px;gap:14px}#workspace{padding:18px}.step{padding:16px}.matrix{gap:8px;padding:10px 12px}.calculation-flow{gap:18px}.panel-heading .tiny-label{display:none}}
 @media(max-width:800px){:root{--matrix-cell-width:56px;--matrix-cell-height:50px;--matrix-font:23px}main{grid-template-columns:1fr;min-height:0}.masthead{padding:14px 16px;gap:16px}.title{padding-left:18px}.title h1{font-size:25px}.title p{font-size:13px}.brand img{width:43px;height:43px}.categories,.modes{padding-left:16px;padding-right:16px}.categories button{font-size:14px}.modes button{font-size:14px}.modes small{font-size:11px}#workspace{min-height:calc(100svh - 218px)}.matrix-card .card-heading,.step .card-heading{font-size:17px}.question p{font-size:17px}.step-row{gap:18px}.sources{gap:24px}.workspace-bottom{margin-top:22px}aside{grid-template-columns:1fr 1fr}.panel{margin-bottom:0}.matrix{gap:7px}.calculation-flow{gap:15px}h2{font-size:27px}}
 @media(max-width:480px){:root{--matrix-cell-width:48px;--matrix-cell-height:46px;--matrix-font:21px}main{padding:10px 8px}#workspace{padding:16px 12px}.matrix{gap:6px;padding:9px 10px}.step{padding:13px}.brand span{display:none}.brand img{width:39px;height:39px}.title h1{font-size:24px}.categories{gap:19px}.categories button{font-size:13px}.modes button{font-size:13px}.modes small{font-size:10px}.sources{gap:22px}.matrix-card .dimensions{font-size:11px}.matrix-card .card-heading,.step .card-heading{font-size:16px}.calculation-flow{gap:14px}.calculation-flow>.math-symbol{font-size:28px}.allocation-table .cell{width:42px;height:43px;font-size:19px}.allocation-table table{border-spacing:3px}.allocation-table th button{font-size:11px;padding:4px}aside{display:flex}.panel{margin-bottom:12px}.workspace-bottom{font-size:11px}.steps-title{font-size:11px}.step-number{font-size:11px}footer{padding:8px 14px 16px;font-size:11px}.question{padding:12px;margin:18px 0 24px}}
}

@media screen{.matrix-card{overflow-x:auto;padding-bottom:4px}.step{overflow-x:auto}.calculation-flow>.matrix-card{flex-shrink:0;max-width:100%}#workspace{scroll-margin-top:128px}}


/* Progression stays readable: overflow starts a fresh row at the left. */
.working-flow{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:72px 62px;margin:12px 0 26px;isolation:isolate}
.working-flow>.step{flex:0 0 auto;max-width:100%;position:relative;z-index:1;margin:0}
.working-flow>.original-step{background:white;border-color:#dce5e9}
.progression-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
#workspace-visual-anchor:empty{display:none}
#workspace-visual-anchor{display:flex;justify-content:flex-end;clear:both;margin-top:auto;padding-top:26px;width:100%}
#workspace-visual-anchor .visual-panel{width:clamp(290px,29vw,460px);max-width:100%;margin-bottom:0;background:#f9fcfc;border-color:#cbdfe0}
#workspace-visual-anchor .visual-panel.expanded{width:min(100%,700px)}
#workspace-visual-anchor .visual-panel.expanded #visual svg{height:420px;max-height:420px}
#workspace-visual-anchor:not(:empty)+.workspace-bottom{margin-top:20px}
@media(max-width:800px){.working-flow{gap:64px 44px}#workspace-visual-anchor .visual-panel{width:min(100%,400px)}}
@media print{.progression-arrows{display:none}}

/* Subject relevance belongs to the selected mode, at the row's far right. */
.mode-row{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--line);background:white}
.mode-row .modes{flex:1 1 auto;min-width:0;border-bottom:0;padding-right:12px}
.subject-relevance{flex:0 0 auto;margin-left:auto;padding:10px 24px 10px 12px;font-size:14px;font-weight:400;line-height:1.4;color:#7a838b;white-space:nowrap}
@media(max-width:800px){.subject-relevance{font-size:12px;padding-right:16px}}
@media(max-width:480px){.subject-relevance{font-size:11px;padding-left:8px;padding-right:14px}.mode-row .modes{padding-right:8px}}