/* Tafaseel site templates – uses the Astra global palette so light/dark modes follow the Color Switcher. */
.tfs-template{--tfs-accent:var(--ast-global-color-0);--tfs-btn:var(--ast-global-color-1);--tfs-text:var(--ast-global-color-2);--tfs-muted:var(--ast-global-color-3);--tfs-surface:var(--ast-global-color-4);--tfs-bg:var(--ast-global-color-5);--tfs-raised:var(--ast-global-color-6);--tfs-line:var(--ast-global-color-7);--tfs-on-btn:var(--ast-global-color-8);--tfs-radius:8px}
.tfs-template #content{background:var(--tfs-bg)}
.tfs-main{display:block;width:100%;color:var(--tfs-text)}
.tfs-main a{color:inherit}
.tfs-main h1,.tfs-main h2,.tfs-main h3{color:var(--tfs-text);margin-top:0}
.tfs-wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.tfs-muted,.tfs-meta{color:var(--tfs-muted)}
.tfs-section{padding:32px 0}
.tfs-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--tfs-accent);font-size:14px;font-weight:700}
.tfs-eyebrow:before{content:"";width:16px;height:2px;background:currentColor}
.tfs-tag{display:inline-block;font-size:14px;text-decoration:none;color:var(--tfs-accent);font-weight:600}
.tfs-badge{display:inline-block;padding:3px 10px;border-radius:4px;background:var(--tfs-raised);color:var(--tfs-text);font-size:13px;border:1px solid var(--tfs-line)}
.tfs-more{font-size:14px;color:var(--tfs-accent)!important;font-weight:600;text-decoration:none}
.tfs-more:hover{text-decoration:underline;text-underline-offset:3px}
.tfs-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:28px;background:var(--tfs-btn);color:var(--tfs-on-btn)!important;font-weight:700;font-size:16px;border:0;text-decoration:none;cursor:pointer}
.tfs-button:hover{filter:brightness(.93)}
.tfs-button--ghost{background:transparent;color:var(--tfs-text)!important;border:1px solid var(--tfs-line)}
.tfs-button--ghost:hover{border-color:var(--tfs-accent);filter:none}
/* Section heads */
.tfs-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--tfs-line);padding-bottom:10px;margin:0 0 18px}
.tfs-section-head h2{font-size:22px;margin:0;line-height:1.5}
.tfs-section-head h2:after{content:"";display:inline-block;width:15px;height:2px;background:var(--tfs-accent);margin-inline-start:11px;vertical-align:middle}
* + .tfs-section-head{margin-top:34px}
/* Hero */
.tfs-hero{position:relative;min-height:440px;overflow:hidden;display:grid;background:#0B0E0C;color:#F4F6F2;border-bottom:1px solid var(--tfs-line)}
.tfs-slide{grid-area:1/1;position:relative;display:flex;align-items:flex-end;min-height:440px}
.tfs-slide[hidden]{display:none}
/* Hero image anchored to the top so the upper part of each slide stays visible. */
.tfs-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.tfs-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,8,7,.94) 0%,rgba(5,8,7,.72) 38%,rgba(5,8,7,.12) 100%),linear-gradient(0deg,rgba(5,8,7,.6),transparent 60%)}
.tfs-slide .tfs-wrap{position:relative;z-index:1}
.tfs-hero-content{width:min(650px,78%);padding:56px 0 72px}
.tfs-hero .tfs-eyebrow{color:#008A3E}
.tfs-hero h1,.tfs-hero .tfs-hero-title{color:#F4F6F2;font-size:clamp(32px,4vw,52px);line-height:1.35;margin:12px 0}
.tfs-hero p{color:#D3DAD4;font-size:18px;max-width:560px;margin-bottom:24px}
.tfs-hero .tfs-button{background:#008A3E;color:#FFFFFF!important}
.tfs-image-note{position:absolute;z-index:2;bottom:12px;right:max(24px,calc((100% - 1280px)/2));font-size:12px;color:#C9D1CA;background:rgba(5,8,7,.65);padding:2px 8px;border-radius:4px}
.tfs-hero-controls{position:absolute;z-index:3;left:max(24px,calc((100% - 1280px)/2));bottom:22px;display:flex;align-items:center;gap:8px}
.tfs-hero-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #87918A;background:rgba(8,12,10,.6);color:#fff;font-size:22px;line-height:1;padding:0;cursor:pointer}
.tfs-dots{display:flex;gap:4px}
.tfs-dots button{width:24px;height:24px;border:0;background:transparent;position:relative}
.tfs-dots button:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#859087}
.tfs-dots button[aria-current="true"]:after{background:#008A3E}
.tfs-hero-controls button:focus-visible{outline:2px solid #008A3E!important;outline-offset:2px}
/* Grids & cards */
.tfs-grid{display:grid;gap:16px}
.tfs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tfs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tfs-content-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:32px}
.tfs-card{display:flex;flex-direction:column;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:var(--tfs-radius);overflow:hidden}
.tfs-card-media{display:block}
.tfs-thumb{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;background:var(--tfs-raised)}
.tfs-thumb--empty{display:grid;place-items:center;color:var(--tfs-muted);font-weight:700;font-size:15px;aspect-ratio:1.5;background:var(--tfs-raised)}
.tfs-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.tfs-card h3{font-size:18px;line-height:1.55;margin:6px 0 8px}
.tfs-card h3 a{text-decoration:none}
.tfs-card h3 a:hover{color:var(--tfs-accent)}
.tfs-card p{font-size:15px;color:var(--tfs-muted);margin:0 0 10px;line-height:1.75}
.tfs-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;margin-top:auto}
.tfs-meta a{color:var(--tfs-accent)}
.tfs-card--compact .tfs-card-media{display:none}
.tfs-card--compact + .tfs-card--compact{margin-top:12px}
/* Programs: compact cards (≈ square overall), visual + title + 2-line description */
.tfs-program-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tfs-program-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.tfs-program-card{position:relative;display:flex;flex-direction:column;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:var(--tfs-radius);overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}
.tfs-program-card:hover,.tfs-program-card:focus-visible{transform:translateY(-3px);border-color:var(--tfs-accent)}
.tfs-program-visual{position:relative;display:flex;justify-content:center;align-items:stretch;height:118px;background:#0B0E0C;overflow:hidden;isolation:isolate}
.tfs-program-visual:before{content:"";position:absolute;inset:-20px;z-index:-1;background:var(--tfs-pv-bg) center/cover no-repeat;filter:blur(16px) brightness(.55);transform:scale(1.1)}
.tfs-pv-logo{width:100%!important;height:100%!important;max-width:100%;object-fit:contain;display:block}
.tfs-program-visual--photo{align-items:center}
.tfs-main a.tfs-tag{color:var(--tfs-accent)}
.tfs-program-visual--photo .tfs-pv-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.6}
.tfs-pv-name{position:relative;z-index:1;color:#F4F6F2;font-size:20px;font-weight:800;text-align:center;padding:8px;text-shadow:0 2px 8px #000}
.tfs-program-copy{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.tfs-program-copy strong{font-size:16px;line-height:1.5;color:var(--tfs-text)}
.tfs-program-short{font-size:14px;color:var(--tfs-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tfs-program-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:36px;align-items:start;padding:36px 0 10px}
.tfs-program-logo-box{aspect-ratio:1/1;border:1px solid var(--tfs-line);background:#0B0E0C;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.tfs-program-logo-box img{width:100%;height:100%;object-fit:contain}
.tfs-program-logo-text{color:#F4F6F2;font-size:30px;font-weight:800;padding:20px;text-align:center}
.tfs-program-about h2{font-size:22px;margin:12px 0 6px}
.tfs-channel-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
/* Episodes */
.tfs-episode-list{display:flex;flex-direction:column;gap:12px}
.tfs-episode-row{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--tfs-line);background:var(--tfs-surface);border-radius:7px}
.tfs-episode-thumb img,.tfs-episode-thumb .tfs-thumb--empty{width:120px;height:120px;object-fit:cover;border-radius:5px;display:block;background:#0B0E0C}
.tfs-episode-row h3{margin:2px 0 6px;font-size:18px}
.tfs-episode-row h3 a{text-decoration:none}
.tfs-episode-row p{color:var(--tfs-muted);margin:0 0 6px;font-size:15px}
.tfs-round-play{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--tfs-accent);color:var(--tfs-accent)!important;border-radius:50%;text-decoration:none}
/* Audio strip */
.tfs-audio-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid var(--tfs-line);background:var(--tfs-raised);border-radius:10px;padding:18px 22px;margin:10px 0 24px;scroll-margin-top:110px}
.tfs-audio-strip:has(.tfs-audio-media){grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr) auto}
.tfs-audio-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tfs-btn);color:var(--tfs-on-btn);font-size:20px}
.tfs-audio-info{display:flex;flex-direction:column;gap:2px}
.tfs-audio-info h2{font-size:20px;margin:2px 0}
.tfs-audio-info .tfs-muted{font-size:14px}
.tfs-audio-links{display:flex;flex-direction:column;gap:6px}
.tfs-audio-strip audio,.tfs-audio-player audio{width:100%}
/* Side column */
.tfs-side{display:flex;flex-direction:column;gap:26px}
.tfs-side .tfs-section-head{margin-top:0}
.tfs-side-visual{position:relative;display:block;border-radius:6px;overflow:hidden}
.tfs-side-visual img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}
.tfs-side-visual .tfs-image-note{right:8px;bottom:8px}
.tfs-side p.tfs-muted{font-size:15px;margin:10px 0}
.tfs-list{list-style:none;margin:0;padding:0}
.tfs-list li{padding:9px 0;border-bottom:1px solid var(--tfs-line);font-size:15px}
.tfs-list a{text-decoration:none}.tfs-list a:hover{color:var(--tfs-accent)}
/* Side blocks: rankings, related, date archive */
.tfs-side-title{font-size:17px!important;margin:0 0 10px!important;padding-bottom:8px;border-bottom:1px solid var(--tfs-line)}
.tfs-article-aside > section + section{margin-top:26px}
.tfs-ranked{list-style:none;margin:0;padding:0;counter-reset:none}
.tfs-ranked li{display:grid;grid-template-columns:24px 64px 1fr;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--tfs-line)}
.tfs-ranked img,.tfs-ranked-ph{width:64px;height:48px;object-fit:cover;border-radius:5px;background:var(--tfs-raised);display:block}
.tfs-rank{color:var(--tfs-accent);font-size:18px;font-weight:700;text-align:center}
.tfs-ranked a{font-size:15px;line-height:1.5;text-decoration:none;color:var(--tfs-text)}
.tfs-ranked a:hover{color:var(--tfs-accent)}
.tfs-admin-hint{font-size:13px;color:var(--tfs-muted);border:1px dashed var(--tfs-line);padding:6px 8px;border-radius:5px}
.tfs-admin-hint a{color:var(--tfs-accent)}
.tfs-related .tfs-list li{display:flex;flex-direction:column;gap:2px}
.tfs-related time{font-size:13px;color:var(--tfs-muted)}
.tfs-date-form{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}
.tfs-date-form label{font-size:14px;color:var(--tfs-muted)}
.tfs-date-form select{min-height:40px;padding:6px 10px;border:1px solid var(--tfs-line);border-radius:6px;background:var(--tfs-surface);color:var(--tfs-text);width:100%}
.tfs-date-form select:disabled{opacity:.55}
.tfs-date-form .tfs-button{grid-column:1/-1;min-height:42px}
.tfs-date-bar{margin-bottom:24px;padding:16px;border:1px solid var(--tfs-line);border-radius:8px;background:var(--tfs-surface)}
.tfs-date-bar .tfs-date-form{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto}
.tfs-date-bar .tfs-date-form .tfs-button{grid-column:auto}
/* Empty states */
.tfs-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 24px;text-align:center;background:var(--tfs-surface);border:1px dashed var(--tfs-line);border-radius:var(--tfs-radius);color:var(--tfs-muted)}
.tfs-empty strong{color:var(--tfs-text);font-size:17px}
.tfs-empty p{margin:0;max-width:620px;font-size:15px}
.tfs-empty-inline{color:var(--tfs-muted);font-size:15px;margin:8px 0}
/* Banner */
.tfs-banner{padding:44px 0 30px;border-bottom:1px solid var(--tfs-line);background:radial-gradient(ellipse at 85% 0,var(--tfs-raised),transparent 60%)}
.tfs-banner h1{font-size:clamp(30px,4vw,44px);margin:8px 0}
.tfs-banner p{color:var(--tfs-muted);max-width:780px;margin:0;font-size:17px}
.tfs-crumbs{font-size:14px;color:var(--tfs-muted);margin-bottom:12px}
.tfs-crumbs a{color:var(--tfs-accent);text-decoration:none}
.tfs-toolbar{display:flex;justify-content:space-between;color:var(--tfs-muted);font-size:14px;margin:0 0 16px}
/* Article */
.tfs-article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:48px;justify-content:center;padding:32px 0 64px}
.tfs-article h1{font-size:clamp(30px,4vw,44px);line-height:1.4;margin:8px 0 14px}
.tfs-lead{font-size:19px;color:var(--tfs-muted);line-height:1.9}
.tfs-article .tfs-meta{margin:6px 0 18px;font-size:14px}
.tfs-article-figure{margin:18px 0}
.tfs-article-image{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:8px}
.tfs-article-figure figcaption{font-size:13px;color:var(--tfs-muted);margin-top:6px}
.tfs-prose{font-size:17px;line-height:1.95}
.tfs-prose p{margin-bottom:1em}
.tfs-prose h2{font-size:25px;margin:28px 0 10px}
.tfs-prose a{color:var(--tfs-accent);text-decoration:underline;text-underline-offset:3px}
.tfs-article-aside{border-inline-start:1px solid var(--tfs-line);padding-inline-start:20px;color:var(--tfs-muted);font-size:15px;align-self:start;position:sticky;top:110px}
.tfs-article-aside h2{font-size:17px;margin:0 0 10px}
.tfs-article-aside * + h2{margin-top:22px}
.tfs-facts{margin:0}
.tfs-facts dt{font-size:13px;color:var(--tfs-muted)}
.tfs-facts dd{margin:0 0 10px;color:var(--tfs-text);font-weight:600}
.tfs-facts a{color:var(--tfs-accent)}
.tfs-factbox{border:1px solid var(--tfs-line);border-inline-start:4px solid var(--tfs-btn);background:var(--tfs-surface);border-radius:7px;padding:18px 20px;margin:20px 0}
.tfs-factbox h2{font-size:20px;margin:0 0 10px}
.tfs-factbox--method h2 + *{margin-bottom:14px}
.tfs-verdict{font-size:18px}
.tfs-sources{margin:26px 0}
.tfs-sources h2{font-size:20px}
.tfs-sources a{color:var(--tfs-accent);word-break:break-all}
.tfs-author-card{display:flex;gap:16px;align-items:center;padding:16px;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:7px;margin-top:28px}
.tfs-author-card--large{align-items:flex-start;margin:0 0 10px}
.tfs-avatar{flex:0 0 auto;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--tfs-raised);color:var(--tfs-accent);font-weight:700;font-size:22px;object-fit:cover}
.tfs-author-card--large .tfs-avatar{width:110px;height:110px;font-size:36px}
.tfs-video{position:relative;aspect-ratio:16/9;background:#0B0E0C;border-radius:8px;overflow:hidden;margin:18px 0;display:grid;place-items:center}
.tfs-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.tfs-video-play{position:relative;z-index:1;min-height:48px;padding:10px 22px;border-radius:28px;border:0;background:#008A3E;color:#FFFFFF;font-weight:700;font-size:16px;cursor:pointer}
.tfs-video-note{position:absolute;z-index:1;bottom:8px;inset-inline:12px;margin:0;font-size:13px;color:#C9D1CA;text-align:center}
.tfs-video-note a{color:#008A3E}
.tfs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tfs-audio-player{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--tfs-line);background:var(--tfs-surface);border-radius:8px;margin:18px 0}
.tfs-audio-player img{width:96px;height:96px;object-fit:cover;border-radius:6px}
.tfs-transcript{border:1px solid var(--tfs-line);border-radius:7px;padding:12px 16px;margin:20px 0;background:var(--tfs-surface)}
.tfs-transcript summary{cursor:pointer;font-weight:700}
/* Writers */
.tfs-writers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.tfs-writer-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:7px;text-align:center;text-decoration:none}
.tfs-writer-card .tfs-avatar{width:84px;height:84px}
/* Contact, search, 404 */
.tfs-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}
.tfs-h3{font-size:20px}
.tfs-contact-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tfs-contact-link{display:block;padding:12px 14px;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:6px;text-decoration:none;font-weight:600}
.tfs-contact-link small{display:block;color:var(--tfs-muted);font-weight:400}
.tfs-contact-link:hover{border-color:var(--tfs-accent)}
.tfs-search-form{display:flex;gap:10px;max-width:720px;margin:0 0 24px}
.tfs-search-form input[type=search]{flex:1;min-height:46px;padding:10px 14px;border:1px solid var(--tfs-line)!important;border-radius:6px}
.tfs-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tfs-chips a{display:inline-block;padding:8px 16px;border:1px solid var(--tfs-line);border-radius:20px;background:var(--tfs-surface);text-decoration:none}
.tfs-chips a:hover{border-color:var(--tfs-accent)}
.tfs-pagination{margin-top:26px}
.tfs-pagination ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.tfs-pagination a,.tfs-pagination span{display:inline-block;min-width:40px;padding:8px 12px;border:1px solid var(--tfs-line);border-radius:6px;text-align:center;text-decoration:none}
.tfs-pagination .current{background:var(--tfs-btn);color:var(--tfs-on-btn);border-color:var(--tfs-btn)}
.tfs-page-content{max-width:820px}
.tfs-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;padding:0;list-style:none}
.tfs-values li{padding:18px 20px;background:var(--tfs-surface);border:1px solid var(--tfs-line);border-radius:7px}
.tfs-values strong{display:block;color:var(--tfs-accent);font-size:19px}
.tfs-intro{max-width:820px;margin-bottom:20px}

