/* Reading support is scoped to stories; existing guides keep their layout. */
.story-page .breadcrumbs{flex-wrap:wrap;row-gap:6px}
.story-page .article-section .arabic-story-text .story-arabic-title{display:block;font-size:clamp(29px,3vw,38px);font-weight:600;line-height:2;margin:0 0 23px;padding-bottom:18px;border-bottom:1px solid #deddd4;color:var(--ink);text-align:center;text-wrap:balance}
.story-page .reading-body .story-reading-label{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:650;line-height:1.7}
.story-page .story-level-label{font-size:11px;font-weight:650;color:var(--accent);margin:0 0 17px;line-height:1.7}
.story-page .arabic-story-text{padding:23px 29px;border:1px solid #e3e8ef;border-inline-start:4px solid var(--accent);border-radius:20px;background:#fffdf6;box-shadow:0 5px 0 #f1eee5;text-align:start}
.story-page .reading-body .arabic-story-text p{font-size:clamp(23px,2.1vw,28px);font-weight:400;line-height:2.25;color:#223550;margin:0 0 23px;overflow-wrap:break-word}
.story-page .reading-body .arabic-story-text p:last-child{margin-bottom:0}
.story-translation{margin:22px 0 6px;border:1px solid #dce4ee;border-radius:15px;background:#f6f9fd;overflow:hidden}
.story-translation>summary{cursor:pointer;padding:16px 20px;min-height:52px;font-size:13px;line-height:1.7;font-weight:650;color:var(--accent)}
.story-translation[open]>summary{border-bottom:1px solid #dce4ee}
.story-translation>div{padding:5px 20px 14px}
.story-translation .translation-hide{display:none}
.story-translation[open] .translation-show{display:none}
.story-translation[open] .translation-hide{display:inline}
.story-page .reading-body .story-translation p{font-size:15px;line-height:1.85;color:#3d4e66}
.story-page .practice-heading>div{min-width:0;flex:1}
.story-page .practice-set .practice-heading h3[lang=ar]{font-size:25px;font-weight:600;line-height:2.05;text-align:start}
.story-page .practice-set .practice-options{grid-template-columns:1fr;direction:rtl}
.story-page .practice-set .practice-option [lang=ar]{font-size:23px;line-height:2;overflow-wrap:break-word}
.question-translation{margin-top:9px;text-align:left;direction:ltr}
.question-translation summary{font-size:11px;font-weight:600;color:#465b78;cursor:pointer;min-height:35px;padding-block:8px}
.story-page .reading-body .question-translation p{font-size:13px;line-height:1.7;margin:4px 0 8px}
.story-translation summary:focus-visible,.question-translation summary:focus-visible,.story-navigation a:focus-visible{outline:3px solid #326ee8;outline-offset:3px}
.story-page .reading-body #vocabulary td[lang=ar],.story-page .reading-body #vocabulary td [lang=ar]{font-size:24px;line-height:2.05;white-space:normal}
.story-learning-links{margin:30px 0;scroll-margin-top:115px}
.story-learning-links h2{font-size:clamp(23px,2.4vw,29px);line-height:1.35;margin:0 0 18px;letter-spacing:-.025em}
.story-learning-links .reference-disclosure>summary:focus-visible{outline-offset:-3px}
.story-learning-links ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.story-learning-links li{padding:19px 22px;border:1px solid var(--line);border-radius:15px;background:#f8faff}
.story-learning-links h3{font-size:15px;line-height:1.65;margin:0}
.story-learning-links a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.story-learning-links a:focus-visible{outline:3px solid #326ee8;outline-offset:4px;border-radius:3px}
.story-page .reading-body .story-learning-links p{font-size:13px;line-height:1.8;margin:7px 0 0}
.story-page .reading-body .story-learning-links .learning-example{font-size:21px;line-height:2.05;color:var(--ink);text-align:left}
.story-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0 32px}
.story-navigation a{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:100px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--tint)}
.story-navigation small{font-size:11px;color:var(--accent);font-weight:650}
.story-navigation strong{font-size:13px;line-height:1.6}
@media(max-width:580px){
 .story-page .arabic-story-text{padding:19px 17px;border-radius:16px}
 .story-page .article-section .arabic-story-text .story-arabic-title{font-size:29px;padding-bottom:16px;margin-bottom:20px}
 .story-learning-links li{padding:16px 17px}
 .story-page .reading-body .arabic-story-text p{font-size:23px;line-height:2.3;margin-bottom:20px}
 .story-page .practice-set .practice-heading h3[lang=ar]{font-size:22px;line-height:2.1}
 .story-page .practice-set .practice-option [lang=ar]{font-size:22px}
 .story-translation>summary{padding:15px 17px}
 .story-translation>div{padding-inline:17px}
 .story-page .reading-body .story-translation p{font-size:14px}
 .story-navigation{grid-template-columns:1fr}
 .story-navigation a{min-height:76px}
}