.instructional-art{display:block;width:100%;height:auto;overflow:visible}
.visual-intro{margin:0 0 19px}
.visual-intro h3{font-size:27px;letter-spacing:-.5px;margin:6px 0 9px}
.visual-intro p{font-size:12px;line-height:1.85;color:var(--muted);max-width:620px}
.visual-grid{display:grid;gap:13px;margin:20px 0 24px}
.visual-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-card{margin:0;border:1px solid #e8dfd1;border-radius:12px;overflow:hidden;background:#fffdfa;min-width:0}
.visual-card-art{position:relative;background:radial-gradient(ellipse at 50% 45%,#f5ebdc,#fbf7f0 75%);padding:8px 4px}
.visual-card-art .instructional-art{height:155px}
.visual-number{position:absolute;top:11px;left:12px;font-size:9px;letter-spacing:1px;color:#96764c}
.visual-card figcaption{padding:17px 15px 19px}
.visual-card h3{font-size:21px;line-height:1.25;margin-bottom:8px}
.visual-card p{font-size:11px;line-height:1.85;color:var(--muted)}
.visual-takeaway{padding:18px 20px;border:1px solid #e7dcca;border-radius:10px;background:#f8f3e9;margin:23px 0}
.visual-takeaway strong{font-size:12px;font-weight:600;color:#7d603a}
.visual-takeaway p{font-size:12px;line-height:1.85;color:#7d6e59;margin-top:6px}
.visual-takeaway .text-button{margin-top:11px}
.visual-takeaway.compact{padding:15px;margin-bottom:0}
.visual-note{font-size:10px;color:#8c7c67;line-height:1.85;margin-top:15px}
.pressure-help{border:1px solid var(--line);border-radius:9px;margin:4px 0 29px;background:#fcfaf7}
.pressure-help summary{padding:13px 16px;cursor:pointer;color:#7b6141;font-size:11px}
.pressure-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:center;padding:0 18px 18px}
.pressure-example .instructional-art{max-height:165px}
.pressure-example p{font-size:11px;line-height:1.85;color:var(--muted)}
.pressure-example strong{display:block;font-weight:500;margin-bottom:5px;color:var(--ink)}
.stroke-tutorial{padding-top:24px;border-top:1px solid var(--line)}
.stroke-explorer{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
#stroke-stage{min-width:0;border:1px solid #e1d4bf;border-radius:13px;background:radial-gradient(ellipse at 50% 35%,#f1e4d2,#fbf8f2 74%);display:flex;align-items:center}
.stroke-figure{margin:0;padding:20px 12px;width:100%;text-align:center}
.stroke-figure .instructional-art{height:240px;overflow:hidden}
.stroke-orientation{font-size:8px;letter-spacing:1.5px;color:#947449;line-height:1.7}
.stroke-orientation.proximal{margin-top:7px;letter-spacing:1px}
.stroke-figure figcaption{border-top:1px solid #e4d6c2;margin:18px 6px 0;padding-top:15px}
.stroke-figure figcaption .eyebrow{font-size:8px;letter-spacing:1.3px}
.stroke-figure figcaption strong{display:block;font-size:12px;font-weight:500;line-height:1.8;margin-top:7px;color:#6f5d45}
.stroke-mobile-copy{display:none}
.stroke-choices{display:flex;flex-direction:column;gap:8px}
.stroke-choices button{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:15px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:80px}
.stroke-choices button:hover{border-color:#c2a77f;background:#fcfaf6}
.stroke-choices button[aria-pressed=true]{border-color:#b18b53;background:#f6eddf;box-shadow:inset 3px 0 #b18b53}
.stroke-choice-number{font-family:var(--serif);font-size:20px;color:#b1956e;line-height:1.2;flex-shrink:0}
.stroke-choices strong{display:block;font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.2;color:#695336}
.stroke-choices small{display:block;font-size:10px;line-height:1.85;color:#877662;margin-top:6px}
.illustrated-observations{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
.illustrated-observations label{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:#fcfaf6;gap:0}
.observation-art{display:block;background:radial-gradient(ellipse at center,#f1e7d8,#fbf8f2);border-bottom:1px solid #ece3d5}
.observation-art .instructional-art{height:145px}
.observation-label{display:flex;gap:9px;align-items:flex-start;padding:13px 12px;font-size:11px;line-height:1.7}
.observation-label input{margin-top:2px}
.illustrated-observations label:has(input:checked) .observation-art{background:#f0e3cf}
.illustrated-instruction{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:22px;margin:20px 0}
.gesture-figure{margin:0;border:1px solid #e7dcca;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#f3e8d8,#fcf9f4 80%);padding:12px}
.gesture-figure .instructional-art{height:215px}
.gesture-figure figcaption{font-size:10px;color:#8b775b;line-height:1.8;text-align:center;padding:8px 8px 6px}
.illustrated-instruction .cleaning-steps{margin:0;gap:15px}
.illustrated-instruction .cleaning-steps p{font-size:11px}
.protocol-preview{margin:10px -2px 9px;border-radius:9px;background:radial-gradient(ellipse at center,#f4eadb,#fffdf9)}
.protocol-preview .instructional-art{height:126px}
.sos-visual{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px;align-items:center;margin:3px 0 17px;padding:10px 14px;background:#faf6ee;border:1px solid var(--line);border-radius:9px}
.sos-visual .instructional-art{height:104px}
.sos-visual figcaption{font-size:11px;line-height:1.8;color:#897255}
@media(max-width:700px){.stroke-choices small{display:none!important}.stroke-mobile-copy{display:block;font-size:11px;line-height:1.8;color:#877662;margin-top:8px}.stroke-choices button{min-height:65px!important}.stroke-choices .stroke-choice-number{font-size:15px!important}.stroke-choices strong{font-size:17px!important}}
@media(max-width:1200px){.visual-card-art .instructional-art{height:132px}.visual-card h3{font-size:20px}.visual-card figcaption{padding:14px 12px}.visual-grid{gap:10px}.stroke-explorer{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}.stroke-choices button{padding:13px 11px;gap:9px}.stroke-choices strong{font-size:19px}.stroke-figure .instructional-art{height:215px}.illustrated-instruction{gap:15px}.gesture-figure .instructional-art{height:180px}}
@media(max-width:700px){.visual-grid.three{grid-template-columns:1fr}.visual-grid.three .visual-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.visual-grid.three .visual-card-art{height:100%;display:flex;align-items:center}.visual-card-art .instructional-art{height:150px}.visual-intro h3{font-size:25px}.stroke-explorer{grid-template-columns:1fr}.stroke-choices{display:grid;grid-template-columns:1fr 1fr}.stroke-choices button{min-height:0}.stroke-choices small{font-size:10px}.stroke-figure{padding:17px}.stroke-figure .instructional-art{height:235px}.stroke-figure figcaption{margin-top:12px}.illustrated-instruction{grid-template-columns:1fr}.gesture-figure .instructional-art{height:210px}.gesture-figure figcaption{max-width:280px;margin:auto}.illustrated-instruction .cleaning-steps p{font-size:12px}.visual-note{font-size:11px}.visual-takeaway{padding:17px}.observation-art .instructional-art{height:135px}.protocol-preview .instructional-art{height:105px}.sos-visual{margin-left:0;margin-right:0}}
@media(max-width:430px){.visual-grid.two{grid-template-columns:1fr}.visual-grid.two .visual-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.visual-grid.two .visual-card-art{height:100%;display:flex;align-items:center}.visual-card-art .instructional-art{height:140px}.visual-card figcaption{padding:16px 12px}.visual-card p{font-size:11px}.visual-card h3{font-size:20px}.stroke-choices{gap:8px}.stroke-choices button{display:block;padding:13px}.stroke-choice-number{font-size:16px;display:block;margin-bottom:7px}.stroke-choices strong{font-size:19px}.stroke-choices small{font-size:10px}.observation-art .instructional-art{height:117px}.observation-label{padding:11px 9px;font-size:10px}.pressure-example{grid-template-columns:1fr;gap:0}.pressure-example .instructional-art{height:145px}.sos-visual{grid-template-columns:95px minmax(0,1fr);gap:10px;padding:10px}.sos-visual .instructional-art{height:90px}}
@media(max-width:370px){.visual-grid.three .visual-card,.visual-grid.two .visual-card{display:block}.visual-grid .visual-card-art{height:auto!important}.visual-card figcaption{padding:15px}.visual-card-art .instructional-art{height:145px}.observation-label{gap:6px}.stroke-figure{padding:15px 10px}}