[data-hydration-map]{border:1px solid #af9563;border-radius:20px;padding:24px;margin:26px 0;background:#e5d8bd}
.mechanism-controls,.review-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.mechanism-controls button,.review-filters button,.answer-review-card button{font:inherit;border:1px solid #907344;border-radius:16px;background:transparent;color:#292e29;padding:10px 16px;min-height:44px}
.mechanism-controls button[aria-pressed=true],.review-filters button[aria-pressed=true]{background:#292e29;color:#f4e7ca}
.hydration-scheme{display:grid;gap:10px;border-radius:14px;padding:20px;background:#f3ecdc;margin-block:20px;color:#292e29}
.scheme-surface{border-block-start:6px solid #ad956a;padding:12px;text-align:center;border-radius:12px}
.scheme-layer{border:2px solid #c4b28b;padding:20px;text-align:center;border-radius:12px}
.scheme-label{text-align:center;font-weight:500;font-size:17px}
[data-role="0"] .scheme-layer{background:#cbd8d3;border-color:#55766c}
[data-role="1"] .scheme-surface{background:#d6c18e;border-color:#766033}
[data-role="2"] .scheme-surface{background:#e3d5b5;border-radius:24px;border-color:#a28a5b}
[data-hydration-map] small{font-size:11px;line-height:1.8;display:block;color:#64583f}
.case-label{font-size:13px!important;color:#735728;border-inline-start:3px solid #a78b50;padding-inline-start:14px}
.case-introduction{margin-bottom:28px}.answers legend{line-height:2}
#answer-review{padding:60px 6%;background:#e1d3b5}#answer-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.answer-review-card{padding:24px;border:1px solid #b49b6e;border-radius:22px;background:#f0e8d8;min-width:0}
.answer-review-card h3{font-size:21px}.answer-review-card p{font-size:16px;line-height:2}.answer-review-card .review-context{font-size:12px;color:#685335}
@media(max-width:750px){[data-hydration-map]{padding:16px}.mechanism-controls button{padding:10px;font-size:14px}#answer-review-list{grid-template-columns:1fr}#answer-review{padding:40px 5%}}

/* Editable qualitative teaching illustration; no efficacy simulation. */
.hydration-scheme{background:#282f2d;color:#f3e8cc;padding:20px 18px 24px;border:1px solid #4e554a;gap:18px}
.skin-visual{width:100%;min-width:0;direction:ltr}.skin-visual svg{display:block;width:100%;height:auto;overflow:visible}
.corneocyte{fill:url(#skin-light);stroke:#f0dfba;stroke-width:1.4}.lipid-matrix{stroke:#aa9670;stroke-width:2}
.water-points{fill:#a5dedc;stroke:#294846;stroke-width:1.5;opacity:.2;transition:opacity .25s ease}
.water-flow{fill:none;stroke:#83bab9;stroke-width:2.5;opacity:.45;stroke-dasharray:5 7}
.occlusive-film{fill:none;stroke:#e2bc64;stroke-width:15;stroke-linecap:round;opacity:0;transition:opacity .25s ease}
.emollient-film{fill:none;stroke:#f5e6c5;stroke-width:10;stroke-linecap:round;opacity:0;transition:opacity .25s ease}
[data-role="0"] .water-points{opacity:1}[data-role="1"] .occlusive-film{opacity:1}[data-role="2"] .emollient-film{opacity:1}
.map-pin circle{fill:#292e29;stroke:#f3dfb2;stroke-width:1.5}.map-pin text{fill:#fff2d1;text-anchor:middle;font-family:Peyda,sans-serif;font-size:19px}
.skin-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:12px;line-height:1.8}.skin-legend b{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #ae9872;border-radius:50%;margin-inline-end:6px;font-weight:400}
.hydration-scheme .map-key{font-size:13px;line-height:1.9;color:#a9d6d0;margin:0;text-align:center}.hydration-scheme .scheme-label{font-size:20px;color:#f3e8cc}
@media(max-width:750px){.hydration-scheme{padding:14px 8px 20px;gap:14px}.skin-legend{justify-content:start;font-size:12px;gap:10px}.skin-legend span{flex-basis:100%}.hydration-scheme .scheme-label{font-size:18px}}
@media(prefers-reduced-motion:reduce){.water-points,.occlusive-film,.emollient-film{transition:none}}

/* Contextual answer review */
.review-lesson-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:680px;margin:24px 0}
.review-lesson-tools label{font-size:15px}.review-lesson-tools select{font:inherit;width:100%;min-width:0;min-height:48px;padding:10px 14px;background:#f0e8d8;color:#292e29;border:1px solid #907344;border-radius:14px}
#review-result-count{font-size:14px;line-height:1.9;margin:0;color:#57492f}
.answer-review-card .review-question{font-weight:600;font-size:18px;line-height:2}
.review-case-context{border-block:1px solid #c8b48d;margin:18px 0;padding:10px 0}
.review-case-context summary{cursor:pointer;min-height:44px;align-content:center;font-size:15px}
.review-explanation{border-inline-start:3px solid #a18551;padding-inline-start:15px}
.review-empty{line-height:2;grid-column:1/-1}
.review-lesson-tools select:focus-visible,.review-case-context summary:focus-visible{outline:3px solid #5b7065;outline-offset:4px}