[data-public-visual]{padding:24px;margin:26px 0;border:1px solid #af9563;border-radius:20px;background:#e5d8bd}
.public-visual-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.public-visual-controls button{font:inherit;font-size:14px;border:1px solid #907344;border-radius:16px;background:transparent;padding:10px 16px;color:#292e29;min-height:44px}.public-visual-controls button[aria-pressed=true]{background:#292e29;color:#f3e8cc}
.public-teaching-figure{margin:0;border-radius:18px;background:#292f2d;overflow:hidden;padding:20px;color:#f3e8cc}.cleanser-example{background:radial-gradient(ellipse at 50% 30%,#e6dcc6,#c3b18b);text-align:center}.cleanser-example img{display:block;width:100%;height:300px;object-fit:contain;margin:auto;max-width:300px}.sun-example svg{display:block;width:100%;height:auto;direction:ltr}.sun-aid{fill:none;stroke:#d9c392;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.sun-example[data-selected="0"] .aid-0,.sun-example[data-selected="1"] .aid-1,.sun-example[data-selected="2"] .aid-2{opacity:1;stroke:#b8e3de;stroke-width:4}
.public-scene-labels{display:grid;grid-template-columns:repeat(3,1fr);direction:ltr;text-align:center;font-size:14px}
[data-public-visual] h4{font-size:21px;font-weight:500;line-height:1.8;margin:24px 0 12px}[data-public-visual] small{display:block;font-size:11px;line-height:1.8;color:#64583f}
@media(max-width:750px){[data-public-visual]{padding:16px}.public-teaching-figure{padding:12px}.cleanser-example img{height:240px}.public-visual-controls button{font-size:13px;padding:10px}.public-scene-labels{font-size:12px}}
.public-teaching-figure.cleanser-example{padding:0;max-width:360px;margin-inline:auto}.cleanser-example img{width:100%;height:auto;max-width:none}
