#concept-dialog{width:min(1250px,96vw);max-width:none;max-height:94dvh;overflow:auto;border:1px solid #77918d;border-radius:18px;padding:clamp(20px,3vw,40px);background:#f7f5ed;color:#16313d;box-sizing:border-box;box-shadow:0 25px 100px #061e3455}#concept-dialog::backdrop{background:#091d2bdd;backdrop-filter:blur(7px)}#concept-dialog *{box-sizing:border-box}#concept-dialog h2{font:clamp(28px,3.8vw,49px)/1.15 Georgia,serif;margin:12px 0}#concept-dialog h3{font:27px Georgia,serif;margin:12px 0}#concept-dialog h4{font-size:19px;margin:15px 0 7px}#concept-dialog p{line-height:1.65;max-width:95ch}#concept-dialog button,#concept-dialog select,#concept-dialog textarea{font:inherit;color:inherit}#concept-dialog button{min-height:44px;border:1px solid #8baba3;border-radius:7px;background:#fffdf6;padding:10px 15px;cursor:pointer}#concept-dialog button:hover{background:#e0ede2}#concept-dialog :focus-visible{outline:3px solid #27669e;outline-offset:3px}#concept-dialog select{background:#fffdf6;border:1px solid #718c87;border-radius:6px;padding:11px;max-width:100%;min-width:0}#concept-dialog label{display:flex;flex-direction:column;gap:8px;font-weight:600;min-width:0}#concept-dialog a{color:#205e89;text-underline-offset:3px;overflow-wrap:anywhere}.concept-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.concept-dialog-head button{flex-shrink:0}.concept-summary{font-size:18px;margin:7px 0 25px}.concept-contexts{display:flex;gap:15px;align-items:end;justify-content:space-between;flex-wrap:wrap}.concept-contexts label{min-width:220px}.concept-contexts span{font-size:14px}.concept-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.concept-comparison figure{margin:0;min-width:0;background:#edf1e8;border:1px solid #b4c7bc;border-radius:9px;overflow:hidden}.concept-comparison figcaption{font-size:15px;font-weight:700;padding:14px 18px;border-bottom:1px solid #c1d0c6}.concept-image{overflow:auto}.concept-image svg{display:block;width:100%;height:auto;min-width:320px}.concept-controls{padding:20px;background:#e4ede3;border-radius:9px}.concept-controls label{flex-direction:row!important;justify-content:space-between}.concept-controls input[type=range]{width:100%;min-height:38px;accent-color:#246d57}.concept-control-buttons{display:flex;gap:10px;flex-wrap:wrap}.concept-time{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin-top:20px}.concept-time input{grid-column:2}.concept-evidence{border-left:4px solid #27669e;padding:10px 18px;font-size:18px;background:#e6edf0}.concept-model,.concept-limit{color:#405a61;font-size:15px}.concept-task{border-top:1px solid #a8c0b4;border-bottom:1px solid #a8c0b4;padding:24px 0;margin:28px 0}.concept-task>div{display:flex;gap:10px;flex-direction:column}.concept-task button{text-align:left}.concept-task [data-result=correct]{color:#1c6045;font-weight:600}.concept-task [data-result=retry]{color:#725318;font-weight:600}.concept-effects,.concept-artworks,.concept-sources{border-bottom:1px solid #b4c6bd;padding:20px 0}.concept-effects summary,.concept-artworks summary,.concept-sources summary{font-weight:700;cursor:pointer;min-height:28px}.concept-effects article{padding:10px 20px;border-left:2px solid #a0bfb1;margin:18px 0}.concept-evidence-level{font-size:13px;border-radius:20px;background:#d7e6df;padding:5px 10px;display:inline-block}.concept-effects textarea{padding:12px;width:100%;border:1px solid #77918d;border-radius:7px;background:#fffdf8;resize:vertical}.concept-artworks>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.concept-artworks figure{margin:18px 0;max-width:600px}.concept-artworks img{width:100%;height:270px;object-fit:contain;background:#e5e7df}.concept-artworks figcaption{font-size:14px;line-height:1.7;padding-top:10px}.concept-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;margin-top:24px}.concept-navigation select{width:100%}#concept-dialog.expanded .concept-comparison{grid-template-columns:1fr}#concept-dialog.expanded .concept-image svg{min-width:640px}.visual-entry{margin:20px 0;padding:25px;border:1px solid #8ca79e;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e5ede2}.visual-entry p{margin:5px 0}.visual-entry button{padding:15px 20px;border:0;border-radius:6px;background:#174c41;color:#fff;font:inherit;cursor:pointer}
@media(max-width:720px){#concept-dialog{padding:18px 14px;width:98vw;max-height:96dvh;border-radius:12px}.concept-dialog-head{gap:7px}.concept-dialog-head button{padding:7px 9px}.concept-dialog-head .eyebrow{font-size:10px;line-height:1.6}.concept-comparison{grid-template-columns:1fr;margin:18px 0}.concept-comparison figcaption{font-size:14px}.concept-contexts{gap:12px}.concept-contexts label{min-width:170px;flex:1}.concept-controls{padding:14px}.concept-navigation{grid-template-columns:1fr 1fr;gap:12px}.concept-navigation label{grid-row:1;grid-column:1 / -1}.concept-navigation button{font-size:14px!important}.concept-summary{font-size:16px}.concept-task p{font-size:16px}.visual-entry{flex-direction:column;align-items:start}.concept-time input{grid-column:1 / -1}.concept-image svg{min-width:320px}.concept-effects article{padding-left:12px}}
@media(prefers-reduced-motion:reduce){#concept-dialog *{scroll-behavior:auto!important;transition:none!important}}