/* Three conceptual diagrams, visually subordinate to the essay. */
.concept-visual{margin:30px 0 38px;padding:20px;border:1px solid #d6cbb9;border-radius:5px;background:#eee8dc;color:#4e4538;font:14px/1.55 Arial,sans-serif}.concept-visual .visual-kicker{font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#7c6a50;margin:0 0 7px}.concept-visual h4{font:24px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 10px}.concept-visual p{font:14px/1.6 Arial,sans-serif;margin:0 0 12px}.concept-visual .visual-hint{font-size:12px;color:#796b58}.visual-options{display:flex;gap:8px;margin:12px 0 18px}.visual-options button{flex:1;min-width:0;min-height:46px;border:1px solid #bead91;border-radius:4px;padding:9px 7px;color:#645137;background:#f6f1e7;font:12px/1.35 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.visual-options button:hover{background:#e4d8c3}.visual-options button[aria-pressed=true]{background:#655039;color:#fff8ea;border-color:#655039;font-weight:bold}.concept-visual :is(button,input,summary):focus-visible{outline:3px solid #8a552b;outline-offset:4px}.visual-note{border-top:1px solid #d1c3ab;padding-top:15px}.visual-note h5{font:20px/1.2 Georgia,serif;margin:0 0 8px;color:#443a2c}.concept-visual .visual-practice{font-size:13px;margin:10px 0 0}.visual-practice strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:3px}.concept-visual .visual-summary{font:14px/1.5 Georgia,serif;color:#6f604a;margin:15px 0 0}.concept-visual [hidden]{display:none!important}.rings-diagram{display:block;width:228px;max-width:100%;height:auto;margin:8px auto 10px}.rings-diagram circle{cursor:pointer;stroke:#b8a586;stroke-width:1.5;fill:#e1d7c5}.rings-diagram circle:nth-of-type(2){fill:#eee5d4}.rings-diagram circle:nth-of-type(3){fill:#f7f0e4}.rings-diagram circle.is-selected{stroke:#725435;stroke-width:3;fill:#d7bc93}.rings-diagram text{pointer-events:none;font:11px Arial,sans-serif;fill:#55432d;text-anchor:middle}.gradient-scale{padding:17px 2px 0}.gradient-scale input{display:block;width:100%;height:44px;accent-color:#795c37;margin:0;cursor:pointer}.gradient-ticks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;font:11px/1.4 Arial,sans-serif;color:#7e6d55;margin:0 0 20px}.gradient-ticks span:nth-child(2){text-align:center}.gradient-ticks span:last-child{text-align:right}.slider-label{display:block;font:12px/1.5 Arial,sans-serif;font-weight:bold;margin-top:16px}.delta-chart{margin:16px 0 0}.axis-y{font:11px/1.3 Arial,sans-serif;color:#74634b;margin-bottom:8px}.delta-plot{position:relative;height:170px;margin-left:17px;border-left:1px solid #ac9877;border-bottom:1px solid #ac9877;background:linear-gradient(to right,transparent 49.8%,#d8ccb7 50%,transparent 50.2%),linear-gradient(to bottom,transparent 49.8%,#d8ccb7 50%,transparent 50.2%)}.delta-point{position:absolute;display:flex;align-items:center;justify-content:center;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #a58d68;border-radius:50%;color:#745b39;background:#f6f0e3;font:14px Georgia,serif;cursor:pointer}.delta-point.is-selected{border:2px solid #6c5031;background:#d1b489;color:#42311d;font-weight:bold}.delta-edge{position:absolute;font:10px Arial,sans-serif;color:#8a795f;left:4px}.delta-edge.high{top:3px}.delta-edge.low{bottom:3px}.axis-x{display:flex;justify-content:space-between;font:10px/1.4 Arial,sans-serif;color:#7b6b53;margin:7px 0 0 17px}.axis-title{text-align:center;font:11px Arial,sans-serif;color:#74634b;margin-top:5px}.graph-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.concept-fallback details{padding:10px 0;border-top:1px solid #d1c3ab}.concept-fallback summary{cursor:pointer;min-height:44px}.lab-preview{max-width:760px;margin:auto;padding:45px 24px}.lab-preview header{display:block;border:0;padding:0}.lab-preview h1{font:48px/1.1 Georgia,serif;letter-spacing:-.04em;margin:20px 0}.lab-preview footer{padding:25px 0;font:14px Arial,sans-serif}@media(max-width:600px){.concept-visual{padding:16px}.concept-visual h4{font-size:22px}.visual-options{gap:6px}.visual-options button{font-size:11px;padding:8px 5px}.gradient-ticks{font-size:10px;gap:6px}.delta-plot{height:160px}}@media print{.concept-visual .concept-fallback[hidden]{display:block!important}.concept-fallback details>p{display:block!important}.visual-controls,.visual-note{display:none!important}.concept-visual{break-inside:avoid;background:white}}
.graph-options button:first-child{grid-column:1/-1}.graph-options button{min-height:44px}.concept-visual .visual-summary{font-size:12px}.rings-diagram circle:hover{stroke:#725435;stroke-width:3}.delta-point:hover{border-width:2px}.delta-point.is-selected::after{content:'Selected';position:absolute;top:39px;font:9px Arial,sans-serif;white-space:nowrap;color:#725435}

.delta-point-label{position:absolute;top:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px Georgia,serif;color:#6c5031}

.learner-scene{display:block;width:100%;max-width:440px;height:auto;margin:5px auto 7px}.learner-slider{max-width:440px;margin:auto}.learner-slider input{display:block;width:100%;height:44px;margin:0;accent-color:#795c37;cursor:pointer}.learner-endpoints{display:flex;justify-content:space-between;gap:20px;font:12px/1.4 Arial,sans-serif;color:#74634c;margin-top:3px}.learner-endpoints span{max-width:48%}.learner-endpoints span:last-child{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-learner{will-change:opacity}@media(max-width:400px){.learner-endpoints{font-size:11px}}

.reach-circles{display:flex;align-items:center;justify-content:space-between;gap:5%;max-width:390px;margin:24px auto 16px}.reach-circles button{flex-shrink:0;aspect-ratio:1;min-height:44px;border:1px solid #b6a17e;border-radius:50%;padding:5px;background:#f4eddf;color:#70583b;font:13px/1.3 Arial,sans-serif;cursor:pointer;touch-action:manipulation}.reach-circles button:nth-child(1){width:23%}.reach-circles button:nth-child(2){width:30%}.reach-circles button:nth-child(3){width:37%}.reach-circles button:hover{background:#e5d7bf}.reach-circles button[aria-expanded=true]{background:#d5bd99;border:2px solid #81623e;font-weight:bold}.reach-note{border-top:1px solid #d4c6af;padding-top:16px;margin-top:17px}.concept-visual .reach-note p{font:17px/1.5 Georgia,serif;margin:0}.reach-fallback details{padding:10px 0}.reach-fallback summary{min-height:44px;cursor:pointer}@media(max-width:600px){.reach-circles button{font-size:11px}}@media(max-width:380px){.reach-circles button{font-size:10px}.concept-visual .reach-note p{font-size:16px}}@media print{.reach-fallback[hidden]{display:block!important}.reach-circles{display:none!important}.scene-learner{opacity:1!important}}