/* Host overrides: --joud-background, --joud-surface, --joud-ink, --joud-muted,
   --joud-accent, --joud-border, --joud-font and --joud-cta-description-color
   can be set on the container. */
.joud-reader{--jr-background:var(--joud-background,#f1f5fa);--jr-surface:var(--joud-surface,#fff);--jr-ink:var(--joud-ink,#14283f);--jr-muted:var(--joud-muted,#586a80);--jr-accent:var(--joud-accent,#0e766e);--jr-border:var(--joud-border,#d4deea);box-sizing:border-box;isolation:isolate;display:block;max-width:1160px;margin:0 auto;padding:clamp(24px,5vw,64px);background:var(--jr-surface);color:var(--jr-ink);font:400 16px/1.65 var(--joud-font,"Manrope","Noto Sans Arabic",system-ui,sans-serif);text-align:start;overflow-wrap:anywhere;color-scheme:light}
.joud-reader[data-theme=dark]{--jr-background:var(--joud-background,#1b2c40);--jr-surface:var(--joud-surface,#142235);--jr-ink:var(--joud-ink,#ecf2fa);--jr-muted:var(--joud-muted,#afbdd0);--jr-accent:var(--joud-accent,#71d5c5);--jr-border:var(--joud-border,#3a4c63);color-scheme:dark}
.joud-reader[dir=rtl]{font-family:var(--joud-font,"Noto Sans Arabic","Manrope",system-ui,sans-serif)}
.joud-reader *,.joud-reader *::before,.joud-reader *::after{box-sizing:border-box}
.joud-reader a{color:var(--jr-accent);text-decoration:underline;text-underline-offset:.23em;text-decoration-thickness:1px}
.joud-reader a:hover{text-decoration-thickness:2px}
.joud-reader :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--jr-accent);outline-offset:5px;border-radius:4px}
.joud-reader :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,pre){margin:0}
.joud-reader :is(h1,h2,h3,h4,h5,h6){color:var(--jr-ink);font-family:inherit;text-align:start;letter-spacing:-.035em;font-weight:600;text-wrap:pretty}
.joud-reader[dir=rtl] :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;line-height:1.65}
.joud-reader button{font:inherit;cursor:pointer}
.joud-reader__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-block-end:32px;border-block-end:1px solid var(--jr-border);margin-block-end:36px}
.joud-reader .joud-reader__title{font-size:clamp(32px,4vw,48px);line-height:1.15}
.joud-reader__intro{margin-block-start:14px!important;max-width:50ch;color:var(--jr-muted);font-size:16px}
.joud-reader__feed{flex-shrink:0;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.joud-reader__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:32px}
.joud-reader__card{min-width:0;display:flex;flex-direction:column;gap:20px;padding-block-end:28px;border-block-end:1px solid var(--jr-border)}
.joud-reader__card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;padding-block-end:36px}
.joud-reader__card:first-child:not(:has(.joud-reader__image-link)){display:block;background:var(--jr-background);padding:32px;border:0;border-radius:16px}
.joud-reader__card-content{min-width:0}
.joud-reader__card time{display:block;color:var(--jr-muted);font-size:12px;line-height:1.6;margin-block-end:10px}
.joud-reader .joud-reader__card-title{font-size:23px;line-height:1.4;margin-block-end:12px}
.joud-reader .joud-reader__card:first-child .joud-reader__card-title{font-size:clamp(27px,3vw,36px);line-height:1.3;max-width:28ch}
.joud-reader .joud-reader__article-link{color:var(--jr-ink);text-decoration:none}
.joud-reader .joud-reader__article-link:hover{color:var(--jr-accent);text-decoration:underline}
.joud-reader__excerpt{font-size:15px;line-height:1.8;max-width:65ch;color:var(--jr-muted)}
.joud-reader__author{font-size:12px;color:var(--jr-muted);margin-block-start:20px!important}
.joud-reader__image-link{display:block;border-radius:12px;overflow:hidden}
.joud-reader__card-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--jr-background);border-radius:12px}
.joud-reader__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-start:36px}
.joud-reader__pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:0}
.joud-reader .joud-reader__page-link[aria-current=page],.joud-reader .joud-reader__page-link[aria-current=page]:hover{background:var(--jr-accent);border-color:var(--jr-accent);color:var(--jr-surface)}
.joud-reader__gap{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-inline:2px;color:var(--jr-muted)}
.joud-reader .joud-reader__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--jr-border);border-radius:8px;color:var(--jr-ink);background:var(--jr-surface);font-size:14px;font-weight:600;text-decoration:none}
.joud-reader :is(button,a).joud-reader__button:hover{border-color:var(--jr-accent);color:var(--jr-accent)}
.joud-reader .joud-reader__button[aria-disabled=true]{opacity:.5}
.joud-reader .joud-reader__page-link{min-width:44px;padding-inline:8px}
.joud-reader__page{flex-basis:100%;font-size:13px;color:var(--jr-muted);text-align:center}
.joud-reader .joud-reader__back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-block-end:32px}
.joud-reader__article{max-width:800px;margin-inline:auto}
.joud-reader__article-header{max-width:72ch;margin-inline:auto;margin-block-end:36px}
.joud-reader .joud-reader__article-title{font-size:clamp(32px,4.2vw,52px);line-height:1.22;font-weight:600;max-width:28ch}
.joud-reader__standfirst{font-size:clamp(18px,2vw,21px);line-height:1.8;color:var(--jr-muted);margin-block-start:24px!important;max-width:64ch}
.joud-reader__metadata{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--jr-muted);margin-block-start:28px;padding-block:20px;border-block:1px solid var(--jr-border)}
.joud-reader__byline{flex-basis:100%;font-size:14px;font-weight:600;color:var(--jr-ink)}
.joud-reader__cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-block-end:36px;background:var(--jr-background)}
.joud-reader__prose{max-width:68ch;margin-inline:auto;font-size:17px;line-height:1.95;color:var(--jr-ink)}
.joud-reader__prose>:is(p,ul,ol,pre,blockquote,figure,.joud-reader__table){margin-block:0 24px}
.joud-reader__prose :is(h2,h3,h4,h5,h6){margin-block:40px 16px;line-height:1.5;font-size:24px}
.joud-reader__prose :is(h4,h5,h6){font-size:20px}
.joud-reader__prose ul,.joud-reader__prose ol{padding-inline-start:24px}
.joud-reader__prose li{padding-inline-start:4px;margin-block:8px}
.joud-reader__prose blockquote{border-inline-start:3px solid var(--jr-accent);padding:12px 24px;background:var(--jr-background);border-radius:0 8px 8px 0}
.joud-reader__prose blockquote p:last-child{margin:0}
.joud-reader__prose img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:12px;margin-block:24px;background:var(--jr-background)}
.joud-reader__prose figcaption{font-size:13px;line-height:1.6;color:var(--jr-muted)}
.joud-reader__prose :is(pre,code){font-family:ui-monospace,"Cascadia Code",monospace;font-size:.88em;background:var(--jr-background);border-radius:6px}
.joud-reader__prose code{padding:2px 5px;overflow-wrap:anywhere}
.joud-reader__prose pre{padding:20px;overflow:auto;white-space:pre;direction:ltr;text-align:left}
.joud-reader__prose pre code{padding:0}
.joud-reader__table{overflow:auto;max-width:100%;border:1px solid var(--jr-border);border-radius:8px}
.joud-reader__table table{border-collapse:collapse;width:100%;font-size:14px;text-align:start}
.joud-reader__table :is(th,td){text-align:start;vertical-align:top;padding:12px 16px;border-block-end:1px solid var(--jr-border);min-width:120px}
.joud-reader__table th{font-weight:600;background:var(--jr-background)}
.joud-reader__prose hr{border:0;border-block-start:1px solid var(--jr-border);margin-block:32px}
.joud-reader__state{padding:clamp(32px,6vw,72px) 16px;text-align:center;max-width:60ch;margin-inline:auto}
.joud-reader__state-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 24px;border:1px solid var(--jr-border);border-radius:12px;background:var(--jr-background);color:var(--jr-accent);font-size:24px}
.joud-reader .joud-reader__state-title{font-size:24px;line-height:1.5;text-align:center;letter-spacing:-.02em}
.joud-reader__state-description{font-size:15px;color:var(--jr-muted);margin-block:12px 24px!important}
.joud-reader__state--loading .joud-reader__state-mark{animation:joud-reader-pulse 1.5s ease-in-out infinite}
@keyframes joud-reader-pulse{50%{opacity:.4}}
@media(max-width:680px){.joud-reader{padding:28px 20px}.joud-reader__header{align-items:start;gap:12px;padding-block-end:24px;margin-block-end:28px}.joud-reader__intro{font-size:14px}.joud-reader__feed{font-size:12px}.joud-reader__grid{grid-template-columns:minmax(0,1fr);gap:28px}.joud-reader__card:first-child{grid-template-columns:minmax(0,1fr);gap:20px}.joud-reader__card:first-child:not(:has(.joud-reader__image-link)){padding:24px}.joud-reader .joud-reader__card:first-child .joud-reader__card-title{font-size:28px}.joud-reader__article-header{margin-block-end:28px}.joud-reader__standfirst{font-size:18px}.joud-reader__prose{font-size:16px;line-height:1.95}.joud-reader__cover{border-radius:10px;margin-block-end:28px}.joud-reader__pagination{gap:8px}.joud-reader__pages{order:3;flex-basis:100%}.joud-reader .joud-reader__button{padding-inline:14px;font-size:13px}.joud-reader .joud-reader__page-link{padding-inline:8px}.joud-reader__page{order:4;font-size:12px}.joud-reader__prose blockquote{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.joud-reader *{animation:none!important;scroll-behavior:auto!important}}
/* Route focus announces the new heading without drawing a control outline. */
.joud-reader :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}

