/* v122: targeted human-centred learning polish. All original interactions preserved. */
.sbs122-how{padding:0 0 40px;margin:-8px 0 22px}
.sbs122-eyebrow{font-size:.73rem;letter-spacing:.14em;font-weight:900;color:#886144;text-transform:uppercase;margin:0 0 9px}
.sbs122-how h2,.sbs122-wudhu-note h2{font:700 clamp(1.75rem,3vw,2.5rem) Georgia,serif;letter-spacing:-.02em;color:#39244b;margin:0 0 22px}
.sbs122-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sbs122-how-grid>div{background:#fffdfa;border:1px solid #eadbd0;border-radius:16px;padding:20px 22px;box-shadow:0 9px 23px #3722520e}
.sbs122-how-grid span{color:#9a6494;display:inline-block;font:800 .83rem system-ui,sans-serif;letter-spacing:.05em;background:#f9ebf1;padding:8px;border-radius:9px}
.sbs122-how-grid h3{font:700 1.39rem Georgia,serif;color:#433052;margin:12px 0 7px}
.sbs122-how-grid p{color:#5a505c;line-height:1.65;margin:0}
.sbs122-family-link{margin:0 0 23px;color:#51465c;font-size:.95rem}
.sbs122-family-link a{color:#5c307d;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.sbs122-workshop-visual{margin:0;min-height:325px;display:flex;justify-content:center;align-items:center;position:relative;gap:0;padding:35px 6px 37px;background:radial-gradient(ellipse at center,#634e81 0%,#3c2c61 75%);border:1px solid #c9abdb70;border-radius:28px;overflow:hidden;box-shadow:0 18px 42px #170c323e}
.sbs122-paper{flex:0 0 31%;max-width:175px;aspect-ratio:643/910;background:#fffaf2;padding:5px;border-radius:7px;border:1px solid #e7d7c8;box-shadow:0 10px 20px #1b0c3466;transition:transform .2s}
.sbs122-paper img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px;filter:none!important;max-height:none!important}
.sbs122-paper-left{transform:rotate(-12deg) translate(14px,8px)}.sbs122-paper-mid{transform:translateY(-14px);z-index:2}.sbs122-paper-right{transform:rotate(11deg) translate(-14px,12px)}
.sbs122-workshop-visual figcaption{position:absolute;bottom:9px;left:10px;right:10px;text-align:center;font-size:.7rem;letter-spacing:.01em;color:#fff9e9;line-height:1.3}
.sbs122-wudhu-note{background:#fffaf1;border-radius:19px;padding:23px 27px;margin-top:25px;margin-bottom:12px;border:1px solid #e9d7b8;box-shadow:0 8px 18px #35294708}
.sbs122-wudhu-note p{max-width:75ch;font-size:1rem;line-height:1.7;color:#534856}.sbs122-wudhu-note h2{margin-bottom:7px}
.sbs122-wudhu-reminders{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.sbs122-wudhu-reminders span{background:#fff;border:1px solid #e2cbdb;border-radius:999px;padding:9px 13px;font-size:.86rem;font-weight:750;color:#564069}
@media(max-width:730px){.sbs122-how-grid{grid-template-columns:1fr}.sbs122-workshop-visual{min-height:0;padding:22px 4px 34px}.sbs122-paper{max-width:120px}.sbs122-wudhu-note{margin-inline:12px}}
@media(max-width:390px){.sbs122-paper{max-width:100px}.sbs122-workshop-visual figcaption{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.sbs122-paper{transition:none}}
@media print{.sbs122-workshop-visual{background:#fff;box-shadow:none}.sbs122-workshop-visual figcaption{color:#333}.sbs122-how-grid{grid-template-columns:repeat(3,1fr)}}

/* Photographic upgrade appears only after an online image successfully loads. */
.sbs116-hero-visual img.sbs122-photographic{object-fit:cover;object-position:63% center;background:#382a4f}
.sbs122-workshop-visual.sbs122-photo-loaded{padding:0;min-height:325px;display:block;background:#4a355a}
.sbs122-workshop-visual.sbs122-photo-loaded>.sbs122-paper{display:none!important}
.sbs122-workshop-visual .sbs122-studio-photo{display:block;width:100%;height:325px;object-fit:cover;object-position:59% center;max-height:none;max-width:none;border-radius:26px;filter:none}
.sbs122-workshop-visual.sbs122-photo-loaded figcaption{background:#21142eb3;color:#fffaed;padding:8px 10px;bottom:0;left:0;right:0;font-size:.78rem}
@media(max-width:760px){.sbs122-workshop-visual .sbs122-studio-photo{height:235px}.sbs116-hero-visual img.sbs122-photographic{object-position:56% center}}