[data-site-template="visual"] {
    --global-red: var(--brand-primary);
    --global-ink: var(--brand-ink);
    --global-muted: var(--brand-muted);
    --global-paper: var(--brand-canvas);
    --global-line: var(--brand-border);
    color: var(--global-ink);
    background: var(--global-paper);
}

[data-site-template="visual"] .site-header { background:var(--brand-surface); border-bottom:1px solid var(--global-line); box-shadow:none; }
[data-site-template="visual"] .utility-bar,
[data-site-template="visual"] .brand-copy,
[data-site-template="visual"] .live-link { display:none; }
[data-site-template="visual"] .main-nav { color:var(--global-red); background:var(--brand-surface); border-top:1px solid var(--global-line); }
[data-site-template="visual"] .main-nav a { color:var(--global-red); font-weight:700; }
[data-site-template="visual"] .main-nav a.active { color:var(--brand-on-dark); background:var(--global-red); }

[data-site-template="visual"] .t-visual-shell { width:min(100% - 40px, 1380px); padding-block:42px 72px; }
[data-site-template="visual"] .breaking-bar { margin:0; }
[data-site-template="visual"] .t-story-media { background:var(--brand-border); }
[data-site-template="visual"] .t-story-media img { width:100%; height:100%; object-fit:cover; }
[data-site-template="visual"] .t-story-copy { padding-top:16px; }
[data-site-template="visual"] .t-story-category { color:var(--global-red); font-size:.72rem; letter-spacing:.04em; }
[data-site-template="visual"] .t-story :is(h1,h2,h3,h4) { color:var(--global-ink); font-weight:400; letter-spacing:.01em; line-height:1.45; }
[data-site-template="visual"] .t-story :is(h1,h2,h3,h4) a { color:inherit; }
[data-site-template="visual"] :is(.t-story-description,.t-story-date) { color:var(--global-muted); }

[data-site-template="visual"] .t-visual-hero { display:block; margin:0 0 58px; }
[data-site-template="visual"] .t-story-visual-hero { position:relative; display:grid; min-height:560px; overflow:hidden; background:var(--brand-navy); }
[data-site-template="visual"] .t-story-visual-hero > * { grid-area:1/1; }
[data-site-template="visual"] .t-story-visual-hero .t-story-media { height:100%; }
[data-site-template="visual"] .t-story-visual-hero .t-story-media::after { content:""; position:absolute; inset:0; background:var(--brand-overlay); }
[data-site-template="visual"] .t-story-visual-hero .t-story-copy { position:relative; z-index:1; align-self:center; justify-self:center; width:min(900px,85%); padding:46px; text-align:center; }
[data-site-template="visual"] .t-story-visual-hero :is(h1,h2) { margin:12px auto 22px; max-width:19ch; color:var(--brand-on-dark); font-size:clamp(2.25rem,4vw,4.2rem); line-height:1.25; }
[data-site-template="visual"] .t-story-visual-hero :is(.t-story-category,.t-story-description,.t-story-date) { color:var(--brand-on-dark); }
[data-site-template="visual"] .t-story-visual-hero .t-story-description { max-width:62ch; margin-inline:auto; font-size:1.12rem; line-height:1.8; }

[data-site-template="visual"] .t-visual-hero-trail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; margin-top:44px; }
[data-site-template="visual"] .t-story-visual-tile { text-align:center; }
[data-site-template="visual"] .t-story-visual-tile .t-story-media { aspect-ratio:16/9; }
[data-site-template="visual"] .t-story-visual-tile h2,
[data-site-template="visual"] .t-story-visual-tile h3 { margin:12px 0; font-size:clamp(1.2rem,1.8vw,1.75rem); }
[data-site-template="visual"] .t-story-visual-tile .t-story-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }

[data-site-template="visual"] .t-visual-heading { margin:56px 0 34px; text-align:center; }
[data-site-template="visual"] .t-visual-heading::before { content:""; display:block; width:74px; height:4px; margin:0 auto 18px; background:var(--global-red); }
[data-site-template="visual"] .t-visual-heading > span { color:var(--global-red); font-size:.75rem; }
[data-site-template="visual"] .t-visual-heading h2 { margin:8px 0 0; color:var(--global-ink); font-size:clamp(1.8rem,3vw,2.8rem); font-weight:400; }