.joud-reader__cta{max-width:68ch;margin:40px auto 0;padding:24px;border:1px solid var(--jr-border);border-radius:12px;background:var(--jr-background)}
.joud-reader .joud-reader__cta-heading{font-size:24px;line-height:1.5;margin:0 0 12px}
.joud-reader .joud-reader__cta-description{line-height:1.8;margin:0 0 20px;color:var(--joud-cta-description-color,var(--jr-muted))}
.joud-reader .joud-reader__cta-link{display:inline-flex;max-width:100%;white-space:normal}
.joud-reader__languages{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:20px}
.joud-reader__languages a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 14px;border:1px solid var(--jr-border);border-radius:8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;unicode-bidi:isolate}
.joud-reader__languages a[aria-current="page"]{background:var(--jr-background);font-weight:600}
.joud-reader__languages a:focus-visible{outline:2px solid var(--jr-accent);outline-offset:3px}

.joud-reader__related{margin-block-start:2rem;padding-block-start:1.5rem;border-block-start:1px solid var(--joud-border)}.joud-reader__related ul{padding-inline-start:1.25rem;display:grid;gap:.65rem}.joud-reader__related a,.joud-reader__byline a,.joud-reader__author a{color:inherit;text-underline-offset:.2em}.joud-reader__related a:focus-visible,.joud-reader__byline a:focus-visible,.joud-reader__author a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.joud-reader__toc{max-width:68ch;margin:0 auto 32px;padding:20px 24px;border:1px solid var(--jr-border);border-radius:10px;background:var(--jr-background)}
.joud-reader .joud-reader__toc :is(h2,h3){font-size:18px;line-height:1.6;margin:0 0 12px}
.joud-reader__toc ol{margin:0;padding-inline-start:24px}
.joud-reader__toc a{display:inline-block;max-width:100%;padding-block:8px;overflow-wrap:anywhere}
.joud-reader__prose .joud-reader__section{scroll-margin-block-start:var(--joud-anchor-offset,6rem)}

.joud-reader__picture{display:block;width:100%}