/* Stories: an additive chapter to the approved October 2026 Ruwaidix editorial design. */
html[data-rx-page="stories"]{scroll-behavior:smooth;scroll-padding-top:105px;background:#f7f5ee}
html[data-rx-page="stories"] body{margin:0;color:#17343b;background:#f7f5ee;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
html[data-rx-page="stories"] *{box-sizing:border-box}
html[data-rx-page="stories"] img{max-width:100%}
html[data-rx-page="stories"] .stories-container{width:min(1160px,calc(100% - 56px));margin-inline:auto;min-width:0}
html[data-rx-page="stories"] .stories-masthead{border-bottom:1px solid #cdd7d1;background:#f7f5ee}
html[data-rx-page="stories"] .stories-masthead>.stories-container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}
html[data-rx-page="stories"] .stories-brand{display:inline-flex;align-items:center;gap:10px;font:400 26px/1.3 Newsreader,Georgia,serif;color:#17343b;text-decoration:none}
html[data-rx-page="stories"] .stories-masthead nav{display:flex;gap:20px;flex-wrap:wrap}
html[data-rx-page="stories"] .stories-masthead nav a{font-size:12px;font-weight:650;text-decoration:none;color:#31564f}
html[data-rx-page="stories"] .stories-hero{background:#17343b;color:#f7f5ee;padding:clamp(65px,7.5vw,120px) 0 clamp(58px,6vw,94px)}
html[data-rx-page="stories"] .stories-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(34px,6.5vw,100px);align-items:center}
html[data-rx-page="stories"] .stories-kicker,html[data-rx-page="stories"] .stories-index-label,html[data-rx-page="stories"] .stories-era{font:500 10px/1.7 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
html[data-rx-page="stories"] .stories-kicker{color:#f1b995}
/* The interlude is a warm-paper panel, unlike the dark chapter hero. */
html[data-rx-page="stories"] .stories-interlude .stories-kicker{color:#994c36}
html[data-rx-page="stories"] h1,html[data-rx-page="stories"] h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.033em}
html[data-rx-page="stories"] h1{font-size:clamp(52px,6.5vw,98px);line-height:1.02;max-width:12ch;margin:25px 0 28px}
html[data-rx-page="stories"] h1 em{font-weight:400;color:#efb99a}
html[data-rx-page="stories"] .stories-hero-intro{font-size:clamp(18px,1.7vw,23px);line-height:1.55;color:#f5f0e6;max-width:34em;margin:0 0 20px}
html[data-rx-page="stories"] .stories-hero-note{font-size:14px;line-height:1.95;color:#c8d8d1;max-width:56ch;margin:0 0 28px}
html[data-rx-page="stories"] .stories-hero-link{display:inline-block;border-bottom:1px solid #efb99a;padding:0 0 7px;color:#efb99a;text-decoration:none;font-size:13px;font-weight:700}
html[data-rx-page="stories"] .stories-hero-photo{margin:0;background:#234248;padding:10px}
html[data-rx-page="stories"] .stories-hero-photo img{display:block;width:100%;max-height:520px;aspect-ratio:4/3;object-fit:contain;background:#12272e}
html[data-rx-page="stories"] .stories-hero-photo figcaption{font:12px/1.65 "DM Sans",sans-serif;color:#d5e2dc;padding:12px 5px 5px}
html[data-rx-page="stories"] .stories-contents{background:#e6ece6;border-bottom:1px solid #bfcfc5}
html[data-rx-page="stories"] .stories-contents-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:20px 0}
html[data-rx-page="stories"] .stories-index-label{color:#95543e;margin-inline-end:12px}
html[data-rx-page="stories"] .stories-contents a{font-size:13px;color:#234e4c;text-underline-offset:5px}
html[data-rx-page="stories"] .stories-chapter{padding:clamp(64px,8vw,125px) 0;border-bottom:1px solid #d2d8cf;scroll-margin-top:100px}
html[data-rx-page="stories"] .stories-chapter-tinted{background:#ecefe8}
html[data-rx-page="stories"] .stories-chapter-grid{display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);gap:clamp(36px,8vw,135px);align-items:start}
html[data-rx-page="stories"] .stories-chapter-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#526b65}
html[data-rx-page="stories"] .stories-number{font:400 clamp(68px,8vw,116px)/.9 Newsreader,Georgia,serif;color:#b56b4f}
html[data-rx-page="stories"] .stories-era{color:#8e513f}
html[data-rx-page="stories"] .stories-chapter-meta p{font-size:13px;line-height:1.7;margin:0}
html[data-rx-page="stories"] .stories-chapter-text{min-width:0}
html[data-rx-page="stories"] .stories-chapter-text h2{font-size:clamp(40px,5vw,70px);line-height:1.06;max-width:14ch;margin:0 0 28px;color:#17343b}
html[data-rx-page="stories"] .stories-chapter-text>p{max-width:70ch;color:#375557;font-size:16px;line-height:1.93;margin:0 0 22px}
html[data-rx-page="stories"] .stories-chapter-text>p.stories-opening{font:400 clamp(21px,2.3vw,28px)/1.55 Newsreader,Georgia,serif;color:#224347;max-width:49ch;margin-bottom:27px}
html[data-rx-page="stories"] .stories-media-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:40px 0 27px}
html[data-rx-page="stories"] .stories-media-duo figure,html[data-rx-page="stories"] .stories-single-figure{margin:0;padding:10px;background:#fffdf7;border:1px solid #cbd5ca}
html[data-rx-page="stories"] .stories-media-duo img{display:block;width:100%;height:260px;object-fit:contain;background:#e6eae4}
html[data-rx-page="stories"] .stories-single-figure{margin:37px 0 25px}
html[data-rx-page="stories"] .stories-single-figure img{display:block;width:100%;max-height:360px;object-fit:contain;background:#e5eee9}
html[data-rx-page="stories"] figure figcaption{font-size:12px;line-height:1.7;color:#426165;padding:11px 5px 3px}
html[data-rx-page="stories"] .stories-source{border-top:1px solid #aebfb3;padding:23px 0 0;margin:35px 0 0}
html[data-rx-page="stories"] .stories-source strong{display:block;font:500 11px/1.5 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#95553b;margin-bottom:10px}
html[data-rx-page="stories"] .stories-source p{max-width:72ch;font-size:13px;line-height:1.85;color:#546d68;margin:0 0 12px}
html[data-rx-page="stories"] .stories-source a{font-size:13px;color:#995439;font-weight:700;text-underline-offset:5px;display:inline-block;margin-inline-end:22px;margin-bottom:8px}
html[data-rx-page="stories"] .stories-afterword{background:#1c383b;color:#f7f5ee;padding:clamp(65px,7vw,110px) 0}
html[data-rx-page="stories"] .stories-afterword-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,100px)}
html[data-rx-page="stories"] .stories-afterword h2{font-size:clamp(38px,4.7vw,66px);line-height:1.08;margin:20px 0;max-width:13ch;color:#f5f2eb}
html[data-rx-page="stories"] .stories-afterword-grid>div>p{color:#d4e1dc;font-size:15px;line-height:1.9;margin:0 0 20px}
html[data-rx-page="stories"] .stories-afterword-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:27px}
html[data-rx-page="stories"] .stories-afterword a{color:#f0b999;font-size:13px;text-underline-offset:5px}
html[data-rx-page="stories"] .stories-footer{background:#122f34;color:#dae5df;padding:24px 0}
html[data-rx-page="stories"] .stories-footer>.stories-container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
html[data-rx-page="stories"] .stories-footer span:last-child{display:flex;gap:20px}
html[data-rx-page="stories"] .stories-footer a{color:#dae5df;text-decoration:none}
html[data-rx-page="stories"] a:focus-visible{outline:3px solid #c57551;outline-offset:4px;border-radius:2px}
html[dir="rtl"][data-rx-page="stories"] .stories-chapter-text>p,html[dir="rtl"][data-rx-page="stories"] .stories-afterword-grid p{font-family:"Noto Naskh Arabic",serif;font-size:19px;line-height:1.9}
html[dir="rtl"][data-rx-page="stories"] .stories-chapter-text>p.stories-opening{font-family:"Noto Naskh Arabic",serif;font-size:clamp(23px,2.4vw,30px)}
html[dir="rtl"][data-rx-page="stories"] h1,html[dir="rtl"][data-rx-page="stories"] h2{font-family:"Noto Naskh Arabic",serif;letter-spacing:0;line-height:1.3}
html[dir="rtl"][data-rx-page="stories"] .stories-hero-intro,html[dir="rtl"][data-rx-page="stories"] .stories-hero-note{font-family:"Noto Naskh Arabic",serif;font-size:19px;line-height:1.85}
@media(max-width:900px){html[data-rx-page="stories"] .stories-hero-grid{grid-template-columns:1fr}html[data-rx-page="stories"] h1{max-width:17ch}html[data-rx-page="stories"] .stories-hero-photo{max-width:700px}html[data-rx-page="stories"] .stories-chapter-grid{gap:40px;grid-template-columns:minmax(125px,.26fr) minmax(0,1fr)}}
@media(max-width:640px){html[data-rx-page="stories"] .stories-container{width:calc(100% - 36px)}html[data-rx-page="stories"] .stories-chapter-grid,html[data-rx-page="stories"] .stories-afterword-grid{grid-template-columns:1fr;gap:20px}html[data-rx-page="stories"] .stories-chapter-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:12px}html[data-rx-page="stories"] .stories-number{font-size:60px}html[data-rx-page="stories"] .stories-chapter-meta p{width:100%}html[data-rx-page="stories"] .stories-media-duo{grid-template-columns:1fr}html[data-rx-page="stories"] .stories-media-duo img{height:auto;max-height:350px}html[data-rx-page="stories"] .stories-contents-inner{gap:10px 22px}html[data-rx-page="stories"] .stories-index-label{width:100%}html[data-rx-page="stories"] .stories-chapter-text>p{font-size:15px}html[data-rx-page="stories"] .stories-masthead nav{gap:9px 16px}}
@media(prefers-reduced-motion:reduce){html[data-rx-page="stories"]{scroll-behavior:auto}}

/* Source video is opt-in, contained and visually faithful to the approved Stories design. */
html[data-rx-page="stories"] .stories-original-video video{display:block;width:100%;max-height:390px;object-fit:contain;background:#17343b}
html[data-rx-page="stories"] .stories-contents-inner>a{white-space:nowrap}

/* Ramadan field-note bridge: typographic emphasis in the existing editorial palette. */
html[data-rx-page="stories"] .stories-memory-bridge{
  margin:34px 0 24px;
  padding:10px 0;
  border-inline-start:2px solid #b56b4f;
  padding-inline-start:clamp(16px,2.2vw,26px);
}
html[data-rx-page="stories"] .stories-memory-bridge p{
  max-width:65ch;
  margin:0 0 14px;
  color:#274b4d;
  font:400 clamp(19px,2vw,24px)/1.55 "Newsreader",Georgia,serif;
}
html[data-rx-page="stories"] .stories-memory-bridge a{
  display:inline-block;
  color:#95543e;
  font-weight:700;
  font-size:13px;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
html[dir="rtl"][data-rx-page="stories"] .stories-memory-bridge p{
  font-family:"Noto Naskh Arabic",serif;
  font-size:clamp(20px,2vw,24px);
  line-height:1.9;
}

/* Owner-authenticated October 2026 field notes; additive, following approved palette and typography. */
html[data-rx-page="stories"] .rx-story-ar{display:none!important}
html[lang="ar"][data-rx-page="stories"] .rx-story-en{display:none!important}
html[lang="ar"][data-rx-page="stories"] .rx-story-ar{display:block!important}
html[data-rx-page="stories"] .rx25-photo-grid{display:grid;gap:15px;margin:36px 0 30px;align-items:start}
html[data-rx-page="stories"] .rx25-photo-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-rx-page="stories"] .rx25-photo-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-rx-page="stories"] .rx25-photo-grid figure{margin:0;border:1px solid #d8d7ca;background:#fffdf8;padding:9px;min-width:0}
html[data-rx-page="stories"] .rx25-photo-grid img{width:100%;height:260px;object-fit:contain;background:#e8ece7}
html[data-rx-page="stories"] .rx25-photo-grid figcaption{padding:11px 6px 5px;font:12px/1.68 "DM Sans",Arial,sans-serif;color:#4b6463}
html[dir="rtl"][data-rx-page="stories"] .rx25-photo-grid figcaption{font-family:"Noto Naskh Arabic",serif;font-size:17px;line-height:1.8}
html[data-rx-page="stories"] .stories-chapter-text>div.rx-story-en>p,html[data-rx-page="stories"] .stories-chapter-text>div.rx-story-ar>p{font:15px/1.9 "DM Sans",Arial,sans-serif;color:#26474a;margin:14px 0}
html[data-rx-page="stories"] .stories-chapter-text>div.rx-story-en>p.stories-opening{font:400 clamp(19px,2vw,24px)/1.65 Newsreader,Georgia,serif}
html[dir="rtl"][data-rx-page="stories"] .stories-chapter-text>div.rx-story-ar>p{font:19px/1.9 "Noto Naskh Arabic",serif}
html[dir="rtl"][data-rx-page="stories"] .stories-chapter-text>div.rx-story-ar>p.stories-opening{font-size:23px}
html[data-rx-page="stories"] .stories-chapter-text>p.rx-story-ar{font-family:"Noto Naskh Arabic",serif;font-size:19px;line-height:1.9}
@media(max-width:820px){html[data-rx-page="stories"] .rx25-photo-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){html[data-rx-page="stories"] .rx25-photo-grid,html[data-rx-page="stories"] .rx25-photo-grid-three,html[data-rx-page="stories"] .rx25-photo-grid-two{grid-template-columns:1fr}html[data-rx-page="stories"] .rx25-photo-grid img{height:auto;max-height:430px}}

/* Quiet documentation: full source notes remain readable on demand, outside the narrative flow. */
html[data-rx-page="stories"] details.rx-source-fold{margin-top:25px;padding:0;background:transparent;border:0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);box-shadow:none}
html[data-rx-page="stories"] details.rx-source-fold>summary{list-style-position:inside;cursor:pointer;padding:13px 0;font:500 12px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:.015em;opacity:.74}
html[data-rx-page="stories"] details.rx-source-fold>summary:hover,html[data-rx-page="stories"] details.rx-source-fold>summary:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:4px}
html[data-rx-page="stories"] details.rx-source-fold>.rx-source-detail{padding:8px 0 18px}
html[data-rx-page="stories"] details.rx-source-fold .rx-source-detail>strong{display:none}
html[lang="ar"][data-rx-page="stories"] details.rx-source-fold>summary{font-family:"Noto Naskh Arabic",serif;font-size:17px}