/* v136 selective visuals. Small scoped additions; original website layout and teaching media remain unchanged. */
.sbs136-home-art{display:block;width:92px;height:92px;object-fit:cover;border-radius:19px;box-shadow:0 8px 22px rgba(0,0,0,.27);border:1px solid rgba(249,222,160,.55)}
.sbs135-home-promo:has(.sbs136-home-art){grid-template-columns:92px minmax(0,1fr) auto}
.sbs136-moment-art{position:relative;margin:0 0 20px;border-radius:22px;overflow:hidden;min-height:195px;height:clamp(185px,23vw,270px);border:1px solid rgba(250,221,168,.4);background:linear-gradient(135deg,#293858,#4b2d54);box-shadow:0 13px 36px rgba(10,5,23,.26)}
.sbs136-moment-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,12,31,.1) 0%,rgba(12,12,28,0) 45%,rgba(9,8,25,.82) 100%)}
.sbs136-moment-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%;filter:saturate(.96)}
.sbs136-moment-art figcaption{position:absolute;right:21px;bottom:17px;z-index:1;text-align:right;color:#fff6df;text-shadow:0 2px 14px rgba(8,9,21,.9)}
.sbs136-moment-art figcaption span{display:block;font:400 clamp(26px,3.3vw,38px)/1.1 Georgia,serif}
.sbs136-moment-art figcaption small{display:block;font:600 10px/1.65 system-ui,sans-serif;letter-spacing:.05em;margin-top:5px;color:#f1e2d5}
.sbs136-ramadan-art{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid #dbc49d;border-radius:23px;overflow:hidden;background:linear-gradient(110deg,#271838,#44305a);margin:20px auto 22px;min-height:228px;box-shadow:0 12px 38px rgba(20,16,35,.12)}
.sbs136-ramadan-art img{display:block;width:100%;height:100%;max-height:286px;object-fit:cover;object-position:center 60%}
.sbs136-ramadan-caption{display:flex;flex-direction:column;justify-content:center;padding:26px 32px;color:#fff}
.sbs136-ramadan-caption>span{font:800 11px system-ui,sans-serif;letter-spacing:.15em;color:#f3d596;text-transform:uppercase}
.sbs136-ramadan-caption strong{font:400 clamp(24px,2.7vw,34px)/1.13 Georgia,serif;margin:13px 0}
.sbs136-ramadan-caption a{color:#ffe4af!important;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:5px}
.sbs136-parents-art{max-width:1120px;width:calc(100% - 38px);margin:23px auto 22px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:23px;border:1px solid #dfc1a1;background:linear-gradient(125deg,#fff3db,#f5e2cf);box-shadow:0 9px 30px rgba(74,42,34,.09);color:#342338}
.sbs136-parents-art>img{width:100%;height:255px;object-fit:cover;object-position:center 61%;display:block}
.sbs136-parents-art>div{display:flex;flex-direction:column;justify-content:center;padding:24px 34px}
.sbs136-parents-art span{font:800 11px system-ui;letter-spacing:.14em;color:#684574}
.sbs136-parents-art strong{font:400 clamp(24px,3vw,34px)/1.17 Georgia,serif;margin:10px 0;color:#342338}
.sbs136-parents-art p{font:500 14px/1.55 system-ui;margin:0;color:#57485d}
@media(max-width:850px){.sbs135-home-promo:has(.sbs136-home-art){grid-template-columns:70px minmax(0,1fr)}.sbs136-home-art{width:70px;height:70px}.sbs136-ramadan-caption{padding:22px}.sbs136-parents-art>img{height:230px}}
@media(max-width:650px){.sbs135-home-promo:has(.sbs136-home-art){grid-template-columns:64px minmax(0,1fr)}.sbs136-home-art{width:64px;height:64px;border-radius:15px}.sbs136-moment-art{height:180px;min-height:180px;border-radius:16px}.sbs136-moment-art figcaption{right:12px;bottom:10px}.sbs136-moment-art figcaption span{font-size:22px}.sbs136-moment-art figcaption small{font-size:9px}.sbs136-ramadan-art{grid-template-columns:1fr;margin-top:15px;margin-bottom:18px;border-radius:18px}.sbs136-ramadan-art img{height:180px;max-height:180px}.sbs136-ramadan-caption{padding:20px 23px}.sbs136-parents-art{grid-template-columns:1fr}.sbs136-parents-art>img{height:188px}.sbs136-parents-art>div{padding:20px 22px}}
@media(prefers-reduced-motion:no-preference){.sbs136-moment-art img{transition:opacity .22s ease}}