/* v154: minimal, supportive letter-shape exploration in the existing Arabic adventure. */
.sbs154-listen-options{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:3px 0}
.sbs154-listen-options span{color:#50376b;font-size:13px;font-weight:850;margin-right:4px}
.sbs154-listen-options button{background:white;border:1.5px solid #bd9bcf;border-radius:99px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:800;line-height:1.2;color:#4c216a;cursor:pointer;min-height:42px}
.sbs154-listen-options button[aria-pressed=true]{background:#452066;color:white;border-color:#452066}
.sbs154-listen-options button:focus-visible,.sbs154-detective button:focus-visible,.sbs154-detective summary:focus-visible{outline:3px solid #f2bd51;outline-offset:3px}
.sbs154-recording-note{grid-column:2;color:#614d6d;font-size:12px;line-height:1.5;margin:0}
.sbs154-detective{margin:22px 0 26px;border:2px solid #d8c4f1;border-radius:24px;background:#fcf9ff;box-shadow:0 10px 26px #30174412;overflow:hidden;color:#31184c}
.sbs154-detective>summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#f5e7ff,#fff4d9);min-height:105px}
.sbs154-detective>summary::-webkit-details-marker{display:none}
.sbs154-detective-icon{height:55px;width:55px;border-radius:18px;background:#4e267d;color:#ffe4a4;font-size:36px;display:grid;place-items:center;flex-shrink:0}
.sbs154-detective>summary span:nth-child(2){flex:1;min-width:0}
.sbs154-detective>summary strong{font-size:clamp(20px,3vw,27px);line-height:1.2;display:block;color:#3b1762}
.sbs154-detective>summary small{display:block;font-size:13px;color:#624675;margin-top:5px;line-height:1.4}
.sbs154-detective-action{background:#4f247b;color:#fff9e8;border-radius:40px;font-weight:900;white-space:nowrap;padding:10px 15px;font-size:14px}
.sbs154-detective[open] .sbs154-detective-action{font-size:0}
.sbs154-detective[open] .sbs154-detective-action::after{content:'Close ×';font-size:14px}
.sbs154-detective-body{padding:clamp(16px,3vw,26px)}
.sbs154-detective-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sbs154-detective-step{font-size:12px;font-weight:900;letter-spacing:.12em;color:#6c327e;text-transform:uppercase}
.sbs154-detective-help{font-size:12px;color:#796281}
.sbs154-detective-body h2{font-size:clamp(25px,4vw,37px);color:#34144f;line-height:1.2;margin:15px 0 9px}
.sbs154-detective-tip{font-size:15px;line-height:1.6;color:#65526e;max-width:65ch;margin:0 0 15px}
.sbs154-detective-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sbs154-letter-option{cursor:pointer;min-width:0;min-height:144px;border:2px solid #d4c3e7;border-radius:20px;background:linear-gradient(150deg,#fff,#f3edfc);font-family:inherit;color:#3f1a65;display:grid;place-content:center;justify-items:center;gap:8px;padding:12px 6px;transition:transform .15s,border-color .15s,background .15s}
.sbs154-letter-option:hover{border-color:#74399a;transform:translateY(-2px)}
.sbs154-letter-option .sbs154-glyph{font-family:'Noto Naskh Arabic','Amiri','Scheherazade New',serif;font-size:clamp(54px,9vw,85px);line-height:1.15;direction:rtl;unicode-bidi:isolate}
.sbs154-letter-option .sbs154-choice-label{font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#65516e}
.sbs154-letter-option[data-result='correct']{border-color:#19805f;background:linear-gradient(155deg,#e8f8ed,#f7fffa)}
.sbs154-letter-option[data-result='try-again']{border-color:#a887bf;background:#f3eefd}
.sbs154-detective-feedback{min-height:42px;color:#4f3071;font-weight:800;font-size:15px;line-height:1.55;margin:16px 0 4px}
.sbs154-detective-hint{padding:12px 15px;background:#fff6df;color:#57402c;border-left:4px solid #dfb051;border-radius:10px;font-size:14px;line-height:1.5}
.sbs154-detective-buttons{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;margin-top:15px}
.sbs154-detective-buttons button{min-height:46px;border-radius:99px;padding:11px 17px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.1;cursor:pointer}
.sbs154-detective-clue{background:white;border:2px solid #ad86c9;color:#4f277c}
.sbs154-detective-next{background:#4d2175;color:white;border:2px solid #4d2175}
.sbs154-detective-parent{border-top:1px solid #ded2e7;margin:20px 0 0;padding-top:15px;font-size:12px;color:#70607a;line-height:1.6}
@media(max-width:600px){.sbs154-listen-options,.sbs154-recording-note{grid-column:1}.sbs154-detective{margin:17px 0 21px}.sbs154-detective>summary{padding:14px;gap:11px}.sbs154-detective-icon{width:45px;height:45px;font-size:27px}.sbs154-detective-action{padding:9px 11px}.sbs154-detective-choices{gap:7px}.sbs154-letter-option{min-height:112px;border-radius:14px}.sbs154-letter-option .sbs154-glyph{font-size:57px}.sbs154-detective-body{padding:14px}.sbs154-detective-buttons button{flex:1}}
@media(prefers-reduced-motion:reduce){.sbs154-letter-option{transition:none}.sbs154-letter-option:hover{transform:none}}
/* Keep answer cards clear of the existing fixed desktop social rail and mobile navigation. */
@media(min-width:768px){body.adventure-page .sbs154-detective{margin-right:84px}}
@media(max-width:767px){body.adventure-page:has(#sbs154-letter-detective[open]) .sbs112-dock{opacity:0!important;pointer-events:none!important;transform:translate(-50%,115%)!important}}