/* ---- Header: "استمع إلى تفاصيل" button only on the homepage; nav density. ---- */
body:not(.home) .ast-header-button-1{display:none!important}
#masthead .ast-header-button-1 .ast-custom-button{background:#008A3E;color:#FFFFFF;border-radius:28px;font-weight:700;padding:9px 18px;font-size:15px;white-space:nowrap}
#masthead .ast-header-button-1 .ast-custom-button:hover{filter:brightness(.93)}
@media (min-width:922px){
	#masthead .main-header-menu>.menu-item>.menu-link{padding-inline:11px;font-size:15px}
}
@media (min-width:922px) and (max-width:1240px){
	#masthead .main-header-menu>.menu-item>.menu-link{padding-inline:7px;font-size:14px}
	#masthead .ast-header-button-1 .ast-custom-button{padding:8px 12px;font-size:13px}
}
@media (max-width:921px){
	#masthead .ast-header-button-1 .ast-custom-button{padding:7px 12px;font-size:13px}
}

/* ---- Footer (Astra Footer Builder HTML elements). Brand column on the right, newsletter on the left in RTL.
   Kept dark in both modes, like the header, because the approved logo has white lettering. ---- */
.site-footer{--ast-global-color-0:#008A3E;--ast-global-color-1:#008A3E;--ast-global-color-2:#F4F6F2;--ast-global-color-3:#B9C2BA;--ast-global-color-4:#151A17;--ast-global-color-5:#0B0E0C;--ast-global-color-6:#202822;--ast-global-color-7:#354039;--ast-global-color-8:#FFFFFF;color-scheme:dark}
.site-footer .site-primary-footer-wrap,.site-footer .site-below-footer-wrap{background-color:#0B0E0C!important}
.site-footer .site-primary-footer-wrap .ast-builder-html-element,.site-footer .site-primary-footer-wrap .site-footer-section{text-align:start;justify-content:flex-start;align-items:flex-start}
.site-footer .ast-builder-html-element p:empty{display:none}
.site-footer .tfs-footer-brand p{font-size:15px;margin:10px 0}
.tfs-footer-logo img{width:150px;height:auto;display:block}
.tfs-social,.tfs-footer-links ul{list-style:none;margin:0;padding:0}
.tfs-social{display:flex;flex-wrap:wrap;gap:6px 14px}
.tfs-social a{font-size:14px;text-decoration:underline;text-underline-offset:3px}
.tfs-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tfs-footer-title{font-size:16px!important;margin:0 0 10px!important;color:var(--ast-global-color-2)}
.tfs-footer-links li{margin:0 0 6px;font-size:14px}
.tfs-newsletter p{font-size:14px;margin:0 0 8px;color:var(--ast-global-color-3)}
.site-footer .site-primary-footer-wrap{padding-block:34px 18px}
@media (max-width:921px){
	.tfs-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}
	.site-footer .site-primary-footer-wrap,.site-footer .site-below-footer-wrap{padding-inline:16px!important}
	.site-footer .site-primary-footer-wrap .site-footer-section{margin-bottom:22px}
}
@media (max-width:544px){
	.tfs-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- Responsive ---- */
@media (max-width:1100px){
	.tfs-program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.tfs-content-grid{grid-template-columns:1fr}
	.tfs-writers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
	.tfs-date-bar .tfs-date-form{grid-template-columns:auto 1fr auto 1fr}
	.tfs-date-bar .tfs-date-form .tfs-button{grid-column:1/-1}
}
@media (max-width:921px){
	.tfs-article-layout{grid-template-columns:1fr;gap:20px}
	.tfs-article-aside{position:static;border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--tfs-line);padding-top:16px}
	.tfs-program-hero{grid-template-columns:1fr;gap:18px}
	.tfs-program-logo-box{max-width:300px}
	.tfs-contact-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
	.tfs-wrap{width:calc(100% - 32px)}
	.tfs-hero,.tfs-slide{min-height:460px}
	.tfs-hero-content{width:100%;padding:44px 0 86px}
	.tfs-slide:after{background:linear-gradient(0deg,rgba(5,8,7,.95),rgba(5,8,7,.3) 95%)}
	.tfs-hero p{font-size:16px}
	.tfs-image-note{right:16px;bottom:auto;top:12px}
	.tfs-hero-controls{left:16px;bottom:18px}
	.tfs-grid-3,.tfs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.tfs-program-grid,.tfs-program-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.tfs-card-body{padding:11px}
	.tfs-card h3{font-size:16px}
	.tfs-card p{font-size:14px}
	.tfs-program-visual{height:96px}
	.tfs-program-copy{padding:9px 10px 10px}
	.tfs-program-copy strong{font-size:15px}
	.tfs-program-short{font-size:14px}
	.tfs-episode-row{grid-template-columns:84px 1fr;gap:12px}
	.tfs-episode-thumb img,.tfs-episode-thumb .tfs-thumb--empty{width:84px;height:84px}
	.tfs-episode-row .tfs-round-play{grid-column:2;justify-self:start;width:40px;height:40px}
	.tfs-audio-strip,.tfs-audio-strip:has(.tfs-audio-media){grid-template-columns:auto 1fr;gap:12px;padding:15px}
	.tfs-audio-strip .tfs-audio-media,.tfs-audio-links{grid-column:1/-1}
	.tfs-audio-links{flex-direction:row;flex-wrap:wrap;gap:14px}
	.tfs-writers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tfs-values{grid-template-columns:1fr}
	.tfs-banner{padding:32px 0 24px}
	.tfs-search-form{flex-direction:column}
}
@media (max-width:420px){
	.tfs-grid-3,.tfs-grid-2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.tfs-program-card{transition:none}.tfs-program-card:hover{transform:none}}

/* ===== v1.2: sharing, layout options, footer, responsive fixes ===== */
/* Share bar */
.tfs-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:26px 0;padding:14px 0;border-top:1px solid var(--tfs-line);border-bottom:1px solid var(--tfs-line)}
.tfs-share-title{font-size:17px!important;margin:0!important}
.tfs-share-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tfs-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border-radius:22px;border:1px solid var(--tfs-line);background:var(--tfs-surface);color:var(--tfs-text)!important;text-decoration:none;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.tfs-share-btn svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.tfs-share-btn:hover,.tfs-share-btn:focus-visible{border-color:var(--tfs-btn);background:var(--tfs-btn);color:var(--tfs-on-btn)!important}
.tfs-share-copy{padding:0 14px}
.tfs-share-status{flex-basis:100%;margin:0;min-height:1.5em;font-size:14px;color:var(--tfs-accent);font-weight:600}
.tfs-share-status:empty{min-height:0}
/* Layout options */
.tfs-layout-full .tfs-article-layout{grid-template-columns:minmax(0,820px)}
.tfs-page-wide .tfs-page-content{max-width:none}
.tfs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tfs-content-grid--single{grid-template-columns:1fr}
.tfs-hero--pos-center .tfs-hero-image{object-position:center center}
.tfs-hero--pos-bottom .tfs-hero-image{object-position:center bottom}
/* Footer: compact merged links column */
.tfs-footer-links--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tfs-footer-links--1{grid-template-columns:1fr}
/* Comments: keep the form inside the article column */
.tfs-article .comments-area,.tfs-article #comments{margin-inline:0;padding-inline:0;max-width:100%;background:transparent;border:0}
.tfs-article .comment-form textarea,.tfs-article .comment-form input[type=text],.tfs-article .comment-form input[type=email],.tfs-article .comment-form input[type=url]{width:100%;max-width:100%}
.tfs-article .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start}
.tfs-article img,.tfs-article iframe,.tfs-article video,.tfs-article table{max-width:100%}
.tfs-article table{display:block;overflow-x:auto}
.tfs-article pre{overflow-x:auto}
.tfs-article .tfs-prose{overflow-wrap:anywhere}
/* Responsive fixes */
@media (max-width:1100px) and (min-width:922px){
	.tfs-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:921px){
	.tfs-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tfs-article h1,.tfs-banner h1{overflow-wrap:anywhere}
}
@media (max-width:480px){
	/* Compact mobile header: logo, listen button, mode switcher and menu toggle fit from 320px up. */
	#ast-mobile-header .ast-primary-header-bar .site-primary-header-wrap{padding-inline:12px}
	#ast-mobile-header .custom-logo-link img{width:70px!important;max-width:70px}
	#ast-mobile-header .site-header-primary-section-right{gap:6px}
	#ast-mobile-header .ast-builder-layout-element{margin:0!important;padding-inline:0!important}
	#masthead .ast-header-button-1 .ast-custom-button{padding:7px 10px;font-size:12px;line-height:1.3}
	#ast-mobile-header .ast-builder-color-switcher .ast-switcher-button{min-width:40px;min-height:40px;padding:8px!important}
	#ast-mobile-header .menu-toggle{padding:8px!important;min-width:40px;min-height:40px}
	.tfs-hero-content{padding:36px 0 84px}
	.tfs-hero h1,.tfs-hero .tfs-hero-title{font-size:clamp(26px,7.4vw,32px)}
	.tfs-hero p{font-size:15px;line-height:1.8}
	.tfs-share{gap:10px}
	.tfs-share-copy .tfs-share-copy-label{font-size:13px}
	.tfs-section{padding:24px 0}
	.tfs-banner h1{font-size:clamp(26px,8vw,34px)}
}
@media (max-width:360px){
	.tfs-wrap{width:calc(100% - 24px)}
	#ast-mobile-header .custom-logo-link img{width:62px!important;max-width:62px}
	#masthead .ast-header-button-1 .ast-custom-button{padding:6px 8px;font-size:11.5px}
	.tfs-program-grid,.tfs-program-grid--2{gap:8px}
	.tfs-program-copy strong{font-size:14px}
	.tfs-program-short{font-size:13px}
	.tfs-grid-3,.tfs-grid-2,.tfs-grid-4{grid-template-columns:1fr}
	.tfs-date-form{grid-template-columns:1fr}
	.tfs-date-form label{margin-bottom:-4px}
	.tfs-share-btn{min-width:42px;height:42px}
	.tfs-footer-links,.tfs-footer-links--2{grid-template-columns:1fr}
}

