.lg-activity{width:100%;max-width:1120px;margin:auto;color:#14364e}
.lg-activity header h1{font-size:clamp(18px,2.2vw,25px);margin:2px 0}
.lg-case-title{display:block;text-align:center;font-size:18px;color:#0757ac;margin:3px}
.lg-story{font-size:clamp(16px,1.9vw,21px);font-weight:800;margin:5px 0;padding:7px 9px;background:#fff0bc;border-right:5px solid #0757ac}
.lg-board{border:2px solid #284c63;padding:4px;background:#fff}
.lg-caption{text-align:center;font-weight:800;font-size:clamp(16px,1.8vw,21px);min-height:1.4em;margin:3px}
.lg-scene svg{display:block;width:100%;height:auto;overflow:visible}
.mv-experience:not(.mv-focus) .lg-activity .lg-scene svg.mv-diagram{max-height:43svh!important}
.lg-scene text{font:800 23px system-ui;fill:#16374c}
.lg-scene .lg-white,.lg-scene .lg-check{fill:#fff}
.lg-moving{transition:transform 1000ms ease,opacity 450ms ease}
.lg-scene [role=button]{cursor:pointer;outline:none}
.lg-scene [role=button]:focus-visible{outline:3px solid #a80e40;outline-offset:3px}
.lg-selected>rect{stroke:#c30c47;stroke-width:6}
.lg-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:3px 0}
.lg-evidence button{display:flex;gap:6px;align-items:center;padding:4px 7px;border:2px solid #718b9c;background:#edf2f6;font-size:15px;font-weight:800;min-height:30px}
.lg-evidence>div{display:flex;gap:6px;align-items:center;padding:4px 7px;border:2px solid #718b9c;background:#edf2f6;font-size:15px;font-weight:800;min-height:30px}
.lg-scene [data-lg-person] text{font-size:28px}
.lg-evidence .lg-active{border-color:#0757ac;background:#dceeff;color:#073e76}
.lg-evidence input{width:19px;height:19px;accent-color:#0757ac}.lg-evidence b{margin-inline-start:auto}
.lg-navigation,.lg-work-controls,.lg-tabs,.lg-tank-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 0}
.lg-activity button{border:2px solid #0757ac;background:#fff;color:#073e76;font-weight:800;padding:6px 11px;min-height:38px;cursor:pointer;box-shadow:0 2px 0 #0757ac}
.lg-activity button:hover:not(:disabled){background:#dceeff}
.lg-activity button:focus-visible{outline:3px solid #a80e40;outline-offset:3px}
.lg-activity button:disabled{background:#e7edf1;color:#647682;border-color:#a8b2ba;box-shadow:none;opacity:.65;cursor:default}
.lg-activity [data-lg-next],.lg-activity [data-lg-auto],.lg-activity [aria-pressed=true]{background:#0757ac;color:#fff}
.lg-activity .lg-correct{background:#00643b!important;color:#fff}
.lg-feedback{min-height:1.5em;font-weight:800;font-size:17px;color:#844000;margin:3px 5px}.lg-feedback.lg-success{color:#00613b}
.lg-result{border:2px solid #0757ac;background:#e5f1ff;padding:6px;text-align:center;font-size:21px;font-weight:900}
.lg-math{display:inline-flex;direction:rtl;align-items:center;gap:.2em;font-size:27px;font-weight:900;color:#073e76;margin-inline:8px}.lg-math bdi:nth-child(even){color:#a80e40}
.lg-slider{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;font-weight:800}.lg-slider input{width:min(55%,550px);accent-color:#0757ac;min-height:30px}.lg-slider output{min-width:65px}
.lg-tank-controls>div{display:flex;align-items:center;gap:4px;border:2px solid #0757ac;padding:3px}
.lg-picks{flex-basis:100%;text-align:center;min-height:1.4em;font-weight:900;color:#a80e40}
.lg-question{border:3px solid #975000;background:#fff2c5;padding:7px;margin:5px 0}
.lg-question>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#793e00}
.lg-question h2{font-size:19px;color:#793e00;margin:4px 0}.lg-question p{font-weight:800;min-height:1.4em;margin:3px}
.lg-choices{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.lg-choices button{flex:1 1 180px;border-radius:0;min-height:44px;font-size:18px}
.lg-settings{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px}.lg-settings label{display:flex;align-items:center;gap:7px;font-weight:800}.lg-settings select{padding:7px;border:2px solid #0757ac;max-width:100%;font:800 17px system-ui}
.lg-activity [hidden]{display:none!important}.lg-asking .lg-caption{display:none}.lg-asking .lg-feedback{display:none}
.mv-experience:not(.mv-focus) .lg-asking .lg-scene svg.mv-diagram{max-height:26svh!important}
@media(max-width:600px){.lg-evidence{grid-template-columns:1fr}.lg-evidence label{font-size:14px;padding:3px}.lg-story{font-size:15px}.lg-case-title{font-size:16px}.lg-tabs button,.lg-work-controls button{font-size:13px;padding:5px}.lg-navigation button{padding:5px 8px;font-size:13px}.lg-choices button{flex-basis:45%;font-size:16px}.lg-settings label{flex-wrap:wrap}.lg-math{font-size:24px}.lg-tank-controls strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.lg-moving{transition:none}}
.lg-activity header h1{line-height:1.3!important;font-size:20px!important;margin:2px!important}
.lg-case-title{line-height:1.3;font-size:17px;margin:2px}
.lg-story{line-height:1.5!important;font-size:18px!important;padding:5px 8px;margin:4px 0}
.lg-caption{font-size:18px;line-height:1.35;min-height:1.35em;margin:2px}
.lg-feedback{font-size:16px;line-height:1.35;min-height:1.35em;margin:2px}
.lg-result{font-size:18px;line-height:1.4;padding:4px}
.mv-experience:not(.mv-focus) .lg-activity .lg-scene svg.mv-diagram{max-height:32svh!important}
.mv-experience:not(.mv-focus) .lg-activity[data-logic-case=order] .lg-scene svg.mv-diagram{max-height:25svh!important}
.lg-activity .lg-evidence button:disabled{opacity:1;box-shadow:none;color:#17394d;cursor:default}
.lg-activity .lg-evidence button.lg-active{color:#073e76;background:#dceeff;border-color:#0757ac}
.lg-activity .lg-evidence button.lg-omitted{background:#e6e9ec;color:#566471;text-decoration:line-through}
.mv-experience .lg-activity .lg-evidence button:disabled{opacity:1!important;color:#17394d!important;background:#edf2f6!important;border-style:solid!important;box-shadow:none!important}
.mv-experience .lg-activity .lg-evidence button.lg-active:disabled{background:#dceeff!important;color:#073e76!important;border-color:#0757ac!important}
.lg-asking .lg-work-controls{display:none!important}
.mv-experience:not(.mv-focus) .lg-asking .lg-scene svg.mv-diagram{max-height:22svh!important}
@media(max-width:600px){.lg-story{font-size:15px!important}.lg-evidence button{font-size:13px;line-height:1.3;min-height:27px}.lg-result{font-size:16px}.lg-activity header h1{font-size:18px!important}}