/* Readable explanations and live apparatus; stimulus geometry is deliberately untouched. */
body{font-size:17px}p,li{line-height:1.8}button,input,select,textarea{font-size:16px}button,select{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e5ad54;outline-offset:4px}
#step-controls button,#prediction-options button,#prediction-options button b,#prediction-options button span{font-size:17px!important;line-height:1.65!important;white-space:normal;overflow-wrap:anywhere}#step-controls label,#step-controls select,#step-controls input,.lab-button,.ghost-button{font-size:16px!important}.exp-readings span,.exp-log p{font-size:16px!important;line-height:1.7!important}
.reader-background,.reader-background p,.explanation-prose p,.mechanism-reading p,.explanation-body p,.level-context p,.observation-guide li,.context-copy,.result-plain,.exp-condition-copy,.exp-variable,.exp-status{font-size:18px!important;line-height:1.85!important}
.fine,.help,.credit,.caption,figcaption,.source-group p,.field-label,.protocol-preview,.protocol-preview p,.protocol-preview span,.condition-status,.epoch-note,.boundary,.teaching-caption{font-size:15px!important;line-height:1.75!important}
.friendly-tabs button,#nav button,.nav button{font-size:15px!important}.friendly-about p,.friendly-description,.catalog-description{font-size:17px}.explanation-body{grid-template-columns:minmax(0,1fr)!important}.explanation-prose{max-width:80ch}.explanation-title{font-size:24px!important}.explanation-citations{font-size:15px!important}.explanation-citations a{overflow-wrap:anywhere}
.clear-map{--cm-bg:var(--panel,var(--paper,var(--bg,#f4f5ed)));--cm-ink:var(--ink,#163e36);background:var(--cm-bg);color:var(--cm-ink);border:1px solid #7a9b8550;border-radius:20px;padding:22px;margin:20px 0}.clear-map h4{font-size:23px;margin:0 0 10px}.clear-map p{font-size:17px!important}.clear-map-visual{background:radial-gradient(ellipse at 50% 55%,#205b59,#071e2a);border-radius:15px;overflow:hidden;margin:16px 0}.clear-map-visual svg{display:block;width:100%;max-height:300px}.clear-map-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.clear-map-list button{width:100%;height:100%;text-align:left;padding:16px;border:1px solid #8aa08c;border-radius:13px;display:flex;gap:12px;align-items:flex-start;color:inherit;background:transparent;line-height:1.65;font-size:17px}.clear-map-list button[aria-pressed=true]{background:#cce8d32b;box-shadow:inset 4px 0 #bd7541;border-color:#b87d51}.clear-map-list strong{font-size:22px;min-width:25px;color:var(--accent,#a25c32)}.clear-map-detail{border-left:4px solid #b87d51;padding:14px 20px;background:#7c9a8810;min-height:100px}.clear-map-detail p{margin:0}.clear-map-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.clear-map-actions button,.clear-zoom-button{padding:10px 17px;font-size:16px;border-radius:10px;border:1px solid #8a9f93;background:var(--panel,var(--paper,var(--bg,#f5f4e9)));color:var(--ink,#173c34)}.clear-map-detail details{margin-top:12px}.clear-map-detail summary{font-size:17px;cursor:pointer}.clear-node-active{filter:drop-shadow(0 0 11px #b9ffbb)}.clear-motion-dot{fill:#ffe0a2}.clear-map[data-playing=true] .clear-motion-dot{animation:clear-travel 2.8s linear infinite}@keyframes clear-travel{from{transform:translateX(0)}to{transform:translateX(330px)}}
.clear-visual-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.clear-zoom-button{min-height:44px}.clear-visual-tools small{font-size:15px}.clear-labels{font-size:16px!important;line-height:1.7;padding:10px 14px;border:1px solid #90aa9540;border-radius:10px}.clear-labels summary{cursor:pointer}.clear-labels ul{display:flex;gap:10px 18px;flex-wrap:wrap;padding-left:20px}.clear-labels li{max-width:45ch}.clear-inspector{width:min(1500px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;background:var(--panel,var(--paper,var(--bg,#f4f5ec)));color:var(--ink,#163d35);border:1px solid #879c8c;border-radius:16px;padding:18px}.clear-inspector::backdrop{background:#001a25d9}.clear-inspector-head{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.clear-inspector-head h2{font-size:23px;margin:0}.clear-inspector-head button{font-size:17px;padding:10px 18px}.clear-inspector-scroll{overflow:auto;max-height:65dvh;background:#102d35;border-radius:12px;margin-top:14px}.clear-inspector-scroll>*{max-width:none!important;display:block}.clear-inspector-controls{border-top:1px solid #789783;margin-top:14px;padding-top:14px;display:flex;gap:15px;flex-wrap:wrap}.clear-inspector-controls>*{max-width:100%}.clear-inspector-controls input{max-width:100%}.clear-inspector-legend{font-size:17px;line-height:1.8}.clear-feedback{outline:3px solid #c47b3e;outline-offset:3px;transition:outline-color .6s}.clear-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.clear-pair-grid figure{margin:0;border:1px solid #8eab9944;border-radius:12px;padding:10px}.clear-pair-grid figcaption{font-weight:700;font-size:18px!important}.clear-pair-grid canvas{width:100%!important;height:auto!important}.clear-canvas-note{font-size:16px;line-height:1.8}
[data-theme=dark] .clear-map{--cm-bg:#102c2e;--cm-ink:#edf5ee}[data-theme=dark] .clear-inspector{background:#102b2f;color:#ecf5ed}[data-theme=dark] .clear-map-actions button,[data-theme=dark] .clear-zoom-button{background:#163a39;color:#eff6ec}
@media(max-width:700px){body{font-size:17px}.reader-background,.reader-background p,.explanation-prose p,.mechanism-reading p,.explanation-body p{font-size:17px!important}.clear-map{padding:15px}.clear-map-list,.clear-pair-grid{grid-template-columns:1fr}.clear-map-list button{padding:13px;font-size:17px}.clear-map-visual svg{min-height:180px}.clear-inspector{padding:12px}.clear-inspector-scroll{max-height:55dvh}.clear-inspector-head h2{font-size:19px}.fine,.help,.credit,figcaption{font-size:15px!important}.friendly-tabs button,#nav button,.nav button{font-size:14px!important}.clear-inspector-controls{display:block}}
@media(prefers-reduced-motion:reduce){.clear-map .clear-motion-dot{animation:none!important}.clear-feedback{transition:none!important}}

.clear-pair-grid figure{display:block!important}

.clear-canvas-note{overflow-wrap:anywhere}
.clear-map-list strong{color:inherit}