[data-site-template="visual"] .t-visual-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
[data-site-template="visual"] .t-visual-story-grid .t-story { text-align:center; }
[data-site-template="visual"] .t-visual-story-grid .t-story-media { aspect-ratio:16/9; }
[data-site-template="visual"] .t-visual-story-grid h2,
[data-site-template="visual"] .t-visual-story-grid h3 { margin:10px 0; font-size:clamp(1.15rem,1.7vw,1.65rem); }
[data-site-template="visual"] .t-visual-story-grid .t-story-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; line-height:1.75; }
[data-site-template="visual"] .t-visual-feed { margin-top:40px; }

[data-site-template="visual"] .editorial-section { display:block; margin:76px 0 0; padding:54px clamp(20px,4vw,58px); background:var(--brand-surface); }
[data-site-template="visual"] .editorial-section > :is(.editorial-lead-list,.editorial-spotlight,.editorial-columns,.editorial-cards) { width:100%; }
[data-site-template="visual"] .editorial-section .t-story { width:100%; }
[data-site-template="visual"] .editorial-heading { display:block; margin:0 0 34px; padding:0; text-align:center; border:0; }
[data-site-template="visual"] .editorial-heading::before { content:""; display:block; width:70px; height:4px; margin:0 auto 18px; background:var(--global-red); }
[data-site-template="visual"] .editorial-heading h2 { font-size:clamp(1.7rem,2.7vw,2.6rem); font-weight:400; }
[data-site-template="visual"] .editorial-heading > a { display:inline-block; margin-top:10px; color:var(--global-red); }
[data-site-template="visual"] .editorial-lead-list,
[data-site-template="visual"] .editorial-spotlight { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr); gap:34px; align-items:start; }
[data-site-template="visual"] .editorial-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; align-items:start; }
[data-site-template="visual"] .editorial-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; align-items:start; }
[data-site-template="visual"] .editorial-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
[data-site-template="visual"] .editorial-column,
[data-site-template="visual"] .editorial-section .t-story { text-align:center; }
[data-site-template="visual"] .editorial-section .t-story-media { aspect-ratio:16/9; }
[data-site-template="visual"] .editorial-section .t-story-editorial-brief { display:block; padding:22px 0; border-bottom:1px solid var(--global-line); }
[data-site-template="visual"] .editorial-section .t-story-editorial-brief { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; align-items:start; }
[data-site-template="visual"] .editorial-section .t-story-editorial-brief .t-story-media { display:block; aspect-ratio:4/3; }
[data-site-template="visual"] .editorial-section h3 { color:var(--global-ink); font-size:1.2rem; font-weight:400; }
[data-site-template="visual"] .editorial-section .t-story-description { color:var(--global-muted); }