/* ===== v1.3 ===== */
.tfs-template{--tfs-red:#C8102E;--tfs-green:#008A3E}
/* Hero: autoplay controls */
.tfs-hero-slides{display:grid;grid-area:1/1;min-height:inherit}
.tfs-hero-toggle{position:relative}
.tfs-hero-toggle .tfs-icon-pause,.tfs-hero-toggle .tfs-icon-play{position:absolute;inset:0;margin:auto}
.tfs-icon-pause{width:12px;height:14px;border-inline:4px solid currentColor;box-sizing:border-box}
.tfs-icon-play{width:0;height:0;border-block:7px solid transparent;border-left:11px solid currentColor;transform:translateX(1px);display:none}
.tfs-hero-toggle.is-paused .tfs-icon-pause{display:none}
.tfs-hero-toggle.is-paused .tfs-icon-play{display:block}
.tfs-hero-toggle[hidden]{display:none}
.tfs-hero h1,.tfs-hero .tfs-hero-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Phones: image on top (fully visible), tag + headline + button below, no excerpt */
@media (max-width:600px){
	.tfs-hero,.tfs-slide{min-height:0}
	.tfs-slide{display:block}
	.tfs-hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/10}
	.tfs-slide:after{display:none}
	.tfs-hero-content{width:100%;padding:14px 0 72px}
	.tfs-hero p{display:none}
	.tfs-hero h1,.tfs-hero .tfs-hero-title{font-size:clamp(21px,6.2vw,26px);line-height:1.5;margin:6px 0 12px}
	.tfs-hero .tfs-button{min-height:42px;padding:8px 18px;font-size:15px}
	.tfs-hero-controls{bottom:16px;left:16px}
	.tfs-hero-controls > button{width:38px;height:38px}
	.tfs-image-note{top:10px;bottom:auto;right:12px}
}
/* Homepage editorial rows */
.tfs-home-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:32px;align-items:stretch}
.tfs-home-row--single{grid-template-columns:minmax(0,1fr)}
.tfs-home-row + .tfs-home-row,.tfs-home-row + .tfs-home-opinion{margin-top:40px}
.tfs-home-main,.tfs-home-side{min-width:0}
.tfs-home-side .tfs-section-head,.tfs-home-main > .tfs-section-head:first-child,.tfs-home-opinion > .tfs-section-head:first-child{margin-top:0}
.tfs-home-popular,.tfs-home-popular .tfs-popular{display:flex;flex-direction:column}
.tfs-home-popular .tfs-popular{flex:1}
.tfs-home-popular .tfs-ranked{flex:1;display:flex;flex-direction:column}
.tfs-home-popular .tfs-ranked li{flex:1 1 0;max-height:96px;min-height:62px;padding:6px 0}
.tfs-home-popular .tfs-ranked li:last-child{border-bottom:0}
.tfs-home-popular .tfs-ranked a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Carousels */
.tfs-carousel{--per:1;--gap:16px}
.tfs-carousel--opinion{--per:3}
.tfs-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.tfs-carousel-track::-webkit-scrollbar{display:none}
.tfs-carousel-item{display:flex;scroll-snap-align:start;min-width:0}
.tfs-carousel-item > .tfs-card{width:100%}
.tfs-carousel-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}
.tfs-carousel-nav[hidden]{display:none}
.tfs-carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--tfs-line);background:var(--tfs-surface);color:var(--tfs-text);font-size:22px;line-height:1;padding:0;cursor:pointer}
.tfs-carousel-btn:hover:not(:disabled){border-color:var(--tfs-accent);color:var(--tfs-accent)}
.tfs-carousel-btn:disabled{opacity:.4;cursor:default}
.tfs-carousel-btn:focus-visible{outline:2px solid var(--tfs-accent);outline-offset:2px}
.tfs-carousel-status{font-size:14px;color:var(--tfs-muted);min-width:44px;text-align:center}
.tfs-card--east .tfs-thumb{aspect-ratio:1.6}
.tfs-card--east h3{font-size:17px}
.tfs-card--east p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tfs-home-opinion .tfs-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){
	.tfs-home-row{grid-template-columns:minmax(0,1fr)}
	.tfs-home-popular .tfs-ranked li{flex:none}
	.tfs-carousel--east{--per:2}
	.tfs-carousel--east.tfs-carousel--n1{--per:1;max-width:520px}
}
@media (max-width:921px){.tfs-carousel--opinion{--per:2}}
@media (max-width:600px){.tfs-carousel--opinion,.tfs-carousel--east{--per:1;--gap:12px}.tfs-carousel--east.tfs-carousel--n1{max-width:none}}
/* Spotify / media messages */
.tfs-spotify{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:152px;margin:18px 0;padding:20px;border-radius:12px;background:#0B0E0C;border:1px solid var(--tfs-line);text-align:center}
.tfs-spotify--show{min-height:352px}
.tfs-spotify-play{min-height:48px;padding:10px 22px;border-radius:28px;border:0;background:#008A3E;color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.tfs-spotify-play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tfs-spotify-note{margin:0;font-size:13px;color:#C9D1CA}
.tfs-spotify-note a{color:#7FD8A6}
.tfs-spotify.is-loaded{padding:0;background:transparent;border:0;display:block;min-height:0}
.tfs-spotify iframe{display:block;width:100%;border:0;border-radius:12px}
.tfs-audio-strip .tfs-spotify{margin:0;min-height:0;padding:14px}
.tfs-media-error{margin:18px 0;padding:16px 18px;border:1px solid var(--tfs-line);border-inline-start:4px solid var(--tfs-red);border-radius:8px;background:var(--tfs-surface)}
.tfs-media-error strong{display:block;color:var(--tfs-text)}
.tfs-media-error p{margin:6px 0 0;color:var(--tfs-muted);font-size:15px}
/* Section banner with background image (e.g. شرق السودان) — dark overlay keeps white text legible in both modes */
.tfs-banner--image{position:relative;isolation:isolate;overflow:hidden;background:#0B0E0C;border-bottom:0;padding:88px 0 60px;min-height:340px;display:flex;align-items:flex-end}
.tfs-banner--image .tfs-wrap{position:relative;z-index:1}
.tfs-banner-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.tfs-banner--image:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(5,8,7,.9) 0%,rgba(5,8,7,.72) 45%,rgba(5,8,7,.35) 100%),linear-gradient(0deg,rgba(5,8,7,.55),transparent 70%)}
.tfs-main .tfs-banner--image h1{color:#F4F6F2}
.tfs-banner--image p{color:#E1E7E2;max-width:820px}
.tfs-banner--image .tfs-eyebrow{color:#7FD8A6}
.tfs-banner--image .tfs-image-note{bottom:10px}
@media (max-width:600px){
	.tfs-banner--image{padding:64px 0 34px;min-height:300px}
	.tfs-banner--image:before{background:linear-gradient(0deg,rgba(5,8,7,.92) 10%,rgba(5,8,7,.62) 70%,rgba(5,8,7,.45))}
	.tfs-banner--image p{font-size:15px;line-height:1.85}
	.tfs-banner--image .tfs-image-note{top:10px;bottom:auto}
}
/* Social links */
.tfs-social--icons{gap:6px}
.tfs-social--footer.tfs-social--icons a{width:38px;height:38px}
.tfs-social--icons a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ast-global-color-7);color:var(--ast-global-color-2);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.tfs-social--icons a:hover,.tfs-social--icons a:focus-visible{background:#008A3E;border-color:#008A3E;color:#fff}
.tfs-social-icon{width:19px;height:19px;fill:currentColor;display:block}
.tfs-footer-email{font-size:14px!important}
.tfs-footer-email a{color:#7FD8A6;text-decoration:underline;text-underline-offset:3px}
.tfs-contact-link{display:flex;align-items:center;gap:10px}
.tfs-contact-link .tfs-social-icon{flex:0 0 auto;color:var(--tfs-accent)}
.tfs-contact-email{font-size:18px;font-weight:700;margin:0 0 22px}
.tfs-contact-email a{color:var(--tfs-accent);text-decoration:underline;text-underline-offset:3px}
.tfs-contact-side .tfs-h3{margin-bottom:10px}
/* Forms */
.tfs-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tfs-form{display:flex;flex-direction:column;gap:12px}
.tfs-field{display:flex;flex-direction:column;gap:6px}
.tfs-field label,.tfs-label{font-weight:600;font-size:15px;color:var(--tfs-text)}
.tfs-req{color:var(--tfs-red)}
.tfs-form input[type=text],.tfs-form input[type=email],.tfs-form input[type=url],.tfs-form select,.tfs-form textarea{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--tfs-line);border-radius:6px;background:var(--tfs-surface);color:var(--tfs-text);font:inherit;font-size:16px}
.tfs-form input[dir=ltr]{text-align:left}
.tfs-form input[dir=ltr]::placeholder{text-align:left}
.tfs-form textarea{min-height:150px;resize:vertical}
.tfs-form [aria-invalid=true]{border-color:var(--tfs-red)!important;box-shadow:0 0 0 1px var(--tfs-red)}
.tfs-form input:focus-visible,.tfs-form select:focus-visible,.tfs-form textarea:focus-visible{outline:2px solid var(--tfs-accent);outline-offset:1px}
.tfs-field-error{margin:0;font-size:14px;font-weight:600;color:var(--tfs-text);padding-inline-start:10px;border-inline-start:3px solid var(--tfs-red)}
.tfs-field-error[hidden]{display:none}
.tfs-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--tfs-text)}
.tfs-check input{width:20px;height:20px;margin-top:3px;flex:0 0 auto;accent-color:#008A3E}
.tfs-check a{color:var(--tfs-accent);text-decoration:underline}
.tfs-form .tfs-button{align-self:flex-start}
.tfs-form-status{font-size:15px;font-weight:600;color:var(--tfs-text)}
.tfs-form-status:empty{display:none}
.tfs-form-status.is-ok,.tfs-form-msg.is-ok{padding:10px 12px;border-radius:6px;border-inline-start:4px solid #008A3E;background:var(--tfs-raised, rgba(0,138,62,.08))}
.tfs-form-status.is-error,.tfs-form-msg.is-error{padding:10px 12px;border-radius:6px;border-inline-start:4px solid var(--tfs-red);background:var(--tfs-raised, rgba(200,16,46,.08))}
.tfs-form-msg{margin:0}
.tfs-form-required-note{font-size:14px;color:var(--tfs-muted);margin:0}
.tfs-contact-form{max-width:640px;margin-top:6px}
/* Footer newsletter (footer is always dark) */
.site-footer{--tfs-red:#FF6B7F;--tfs-text:#F4F6F2;--tfs-muted:#B9C2BA;--tfs-line:#354039;--tfs-surface:#151A17;--tfs-raised:#202822;--tfs-accent:#7FD8A6}
.tfs-newsletter-form{gap:8px}
.tfs-inline-field{display:flex;flex-wrap:wrap;gap:8px}
.tfs-inline-field input{flex:1 1 180px;min-width:0}
.tfs-inline-field .tfs-button{background:#008A3E;color:#fff!important;min-height:46px;flex:0 0 auto}
.tfs-newsletter .tfs-label{font-size:14px}
.tfs-newsletter .tfs-check{font-size:13px;color:#B9C2BA}
.tfs-newsletter .tfs-check a{color:#7FD8A6}
/* About page: logo and value cards */
.tfs-about-logo{margin:0 0 26px;display:inline-flex;align-items:center;justify-content:center;padding:22px 30px;border-radius:12px;background:#0B0E0C}
.tfs-about-logo img{display:block;width:260px;max-width:100%;height:auto}
.tfs-values li{border:0;border-radius:12px;padding:22px 22px 24px;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease;animation:tfs-rise .6s ease both}
.tfs-values li:nth-child(1){background:#008A3E}
.tfs-values li:nth-child(2){background:#FFFFFF;color:#151A17;box-shadow:0 0 0 1px #D7DED8;animation-delay:.1s}
.tfs-values li:nth-child(3){background:var(--tfs-red);animation-delay:.2s}
.tfs-values li strong{color:inherit;font-size:22px;margin-bottom:6px}
.tfs-values li{font-size:19px;font-weight:700;line-height:1.75}
.tfs-values li:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.astra-dark-mode-enable .tfs-values li:nth-child(2){background:#0B0E0C;color:#F4F6F2;box-shadow:0 0 0 1px #354039}
@keyframes tfs-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:600px){.tfs-about-logo{padding:16px 22px}.tfs-about-logo img{width:180px}.tfs-values li{font-size:18px}}
@media (prefers-reduced-motion:reduce){
	.tfs-values li{animation:none;transition:none}
	.tfs-values li:hover{transform:none}
	.tfs-carousel-track{scroll-behavior:auto}
	.tfs-social--icons a{transition:none}
}
