[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"] .masthead { min-height:98px; }
[data-site-template="visual"] .brand-mark img { max-height:58px; }
[data-site-template="visual"] .header-search { max-width:230px; }
[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,
[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; }
}