[data-site-template="visual"] .ad-slot { margin-block:44px; }
[data-site-template="visual"] .ad-frame { background:var(--brand-surface); }
[data-site-template="visual"] .t-visual-mast { padding:70px 20px; color:var(--brand-on-dark); background:var(--global-red); text-align:center; }
[data-site-template="visual"] .t-visual-mast > div { padding:0; }
[data-site-template="visual"] .t-visual-mast h1 { margin:8px auto; max-width:18ch; color:var(--brand-on-dark); font-size:clamp(2.6rem,6vw,5.5rem); font-weight:400; }
[data-site-template="visual"] .t-visual-mast p,
[data-site-template="visual"] .t-visual-mast small { color:var(--brand-on-dark); }
[data-site-template="visual"] .t-visual-category-spotlight { display:grid; grid-template-columns:1.35fr .65fr; gap:38px; align-items:start; }
[data-site-template="visual"] .t-visual-category-layout,
[data-site-template="visual"] .t-visual-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:54px; align-items:start; }
[data-site-template="visual"] .t-visual-cover { margin:0 0 34px; }
[data-site-template="visual"] .t-visual-cover img { width:100%; height:auto; }
[data-site-template="visual"] .t-visual-article-head { margin:0 0 24px; text-align:right; direction:rtl; }
[data-site-template="visual"] .t-visual-page-head { max-width:920px; margin:0 auto 48px; text-align:center; }
[data-site-template="visual"] .t-visual-article-head h1,
[data-site-template="visual"] .t-visual-page-head h1 { margin:12px 0; color:var(--global-ink); font-size:clamp(2.1rem,4.5vw,4.2rem); font-weight:400; line-height:1.3; }
[data-site-template="visual"] .t-visual-article-head p { color:var(--global-muted); font-size:1.15rem; line-height:1.8; }
[data-site-template="visual"] .t-visual-breadcrumbs { margin-bottom:40px; color:var(--global-red); }
[data-site-template="visual"] .t-visual-related-grid,
[data-site-template="visual"] .t-visual-tag-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
[data-site-template="visual"] .t-visual-related-rail { margin-top:36px; }
[data-site-template="visual"] .t-visual-related-rail .t-visual-heading { margin:0 0 18px; text-align:right; }
[data-site-template="visual"] .t-visual-related-rail .t-visual-heading::before { margin:0 0 12px; }
[data-site-template="visual"] .t-visual-related-rail .t-visual-heading h2 { font-size:1.35rem; }
[data-site-template="visual"] .t-visual-related-rail .t-visual-related-grid { display:grid; grid-template-columns:1fr; gap:18px; }
[data-site-template="visual"] .t-visual-related-rail .t-story-media { aspect-ratio:4/3; }
[data-site-template="visual"] .t-visual-tags > div { display:flex; flex-wrap:wrap; gap:8px; }
[data-site-template="visual"] .t-visual-tags a { display:inline-block; padding:6px 10px; color:var(--global-red); background:var(--brand-surface); border:1px solid var(--global-line); overflow-wrap:break-word; }
[data-site-template="visual"] .t-visual-related-rail .t-story-copy h3 { overflow-wrap:break-word; word-break:normal; line-height:1.45; }
[data-site-template="visual"] .t-visual-search-form { display:grid; grid-template-columns:1fr auto; max-width:820px; margin:0 auto 54px; border-bottom:2px solid var(--global-red); }
[data-site-template="visual"] .t-visual-search-form input { min-height:58px; padding:0 16px; border:0; background:var(--brand-surface); }
[data-site-template="visual"] .t-visual-search-form button { min-width:100px; color:var(--brand-on-dark); background:var(--global-red); border:0; }
[data-site-template="visual"] .t-visual-search-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
[data-site-template="visual"] .t-visual-search-list .t-story { text-align:center; }
[data-site-template="visual"] .t-visual-search-list .t-story-media { aspect-ratio:16/9; }

@media(max-width:900px) {
    [data-site-template="visual"] .t-visual-hero-trail,
    [data-site-template="visual"] .t-visual-story-grid,
    [data-site-template="visual"] .t-visual-related-grid,
    [data-site-template="visual"] .t-visual-tag-grid,
    [data-site-template="visual"] .t-visual-search-list,
    [data-site-template="visual"] .editorial-columns,
    [data-site-template="visual"] .editorial-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    [data-site-template="visual"] .t-visual-category-spotlight,
    [data-site-template="visual"] .t-visual-category-layout,
    [data-site-template="visual"] .t-visual-article-layout { grid-template-columns:1fr; }
}

@media(max-width:620px) {
    [data-site-template="visual"] .t-visual-shell { width:min(100% - 28px,1380px); padding-block:28px 48px; }
    [data-site-template="visual"] .masthead { min-height:74px; }
    [data-site-template="visual"] .t-story-visual-hero { min-height:470px; }
    [data-site-template="visual"] .t-story-visual-hero .t-story-copy { width:100%; padding:24px; }
    [data-site-template="visual"] .t-story-visual-hero :is(h1,h2) { font-size:clamp(1.8rem,8vw,2.65rem); }
    [data-site-template="visual"] .t-visual-hero-trail,
    [data-site-template="visual"] .t-visual-story-grid,
    [data-site-template="visual"] .t-visual-related-grid,
    [data-site-template="visual"] .t-visual-tag-grid,
    [data-site-template="visual"] .t-visual-search-list,
    [data-site-template="visual"] .editorial-columns,
    [data-site-template="visual"] .editorial-cards,
    [data-site-template="visual"] .editorial-lead-list,
    [data-site-template="visual"] .editorial-spotlight { grid-template-columns:1fr; }
    [data-site-template="visual"] .editorial-section { margin-top:46px; padding:34px 16px; }
}

/* Arabic-news layout: preserve the existing sections, only tighten their geometry. */

/* Category pages: compact mast, balanced spotlight, and a full-width latest feed. */
[data-site-template="visual"] .t-visual-category-page .t-visual-mast { padding-block: 30px 34px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-shell { padding-block: 26px 48px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight { grid-template-columns: minmax(0, 1.5fr) minmax(260px, .8fr); gap: 22px; margin-block: 0 22px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-hero-trail { gap: 0; margin-top: 0; }
[data-site-template="visual"] .t-visual-category-page .t-visual-hero-trail .t-story-visual-tile { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; padding-block: 12px; text-align: start; border-block-end: 1px solid var(--global-line); }
[data-site-template="visual"] .t-visual-category-page .t-visual-hero-trail .t-story-media { grid-column: 1; grid-row: 1; aspect-ratio: 1.25/1; }
[data-site-template="visual"] .t-visual-category-page .t-visual-hero-trail .t-story-copy { grid-column: 2; grid-row: 1; padding-top: 0; }
[data-site-template="visual"] .t-visual-category-page > .t-visual-shell > .ad-slot-leaderboard { margin-block: 18px 24px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-layout { display: block; }
[data-site-template="visual"] .t-visual-category-page .t-visual-feed { margin-top: 20px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-heading { margin: 0 0 20px; text-align: start; }
[data-site-template="visual"] .t-visual-category-page .t-visual-heading::before { margin: 0 0 10px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story { padding: 12px; text-align: start; background: var(--brand-surface); border: 1px solid var(--global-line); }
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story:first-child { grid-column: span 2; }
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story-media { aspect-ratio: 16/9; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-rail { width: min(100%, 300px); margin: 24px auto 0; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-rail:not(:has(.ad-slot-active)) { display: none; }
@media(max-width:900px) {
    [data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight { grid-template-columns: 1fr; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:620px) {
    [data-site-template="visual"] .t-visual-category-page .t-visual-story-grid { grid-template-columns: 1fr; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story:first-child { grid-column: auto; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-hero-trail .t-story-visual-tile { grid-template-columns: 96px minmax(0, 1fr); }
}
[data-site-template="visual"] .t-visual-shell { width:min(100% - 40px,1280px); padding-block:28px 64px; }
[data-site-template="visual"] .t-visual-hero { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr); gap:24px; margin-bottom:32px; direction:rtl; }
[data-site-template="visual"] .t-story-visual-hero { min-height:470px; }
[data-site-template="visual"] .t-visual-hero-trail { display:grid; grid-template-columns:1fr; gap:12px; margin:0; align-content:start; }
[data-site-template="visual"] .t-story-visual-tile { display:grid; grid-template-columns:104px minmax(0,1fr); gap:12px; padding-bottom:12px; border-bottom:1px solid var(--global-line); text-align:right; }
[data-site-template="visual"] .t-story-visual-tile .t-story-media { grid-column:1; aspect-ratio:4/3; }
[data-site-template="visual"] .t-story-visual-tile .t-story-copy { grid-column:2; grid-row:1; padding:0; }
[data-site-template="visual"] .t-story-visual-tile :is(h2,h3) { margin:0; font-size:1rem; line-height:1.45; }
[data-site-template="visual"] .t-story-visual-tile :is(.t-story-description,.t-story-date) { display:none; }
[data-site-template="visual"] .t-visual-heading { display:flex; align-items:center; gap:12px; margin:40px 0 18px; padding-bottom:10px; border-bottom:2px solid var(--global-line); text-align:right; }
[data-site-template="visual"] .t-visual-heading::before { width:5px; height:24px; margin:0; }
[data-site-template="visual"] .t-visual-heading h2 { margin:0; font-size:clamp(1.4rem,2.2vw,2rem); }
[data-site-template="visual"] .t-visual-heading > span { margin-inline-start:auto; font-size:.75rem; }
[data-site-template="visual"] .t-visual-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
[data-site-template="visual"] .t-visual-story-grid .t-story:first-child { grid-column:span 2; }
[data-site-template="visual"] .t-visual-story-grid .t-story { text-align:right; }
[data-site-template="visual"] .t-visual-story-grid :is(h2,h3) { margin:8px 0 4px; font-size:1.05rem; line-height:1.5; }
[data-site-template="visual"] .t-visual-story-grid .t-story-description { font-size:.9rem; line-height:1.7; }
[data-site-template="visual"] .editorial-section { margin:48px 0 0; padding:0; background:transparent; border-top:1px solid var(--global-line); }
[data-site-template="visual"] .editorial-heading { display:flex; align-items:center; gap:12px; margin:0 0 18px; padding:14px 0 10px; border-bottom:2px solid var(--global-line); text-align:right; }
[data-site-template="visual"] .editorial-heading::before { width:5px; height:24px; margin:0; }
[data-site-template="visual"] .editorial-heading h2 { margin:0; font-size:clamp(1.4rem,2vw,1.9rem); }
[data-site-template="visual"] .editorial-heading > a { margin-inline-start:auto; font-size:.82rem; }
[data-site-template="visual"] .editorial-lead-list,
[data-site-template="visual"] .editorial-spotlight { grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); gap:22px; }
[data-site-template="visual"] .editorial-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
[data-site-template="visual"] .editorial-cards { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
[data-site-template="visual"] .editorial-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-content:start; }
[data-site-template="visual"] .editorial-section .t-story { text-align:right; }
[data-site-template="visual"] .editorial-section .t-story-editorial-cover { height:auto; }
[data-site-template="visual"] .editorial-section .t-story-editorial-cover .t-story-media { height:auto; aspect-ratio:16/9; }
[data-site-template="visual"] .editorial-section .t-story-editorial-brief { grid-template-columns:104px minmax(0,1fr); gap:12px; padding:12px 0; }
[data-site-template="visual"] .editorial-section .t-story-editorial-brief .t-story-media { aspect-ratio:4/3; }
@media(max-width:900px) { [data-site-template="visual"] .t-visual-hero { grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr); } [data-site-template="visual"] .t-visual-story-grid, [data-site-template="visual"] .editorial-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { [data-site-template="visual"] .t-visual-shell { width:min(100% - 28px,1280px); } [data-site-template="visual"] .t-visual-hero { display:block; } [data-site-template="visual"] .t-visual-hero-trail { margin-top:18px; } [data-site-template="visual"] .t-visual-story-grid, [data-site-template="visual"] .editorial-cards, [data-site-template="visual"] .editorial-columns, [data-site-template="visual"] .editorial-lead-list, [data-site-template="visual"] .editorial-spotlight { grid-template-columns:1fr; } [data-site-template="visual"] .t-visual-story-grid .t-story:first-child { grid-column:auto; } }

/* Keep homepage content inside one predictable canvas. */
[data-site-template="visual"] .t-visual-home .t-visual-shell {
    display: block;
    width: min(calc(100% - 40px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
    overflow: visible;
}
[data-site-template="visual"] .t-visual-home .t-visual-hero,
[data-site-template="visual"] .t-visual-home .t-visual-feed,
[data-site-template="visual"] .t-visual-home .editorial-section {
    width: 100%;
    max-width: 100%;
    clear: both;
}
[data-site-template="visual"] .t-visual-home .t-visual-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .9fr);
    align-items: start;
}
[data-site-template="visual"] .t-visual-home .t-visual-hero > .t-story-visual-hero { min-width: 0; }
[data-site-template="visual"] .t-visual-home .t-visual-hero-trail { min-width: 0; }
[data-site-template="visual"] .t-visual-home .editorial-section {
    display: block;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
}
[data-site-template="visual"] .t-visual-home .editorial-section > :is(.editorial-lead-list,.editorial-spotlight,.editorial-columns,.editorial-cards) {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
[data-site-template="visual"] .t-visual-home .editorial-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
[data-site-template="visual"] .t-visual-home .editorial-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media(max-width:900px) {
    [data-site-template="visual"] .t-visual-home .t-visual-hero { grid-template-columns: 1fr; }
    [data-site-template="visual"] .t-visual-home .editorial-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:620px) {
    [data-site-template="visual"] .t-visual-home .t-visual-shell { width: min(calc(100% - 28px), 1280px); }
    [data-site-template="visual"] .t-visual-home .editorial-cards,
    [data-site-template="visual"] .t-visual-home .editorial-columns { grid-template-columns: 1fr; }
}

/* Category pages: a compact masthead and an Alarabiya-style news lead. */
[data-site-template="visual"] .t-visual-category-page .t-visual-mast {
    padding: 28px 20px 22px;
    color: var(--global-ink);
    background: transparent;
    text-align: right;
    border-bottom: 1px solid var(--global-line);
}
[data-site-template="visual"] .t-visual-category-page .t-visual-mast > div {
    width: min(100% - 40px, 1280px);
    padding: 0;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-mast span {
    display: block;
    margin-bottom: 5px;
    color: var(--global-red);
    font-size: .75rem;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-mast h1 {
    display: inline-block;
    margin: 0;
    padding-bottom: 8px;
    color: var(--global-ink);
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 700;
    border-bottom: 4px solid var(--global-red);
}
[data-site-template="visual"] .t-visual-category-page .t-visual-mast p {
    display: inline-block;
    margin: 0 16px 0 0;
    color: var(--global-muted);
    font-size: .9rem;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-mast small { display: none; }
[data-site-template="visual"] .t-visual-category-page .t-visual-mast { display: none; }
[data-site-template="visual"] .t-visual-category-spotlight {
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, 1fr);
    gap: 26px;
    direction: rtl;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero {
    display: block;
    min-height: 0;
    overflow: visible;
    background: transparent;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero .t-story-media {
    height: auto;
    aspect-ratio: 16 / 9;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero .t-story-media::after { display: none; }
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero .t-story-copy {
    position: static;
    width: 100%;
    padding: 14px 0 0;
    text-align: right;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero :is(h1,h2) {
    max-width: 30ch;
    margin: 4px 0 8px;
    color: var(--global-ink);
    font-size: clamp(1.45rem, 2.5vw, 2.35rem);
    line-height: 1.4;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero :is(.t-story-category,.t-story-description,.t-story-date) { color: var(--global-muted); }
[data-site-template="visual"] .t-visual-category-spotlight .t-visual-hero-trail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
    margin: 0;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-tile {
    display: block;
    padding: 0;
    border: 0;
    text-align: right;
}
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-tile .t-story-media { aspect-ratio: 16 / 10; }
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-tile .t-story-copy { padding-top: 8px; }
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-tile :is(h2,h3) { margin: 0; font-size: 1rem; line-height: 1.5; }
[data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-tile :is(.t-story-description,.t-story-date) { display: none; }
[data-site-template="visual"] .t-visual-category-page > .t-visual-shell { width: min(calc(100% - 48px), 1180px); }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 26px; align-items: start; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight > .t-story-visual-hero { min-width: 0; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight > .t-visual-hero-trail { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-story-visual-hero :is(h1, h2) { max-width: 26ch; font-size: clamp(1.35rem, 1.8vw, 1.75rem); line-height: 1.45; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-story-visual-hero .t-story-description { max-width: 62ch; margin: 0; font-size: .95rem; line-height: 1.75; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-visual-hero-trail .t-story-visual-tile { display: block; padding: 0; border: 0; text-align: right; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-visual-hero-trail .t-story-visual-tile .t-story-media { display: block; width: 100%; aspect-ratio: 16 / 10; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-visual-hero-trail .t-story-visual-tile .t-story-copy { display: block; padding: 8px 0 0; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-spotlight .t-visual-hero-trail .t-story-visual-tile :is(h2, h3) { margin: 0; font-size: .95rem; line-height: 1.55; }
[data-site-template="visual"] .t-visual-category-page .t-visual-category-layout {
    display: block;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-heading {
    direction: rtl;
    justify-content: flex-start;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-heading h2 { order: 1; }
[data-site-template="visual"] .t-visual-category-page .t-visual-heading > span { order: 2; margin-inline-start: 0; }
[data-site-template="visual"] .t-visual-category-page .t-visual-heading::before { order: 3; margin-inline-start: auto; }
[data-site-template="visual"] .t-visual-category-page .t-visual-feed {
    width: 100%;
    margin-top: 0;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    direction: ltr;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story {
    direction: rtl;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story:first-child {
    grid-column: span 2;
}
[data-site-template="visual"] .t-visual-category-page .t-visual-rail {
    width: min(100%, 300px);
    margin: 32px auto 0;
}
@media(max-width:620px) {
    [data-site-template="visual"] .t-visual-category-page .t-visual-mast { padding-inline: 14px; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-mast > div { width: 100%; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-mast p { display: block; margin: 8px 0 0; }
    [data-site-template="visual"] .t-visual-category-page > .t-visual-shell { width: min(calc(100% - 28px), 1180px); }
    [data-site-template="visual"] .t-visual-category-spotlight { grid-template-columns: 1fr; }
    [data-site-template="visual"] .t-visual-category-spotlight .t-story-visual-hero { min-height: 0; }
    [data-site-template="visual"] .t-visual-category-spotlight .t-visual-hero-trail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-site-template="visual"] .t-visual-category-page .t-visual-story-grid { grid-template-columns: 1fr; }
    [data-site-template="visual"] .t-visual-category-page .t-visual-story-grid .t-story:first-child { grid-column: auto; }
}

/* Homepage featured stories: readable lower-right copy and a clear image top. */
[data-site-template="visual"] .t-visual-home .t-visual-hero { align-items: stretch; }
[data-site-template="visual"] .t-visual-home .t-story-visual-hero .t-story-media::after {
    pointer-events: none;
    background: linear-gradient(
        to top,
        color-mix(in srgb, var(--brand-navy) 90%, transparent) 0%,
        color-mix(in srgb, var(--brand-navy) 76%, transparent) 25%,
        color-mix(in srgb, var(--brand-navy) 48%, transparent) 45%,
        color-mix(in srgb, var(--brand-navy) 18%, transparent) 67%,
        color-mix(in srgb, var(--brand-navy) 0%, transparent) 88%
    );
}
[data-site-template="visual"] .t-visual-home .t-story-visual-hero .t-story-copy {
    align-self: end;
    justify-self: start;
    width: min(100%, 40rem);
    padding: clamp(20px, 3vw, 32px);
    background: transparent;
    text-shadow: 0 1px 2px color-mix(in srgb, var(--brand-navy) 35%, transparent);
    direction: rtl;
    text-align: right;
}
[data-site-template="visual"] .t-visual-home .t-story-visual-hero h1 {
    max-width: none;
    margin: 8px 0 12px;
    font-size: clamp(1.55rem, 2.4vw, 2.2rem);
    line-height: 1.45;
}
[data-site-template="visual"] .t-visual-home .t-story-visual-hero .t-story-description {
    margin: 0;
    font-size: .95rem;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    [data-site-template="visual"] .t-visual-home .t-visual-hero .t-story-media img { transition: transform 240ms ease-out; }
    [data-site-template="visual"] .t-visual-home .t-visual-hero .t-story:is(:hover, :focus-within) .t-story-media img { transform: scale(1.025); }
    [data-site-template="visual"] .t-visual-home .t-visual-hero .t-story-copy a { transition: text-decoration-color 180ms ease-out; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .2em; }
    [data-site-template="visual"] .t-visual-home .t-visual-hero .t-story-copy a:is(:hover, :focus-visible) { text-decoration-color: currentColor; }
}
@media (max-width: 900px) {
    [data-site-template="visual"] .t-visual-home .t-visual-hero-trail { margin-top: 0; }
}

/* Two wide stories complete the existing four-column latest-news grid. */
[data-site-template="visual"] .t-visual-home .t-visual-story-grid > .t-story-visual-wide { grid-column: span 2; }
@media (max-width: 620px) {
    [data-site-template="visual"] .t-visual-home .t-visual-story-grid > .t-story-visual-wide { grid-column: auto; }
}

/* Keep the complete story in its RTL column, in document order. */
body[data-site-template="visual"] .t-visual-article-page .t-visual-article > * { order: 0; }
body[data-site-template="visual"] .t-visual-article-page :is(.t-visual-article-head, .t-reading, .t-prose) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    direction: rtl;
    text-align: right;
}
body[data-site-template="visual"] .t-visual-article-page .t-visual-breadcrumbs { margin-block: 0 20px; text-align: right; }
body[data-site-template="visual"] .t-visual-article-page .t-visual-cover {
    display: block;
    max-height: none;
    margin: 0;
    overflow: visible;
    direction: rtl;
    text-align: right;
}
body[data-site-template="visual"] .t-visual-article-page .t-visual-cover img { object-position: right center; }
body[data-site-template="visual"] .t-visual-article-page figcaption {
    display: block;
    margin-block-start: 8px;
    color: var(--global-muted);
    font-size: .85rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
    direction: rtl;
    text-align: right;
}
body[data-site-template="visual"] .t-visual-article-page .t-prose :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, figure, div, table, th, td) {
    direction: rtl !important;
    text-align: right !important;
}
body[data-site-template="visual"] .t-visual-article-page .t-prose :is(ul, ol) { padding-inline: 1.5em 0; }
@media (max-width: 980px) {
    body[data-site-template="visual"] .t-visual-article-layout { grid-template-columns: minmax(0, 1fr) !important; }
    body[data-site-template="visual"] .t-visual-article-layout > aside { grid-column: 1 !important; grid-row: auto !important; }
}

/* Visual header uses the shared branding and navigation presets. */
[data-site-template="visual"] .site-header { display:block; padding-top:0; }
[data-site-template="visual"] .visual-masthead { display:flex; justify-content:center; padding-block:24px 18px; }
[data-site-template="visual"] .visual-masthead .brand { padding:0; background:transparent; }
[data-site-template="visual"] .visual-masthead .brand-mark { width:min(340px, 76vw); height:88px; flex-basis:auto; }
[data-site-template="visual"] .visual-masthead .brand-mark img { width:100%; height:100%; max-height:none; object-fit:contain; }
.visual-header-utilities { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:20px; padding-block:12px; }
.headline-ticker { display:flex; align-items:center; gap:16px; min-width:0; }
.headline-ticker > strong { flex-shrink:0; color:var(--brand-primary); font-size:.88rem; }
.headline-viewport { flex:1; min-width:0; overflow-x:auto; scrollbar-width:none; overscroll-behavior-inline:contain; }
.headline-viewport::-webkit-scrollbar { display:none; }
.headline-list { display:flex; width:max-content; align-items:center; gap:32px; margin:0; padding:4px; list-style:none; }
.headline-list li { flex-shrink:0; }
.headline-list a { display:block; color:var(--brand-ink); font-size:.9rem; }
.headline-list a:hover { color:var(--brand-primary); }
.visual-search-toggle, .headline-pause { display:grid; place-items:center; width:44px; height:44px; padding:0; color:var(--brand-primary); background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:50%; cursor:pointer; }
.headline-pause[hidden] { display:none; }
.visual-search-toggle:hover, .headline-pause:hover { background:var(--brand-canvas); }
.visual-header-utilities :focus-visible, .visual-search-dialog :focus-visible { outline:2px solid var(--brand-primary); outline-offset:3px; }
.visual-menu-control { display:none; }
.visual-search-dialog { width:min(560px, calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; color:var(--brand-ink); background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:12px; box-shadow:var(--shadow); }
.visual-search-dialog::backdrop { background:var(--brand-overlay); }
.visual-search-panel { padding:24px; }
.visual-search-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.visual-search-heading h2 { margin:0; font-size:1.3rem; }
.visual-search-heading button { width:44px; height:44px; border:0; background:transparent; color:var(--brand-ink); font-size:1.8rem; cursor:pointer; }
.visual-search-fields { display:flex; gap:8px; margin-top:8px; }
.visual-search-fields input { width:100%; min-width:0; min-height:48px; padding:10px; border:1px solid var(--brand-border); background:var(--brand-canvas); color:var(--brand-ink); }
.visual-search-fields button { min-width:64px; border:0; padding:10px 16px; background:var(--brand-primary); color:var(--brand-on-dark); cursor:pointer; }
body:has(.visual-search-dialog[open]) { overflow:hidden; }
@media (max-width:980px) {
    [data-site-template="visual"] .visual-masthead { padding-block:18px 12px; }
    [data-site-template="visual"] .visual-masthead .brand-mark { height:70px; }
    .visual-header-utilities { grid-template-columns:minmax(0, 1fr); gap:12px; }
    .headline-ticker { gap:10px; }
    .visual-search-control { display:flex; justify-content:center; padding-top:12px; border-top:1px solid var(--brand-border); }
    .visual-menu-control { display:flex; justify-content:center; padding-block:0 12px; }
}
@media (prefers-reduced-motion:reduce) {
    .headline-pause { display:none; }
    .headline-viewport { scroll-behavior:auto; }
}