/* =========================================================================
   FNA Premium-Enhancement – geteilter Politur-Layer über alle Fussball-Themes.
   Rein dekorativ (Transitions/Transform/Opacity), verändert kein Layout.
   ========================================================================= */
:root{ --fna-ease:cubic-bezier(.22,.61,.36,1); }

html{ scroll-behavior:smooth; }
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
::selection{ background:rgba(99,188,70,.32); }

/* Feinere Scrollbar */
*{ scrollbar-width:thin; }
::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(150,155,150,.32); border-radius:9px; border:2px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover{ background:rgba(150,155,150,.55); background-clip:content-box; }

/* Lese-Fortschrittsbalken */
.fna-progress{
	position:fixed; top:0; left:0; height:3px; width:0; z-index:99999;
	background:linear-gradient(90deg,#63bc46,#63bc46,#63bc46);
	box-shadow:0 0 14px rgba(99,188,70,.55);
	transition:width .12s linear; pointer-events:none;
}

/* Nach-oben-Button */
.fna-top{
	position:fixed; right:22px; bottom:22px; width:48px; height:48px;
	border:0; border-radius:50%; cursor:pointer; z-index:99998;
	background:rgba(12,12,12,.82); color:#fff; font-size:21px; line-height:48px; text-align:center;
	opacity:0; transform:translateY(16px) scale(.9); pointer-events:none;
	transition:.4s var(--fna-ease); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
	box-shadow:0 10px 28px rgba(0,0,0,.34);
}
.fna-top.fna-show{ opacity:1; transform:none; pointer-events:auto; }
.fna-top:hover{ background:#63bc46; transform:translateY(-2px); }

/* Scroll-Reveal (nur aktiv, wenn JS die Klasse setzt → ohne JS bleibt alles sichtbar) */
.fna-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s var(--fna-ease), transform .7s var(--fna-ease); will-change:opacity,transform; }
.fna-reveal.fna-in{ opacity:1; transform:none; }

/* Bild-Feinschliff: sanftes Einblenden + dezenter Kontrast (kaschiert kleine Quellen) */
img{ transition:opacity .55s ease, filter .55s ease; }
img.fna-imgload{ opacity:0; }
[class*="img"],[class*="thumb"],[class*="photo"]{ transition:transform .6s var(--fna-ease); }
[class*="card"]:hover [class*="img"],
[class*="tile"]:hover [class*="img"],
[class*="feat"]:hover [class*="img"],
[class*="row"]:hover  [class*="img"]{ transform:scale(1.055); }

/* Karten heben sich beim Hover leicht an */
[class*="card"],[class*="tile"]{ transition:transform .35s var(--fna-ease), box-shadow .35s var(--fna-ease); }
[class*="card"]:hover,[class*="tile"]:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -18px rgba(0,0,0,.5); }

/* Sanfter Ken-Burns-Zoom auf grossen Hintergrundbildern */
@keyframes fnaKen{ from{ transform:scale(1); } to{ transform:scale(1.08); } }
[class*="hero"] [class*="img"],[class*="feat"] [class*="img"]{ animation:fnaKen 18s ease-in-out infinite alternate; }
[class*="card"]:hover [class*="img"],[class*="tile"]:hover [class*="img"],[class*="feat"]:hover [class*="img"]{ animation-play-state:paused; }

/* Header bekommt beim Scrollen Tiefe */
header.fna-shrink{ box-shadow:0 8px 30px rgba(0,0,0,.26); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); }

/* Deutlichere Fokus-Ringe (Barrierefreiheit) */
a:focus-visible,button:focus-visible,input:focus-visible{ outline:2px solid #63bc46; outline-offset:2px; border-radius:4px; }

/* Feiner Seiten-Einblendeffekt beim Laden */
@keyframes fnaFadeIn{ from{ opacity:0; } to{ opacity:1; } }
body.fna-ready{ animation:fnaFadeIn .5s ease both; }

/* Respektiert Nutzerwunsch nach weniger Bewegung */
@media (prefers-reduced-motion:reduce){
	html{ scroll-behavior:auto; }
	.fna-reveal{ opacity:1 !important; transform:none !important; }
	[class*="hero"] [class*="img"],[class*="feat"] [class*="img"]{ animation:none; }
	*{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* =========================================================================
   Mobile-Härtung – gilt für ALLE Themes (lädt zuletzt, gewinnt).
   Fängt die häufigsten Handy-Bugs generisch ab, ohne das Desktop-Layout
   anzutasten.
   ========================================================================= */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ max-width:100%; overflow-x:hidden; }
/* `clip` erzeugt – anders als `hidden` – KEINEN Scroll-Container. Verhindert,
   dass der body sich horizontal verschieben laesst (sonst verrutscht die Seite). */
@supports (overflow-x:clip){ html,body{ overflow-x:clip; } }
img,svg,video,iframe{ max-width:100%; }
img{ height:auto; }
table{ display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
pre,code{ max-width:100%; overflow-x:auto; white-space:pre-wrap; word-break:break-word; }

@media (max-width:600px){
	/* iOS zoomt bei <16px automatisch in Formularfelder – verhindern */
	input,select,textarea{ font-size:16px; max-width:100%; }
	/* Nach-oben-Button kompakter + über Safari-Bottombar */
	.fna-top{ width:42px; height:42px; line-height:42px; right:14px; bottom:calc(14px + env(safe-area-inset-bottom)); }
	/* lange Titel/URLs sauber umbrechen statt überlaufen */
	h1,h2,h3,[class*="title"],[class*="__title"]{ overflow-wrap:break-word; word-break:break-word; }
}

/* =========================================================================
   Einheitlicher Header — schlicht, mit Hamburger-Menue auf Mobil.
   Themed ueber --fna-hd-* (je Theme in :root gesetzt).
   ========================================================================= */
.fna-hd{ position:sticky; top:0; z-index:200; background:var(--fna-hd-bg); border-bottom:1px solid var(--fna-hd-line); }
.fna-hd__in{ max-width:var(--fna-hd-maxw,1240px); margin:0 auto; display:flex; align-items:center; gap:18px; padding:0 20px; height:64px; }
.fna-hd__logo{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; flex:0 0 auto; }
.fna-lg__wm{ display:flex; flex-direction:column; line-height:1; }
.fna-hd__nav{ margin-left:auto; display:flex; align-items:center; gap:20px; }
.fna-hd__nav a{ font-family:var(--fna-hd-font); font-weight:600; font-size:.92rem; letter-spacing:.02em; color:var(--fna-hd-dim); text-decoration:none; white-space:nowrap; transition:color .18s ease; }
.fna-hd__nav a:hover{ color:var(--fna-hd-text); }
.fna-hd__nav a[aria-current]{ color:var(--fna-hd-accent); }

.fna-hd__burger{ display:none; margin-left:auto; width:42px; height:42px; padding:10px; border:0; background:transparent; cursor:pointer; flex-direction:column; justify-content:space-between; }
.fna-hd__burger span{ display:block; width:100%; height:2px; background:var(--fna-hd-text); border-radius:2px; transition:transform .3s ease, opacity .2s ease; }
.fna-hd__burger.is-open span:nth-child(1){ transform:translateY(10px) rotate(45deg); }
.fna-hd__burger.is-open span:nth-child(2){ opacity:0; }
.fna-hd__burger.is-open span:nth-child(3){ transform:translateY(-10px) rotate(-45deg); }

@media (max-width:860px){
	.fna-hd__burger{ display:flex; }
	.fna-hd__nav{
		position:absolute; left:0; right:0; top:100%; margin:0; flex-direction:column; align-items:stretch; gap:0;
		background:var(--fna-hd-bg); border-bottom:1px solid var(--fna-hd-line); padding:4px 20px 14px;
		opacity:0; transform:translateY(-8px); pointer-events:none; transition:opacity .22s ease, transform .22s ease;
		max-height:calc(100vh - 64px); overflow-y:auto; box-shadow:0 18px 40px rgba(0,0,0,.18);
	}
	.fna-hd__nav.is-open{ opacity:1; transform:none; pointer-events:auto; }
	.fna-hd__nav a{ padding:14px 2px; font-size:1.02rem; border-bottom:1px solid var(--fna-hd-line); }
	.fna-hd__nav a:last-child{ border-bottom:0; }
}
@media (max-width:400px){ .fna-hd__in{ padding:0 14px; gap:10px; } }


/* ---------- footbao.news: logo + dropdown menu ---------- */
.fna-lg__img{ display:block; height:28px; width:auto; }
@media (max-width:600px){ .fna-lg__img{ height:22px; } }
.fb-dd{ position:relative; display:inline-flex; align-items:center; height:64px; }
.fb-dd__btn::after{ content:""; display:inline-block; margin-left:6px; border:4px solid transparent; border-top-color:currentColor; transform:translateY(2px); }
.fb-dd__menu{ position:absolute; top:calc(100% - 6px); left:-16px; min-width:210px; padding:8px 0; background:var(--fna-hd-bg); border:1px solid var(--fna-hd-line); border-top:2px solid #63bc46; border-radius:0 0 10px 10px; box-shadow:0 14px 34px rgba(0,0,0,.55); opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:250; }
.fb-dd:hover .fb-dd__menu, .fb-dd:focus-within .fb-dd__menu{ opacity:1; visibility:visible; transform:none; }
.fna-hd__nav .fb-dd__menu a{ display:block; padding:9px 18px; }
.fna-hd__nav .fb-dd__menu a:hover{ color:#63bc46; background:rgba(99,188,70,.08); }
@media (max-width:860px){
	.fb-dd{ display:block; height:auto; }
	.fb-dd__btn::after{ display:none; }
	.fb-dd__menu{ position:static; opacity:1; visibility:visible; transform:none; min-width:0; padding:0 0 0 14px; background:transparent; border:0; box-shadow:none; border-radius:0; }
	.fna-hd__nav .fb-dd__menu a{ padding-left:0; }
}


/* ---------- footbao.news: scrollable mobile menu ---------- */
@media (max-width:860px){
	.fna-hd__nav{ max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
	.fna-hd__nav > *{ flex-shrink:0; }
	.fna-hd__nav .fb-dd__btn{ color:var(--fna-hd-text); }
	.fna-hd__nav .fb-dd__menu a:last-child{ border-bottom:1px solid var(--fna-hd-line); }
}


/* =====================================================================
   footbao.news design layer v2
   Black pitch at night, chalk-white type, the logo's green double ring.
   ===================================================================== */
:root{
	--fb-black:#000000;
	--fb-pitch:#0d110d;
	--fb-pitch-2:#151b15;
	--fb-line:#1f271f;
	--fb-chalk:#ecf0ed;
	--fb-body:#d3d9d4;
	--fb-mist:#8f9a91;
	--fb-green:#63bc46;
	--fb-display:"Big Shoulders Display","Archivo Narrow",Impact,sans-serif;
	--fb-text:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
	--fb-maxw:1280px;
	--fna-hd-bg:#000000;
	--fna-hd-line:var(--fb-line);
	--fna-hd-text:var(--fb-chalk);
	--fna-hd-dim:var(--fb-mist);
	--fna-hd-accent:var(--fb-green);
	--fna-hd-font:var(--fb-display);
}
html body{ background:var(--fb-black); color:var(--fb-chalk); font-family:var(--fb-text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.site-main{ background:var(--fb-black); padding-bottom:96px; }
.fb-wrap{ width:100%; max-width:var(--fb-maxw); margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box; }
.site-main a, .fb-footer a{ color:inherit; text-decoration:none; }
.site-main a:focus-visible, .fb-footer a:focus-visible, .fna-hd a:focus-visible, .fna-hd button:focus-visible{ outline:2px solid var(--fb-green); outline-offset:3px; border-radius:2px; }
.fb-m img, .fb-article__figure img{ display:block; width:100%; height:100%; object-fit:cover; }

/* ---------- The logo's double ring ---------- */
.fb-rings{ display:block; width:56px; height:56px; border-radius:50%;
	background:radial-gradient(closest-side, transparent 0 33%, var(--fb-green) 34% 57%, transparent 58% 69%, var(--fb-green) 70% 100%); }
.fb-rings--lg{ width:88px; height:88px; margin:0 auto 24px; }

/* ---------- Top bar, ticker, header ---------- */
.fna-topbar{ background:var(--fb-black) !important; border-bottom:1px solid var(--fb-line) !important; }
.fna-topbar__date{ color:var(--fb-mist) !important; font:500 12px/1.3 var(--fb-text) !important; text-transform:none !important; letter-spacing:0 !important; }
.fna-topbar__label{ color:var(--fb-mist) !important; font:500 12px var(--fb-text) !important; }
.breaking{ background:var(--fb-black) !important; border-bottom:1px solid var(--fb-line) !important; }
.breaking__label{ background:transparent !important; color:var(--fb-green) !important; font:800 15px/1 var(--fb-display) !important; letter-spacing:.02em !important; text-transform:none !important; display:inline-flex !important; align-items:center; gap:8px; padding:0 18px 0 24px !important; border-right:1px solid var(--fb-line); }
.breaking__label::before{ content:""; width:12px; height:12px; border-radius:50%; background:radial-gradient(closest-side, transparent 0 33%, var(--fb-green) 34% 57%, transparent 58% 69%, var(--fb-green) 70% 100%); }
.breaking__label .pulse{ display:none !important; }
.breaking__item{ color:var(--fb-body) !important; font:500 14px var(--fb-text) !important; }
.breaking__item:hover{ color:var(--fb-chalk) !important; }
.fna-hd{ background:rgba(0,0,0,.92) !important; -webkit-backdrop-filter:saturate(140%) blur(10px); backdrop-filter:saturate(140%) blur(10px); }
.fna-hd__nav a{ font-family:var(--fb-display) !important; font-weight:700 !important; font-size:17px !important; letter-spacing:.01em !important; }

/* ---------- Shared bits ---------- */
.fb-tag{ display:inline-flex; align-items:center; gap:8px; font:600 13px/1.2 var(--fb-text); color:var(--fb-chalk); letter-spacing:.01em; }
.fb-tag::before{ content:""; flex:0 0 auto; width:14px; height:10px; border-radius:1px; background:linear-gradient(var(--c1,#63bc46) 0 50%, var(--c2,#63bc46) 50% 100%); box-shadow:0 0 0 1px rgba(255,255,255,.08); }
a.fb-tag:hover{ color:var(--fb-green); }
.fb-meta{ display:flex; flex-wrap:wrap; gap:4px 16px; margin:0; color:var(--fb-mist); font:500 13px/1.4 var(--fb-text); }
.fb-m{ position:relative; overflow:hidden; background:var(--fb-pitch); border-radius:4px; aspect-ratio:16/9; }
.fb-m img{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.fb-m--empty{ display:grid; place-items:center;
	background:
		linear-gradient(90deg, transparent calc(50% - .5px), var(--fb-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
		radial-gradient(circle at 50% 50%, transparent 0 22%, var(--fb-line) 22% calc(22% + 1px), transparent calc(22% + 1px)),
		var(--fb-pitch); }
.fb-m--empty .fb-rings{ width:18%; height:auto; aspect-ratio:1; min-width:28px; max-width:72px; }
.fb-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:999px; background:var(--fb-green); color:#000 !important; font:700 15px var(--fb-text); }
.fb-btn:hover{ background:#7ccf61; }

/* ---------- Section heads ---------- */
.fb-section{ padding-top:72px; }
.fb-section--flush{ padding-left:0; padding-right:0; }
.fb-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:28px; padding-bottom:14px; border-bottom:1px solid var(--fb-line); }
.fb-head__title{ display:flex; align-items:center; gap:12px; margin:0; color:var(--fb-chalk); font:800 clamp(28px,3vw,38px)/1 var(--fb-display); letter-spacing:.005em; }
.fb-head__title::before{ content:""; flex:0 0 auto; width:.62em; height:.62em; border-radius:50%; background:radial-gradient(closest-side, transparent 0 33%, var(--fb-green) 34% 57%, transparent 58% 69%, var(--fb-green) 70% 100%); }
.fb-region-sec .fb-head__title::before{ width:.58em; height:.42em; border-radius:2px; background:linear-gradient(var(--c1) 0 50%, var(--c2) 50% 100%); }
.fb-head__more{ color:var(--fb-green) !important; font:600 14px var(--fb-text); white-space:nowrap; }
.fb-head__more:hover{ text-decoration:underline !important; text-underline-offset:3px; }

/* ---------- Lead + rail ---------- */
.fb-top{ display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:48px; padding-top:36px; }
.fb-lead{ display:block; }
.fb-lead__media{ border-radius:6px; }
.fb-lead__body{ padding-top:24px; display:flex; flex-direction:column; gap:14px; }
.fb-lead__title{ margin:0; font:900 clamp(40px,5vw,74px)/.92 var(--fb-display); letter-spacing:-.005em; color:var(--fb-chalk); text-wrap:balance; transition:color .2s ease; }
.fb-lead__dek{ margin:0; max-width:62ch; color:var(--fb-body); font:400 18px/1.55 var(--fb-text); }
.fb-lead:hover .fb-lead__title{ color:#fff; }
.fb-lead:hover .fb-m img, .fb-card__link:hover .fb-m img, .fb-list__item:hover .fb-m img, .fb-rail__item:hover .fb-m img{ transform:scale(1.03); }
.fb-rail{ display:flex; flex-direction:column; }
.fb-rail__head{ font-size:26px; padding-bottom:14px; border-bottom:1px solid var(--fb-line); }
.fb-rail__item{ display:grid; grid-template-columns:116px minmax(0,1fr); gap:16px; align-items:start; padding:18px 0; border-bottom:1px solid var(--fb-line); }
.fb-rail__media{ border-radius:3px; }
.fb-rail__text{ display:flex; flex-direction:column; gap:8px; }
.fb-rail__title{ margin:0; font:700 21px/1.05 var(--fb-display); color:var(--fb-chalk); text-wrap:balance; }
.fb-rail__item:hover .fb-rail__title, .fb-card__link:hover .fb-card__title, .fb-list__item:hover .fb-list__title{ color:var(--fb-green); }

/* ---------- Cards & grids ---------- */
.fb-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:44px 28px; }
.fb-card__link{ display:flex; flex-direction:column; height:100%; }
.fb-card__body{ display:flex; flex-direction:column; gap:10px; padding-top:16px; }
.fb-card__title{ margin:0; font:800 25px/1.02 var(--fb-display); color:var(--fb-chalk); text-wrap:balance; transition:color .2s ease; }
.fb-card__dek{ margin:0; color:var(--fb-mist); font:400 15px/1.5 var(--fb-text); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.fb-card--wide .fb-card__title{ font-size:clamp(30px,3vw,40px); line-height:.98; }
.fb-card--wide .fb-card__dek{ font-size:17px; color:var(--fb-body); }
.fb-split{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:44px; align-items:start; }
.fb-list{ display:flex; flex-direction:column; }
.fb-list__item{ display:grid; grid-template-columns:132px minmax(0,1fr); gap:18px; align-items:start; padding:18px 0; border-top:1px solid var(--fb-line); }
.fb-list__item:first-child{ padding-top:0; border-top:0; }
.fb-list__media{ border-radius:3px; }
.fb-list__text{ display:flex; flex-direction:column; gap:8px; }
.fb-list__title{ margin:0; font:700 22px/1.05 var(--fb-display); color:var(--fb-chalk); text-wrap:balance; transition:color .2s ease; }

/* ---------- Browse by country ---------- */
.fb-regions{ display:grid; grid-template-columns:repeat(auto-fill, minmax(176px, 1fr)); gap:12px; }
.fb-region{ position:relative; display:flex; flex-direction:column; gap:6px; padding:24px 18px 18px; background:var(--fb-pitch); border-radius:4px; overflow:hidden; transition:background .2s ease; }
.fb-region::before{ content:""; position:absolute; left:0; right:0; top:0; height:5px; background:linear-gradient(90deg, var(--c1) 0 50%, var(--c2) 50% 100%); }
.fb-region:hover{ background:var(--fb-pitch-2); }
.fb-region__name{ font:800 26px/1 var(--fb-display); color:var(--fb-chalk); }
.fb-region__count{ font:500 13px var(--fb-text); color:var(--fb-mist); }

/* ---------- Article ---------- */
.fb-article__head{ max-width:740px; box-sizing:border-box; padding-top:56px; display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.fb-article__title{ margin:0; font:900 clamp(40px,5.6vw,72px)/.94 var(--fb-display); letter-spacing:-.005em; color:var(--fb-chalk); text-wrap:balance; }
.fb-article__figure{ max-width:1120px; margin:36px auto 0; }
.fb-article__figure img{ aspect-ratio:16/9; border-radius:6px; background:var(--fb-pitch); }
.fb-article__body{ max-width:740px; margin:44px auto 0; padding:0 20px; box-sizing:border-box; color:var(--fb-body); font:400 18px/1.7 var(--fb-text); }
.fb-article__body > p:first-child{ color:var(--fb-chalk); font-size:21px; line-height:1.55; }
.fb-article__body p{ margin:0 0 1.15em; }
.fb-article__body h2, .fb-article__body h3{ margin:1.7em 0 .45em; color:var(--fb-chalk); font:800 32px/1.02 var(--fb-display); text-wrap:balance; }
.fb-article__body h3{ font-size:26px; }
.fb-article__body a{ color:var(--fb-green); text-decoration:underline; text-underline-offset:3px; }
.fb-article__body ul, .fb-article__body ol{ margin:0 0 1.15em 1.2em; padding:0; }
.fb-article__body blockquote{ margin:1.5em 0; padding-left:20px; border-left:3px solid var(--fb-green); color:var(--fb-chalk); font-style:italic; }
.fb-article__body .fna-source{ margin-top:2.2em; padding-top:18px; border-top:1px solid var(--fb-line); color:var(--fb-mist); font-size:14px; }
.fb-article__body .fna-source em{ font-style:normal; }

/* ---------- Archives, empty states, pager ---------- */
.fb-archive{ padding-top:56px; }
.fb-archive__head{ margin-bottom:44px; padding-bottom:28px; border-bottom:1px solid var(--fb-line); }
.fb-archive__head::before{ content:""; display:block; width:72px; height:8px; margin-bottom:22px; border-radius:2px; background:linear-gradient(90deg, var(--c1) 0 50%, var(--c2) 50% 100%); }
.fb-archive__title{ margin:0; font:900 clamp(52px,8vw,108px)/.88 var(--fb-display); color:var(--fb-chalk); letter-spacing:-.005em; text-wrap:balance; }
.fb-archive__desc{ margin-top:14px; color:var(--fb-mist); font:400 18px/1.5 var(--fb-text); }
.fb-archive__desc p{ margin:0; }
.fb-empty{ max-width:560px; margin:24px auto 0; padding:40px 0 8px; text-align:center; color:var(--fb-mist); font:400 17px/1.55 var(--fb-text); }
.fb-empty__title{ margin:0 0 10px; color:var(--fb-chalk); font:800 40px/1 var(--fb-display); }
.fb-empty p{ margin:0 0 26px; }
.fb-pager{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:56px; }
.fb-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 14px; border:1px solid var(--fb-line); border-radius:999px; color:var(--fb-chalk); font:600 15px var(--fb-text); }
.fb-pager .page-numbers.current{ background:var(--fb-green); border-color:var(--fb-green); color:#000; }
.fb-pager a.page-numbers:hover{ border-color:var(--fb-green); }

/* ---------- Footer ---------- */
.fb-footer{ background:var(--fb-black); border-top:1px solid var(--fb-line); color:var(--fb-mist); font:400 15px/1.6 var(--fb-text); }
.fb-footer__grid{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); gap:48px; padding-top:64px; padding-bottom:48px; }
.fb-footer__logo{ display:block; width:auto; height:30px; margin-bottom:18px; }
.fb-footer__brand p{ max-width:38ch; margin:0; }
.fb-footer__col h2{ margin:0 0 14px; color:var(--fb-chalk); font:800 20px/1 var(--fb-display); }
.fb-footer__col ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.fb-footer__col a:hover{ color:var(--fb-chalk); }
.fb-footer__legal{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 32px; padding-top:22px; padding-bottom:28px; border-top:1px solid var(--fb-line); font-size:13px; }
.fb-footer__legal p{ margin:0; }
.fna-top{ background:var(--fb-pitch-2) !important; color:var(--fb-chalk) !important; border:1px solid var(--fb-line) !important; }

/* ---------- Responsive ---------- */
@media (max-width:980px){
	.fb-top{ grid-template-columns:1fr; gap:36px; }
	.fb-split{ grid-template-columns:1fr; gap:28px; }
	.fb-footer__grid{ grid-template-columns:1fr 1fr; }
	.fb-footer__brand{ grid-column:1 / -1; }
}
@media (max-width:860px){
	.fna-topbar__date, .fna-topbar__label, .fna-topbar__globe{ display:none !important; }
}
@media (max-width:600px){
	.fb-wrap{ padding-left:16px; padding-right:16px; }
	.fb-article__body{ padding:0 16px; font-size:17px; }
	.fb-article__body > p:first-child{ font-size:19px; }
	.fb-top{ padding-top:20px; }
	.fb-lead__media{ margin-left:-16px; margin-right:-16px; border-radius:0; }
	.fb-lead__dek{ font-size:16px; }
	.fb-section{ padding-top:56px; }
	.fb-grid{ grid-template-columns:1fr; gap:0; }
	.fb-grid .fb-card{ padding:18px 0; border-top:1px solid var(--fb-line); }
	.fb-grid .fb-card:first-child{ padding-top:0; border-top:0; }
	.fb-grid .fb-card__link{ display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:14px; align-items:start; }
	.fb-grid .fb-card__media{ order:2; border-radius:3px; }
	.fb-grid .fb-card__body{ order:1; padding-top:0; gap:8px; }
	.fb-grid .fb-card__title{ font-size:21px; line-height:1.04; }
	.fb-grid .fb-card__dek{ display:none; }
	.fb-rail__item{ grid-template-columns:96px minmax(0,1fr); gap:14px; padding:14px 0; }
	.fb-rail__title{ font-size:19px; }
	.fb-list__item{ grid-template-columns:104px minmax(0,1fr); gap:14px; }
	.fb-list__title{ font-size:20px; }
	.fb-regions{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
	.fb-region{ padding:20px 14px 14px; }
	.fb-region__name{ font-size:22px; }
	.fb-article__head{ padding-top:32px; gap:14px; }
	.fb-article__figure{ padding-left:0; padding-right:0; margin-top:24px; }
	.fb-article__figure img{ border-radius:0; }
	.fb-archive{ padding-top:36px; }
	.fb-footer__grid{ grid-template-columns:1fr; gap:32px; padding-top:48px; }
	.fb-head__more{ font-size:13px; }
}
@media (prefers-reduced-motion:reduce){
	.fb-m img, .fb-lead__title, .fb-card__title{ transition:none !important; }
	.fb-lead:hover .fb-m img, .fb-card__link:hover .fb-m img, .fb-list__item:hover .fb-m img, .fb-rail__item:hover .fb-m img{ transform:none; }
}

/* no entrance animations: content is visible immediately */
.fna-reveal{ opacity:1 !important; transform:none !important; }

/* footbao: no page fade or endless image zoom */
body.fna-ready{ animation:none !important; }
[class*="hero"] [class*="img"], [class*="feat"] [class*="img"]{ animation:none !important; }
/* footbao: balanced sections */
.fb-region{ min-height:108px; justify-content:space-between; }
@media (min-width:981px){ .fb-split{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); } }
.fb-card--wide .fb-card__media{ aspect-ratio:2/1; }
@media (min-width:601px){ .fb-list__item{ grid-template-columns:150px minmax(0,1fr); } }
@media (max-width:600px){ .fb-list__item{ grid-template-columns:104px minmax(0,1fr); } .fb-card--wide .fb-card__media{ aspect-ratio:16/9; } }

/* footbao: mobile menu group labels */
@media (max-width:860px){
	.fna-hd__nav .fb-dd__btn{ display:block; padding:22px 2px 8px !important; border-bottom:0 !important; color:var(--fb-mist) !important; font-size:14px !important; letter-spacing:.04em !important; pointer-events:none; }
	.fna-hd__nav .fb-dd__menu{ padding:0 0 0 2px !important; border-left:0; }
	.fna-hd__nav .fb-dd__menu a{ padding:12px 2px !important; font-size:1.02rem !important; border-bottom:1px solid var(--fb-line) !important; }
}

/* =====================================================================
   footbao.news mobile layer
   ===================================================================== */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.site-main a, .fb-footer a, .fna-hd a, .fna-hd button, .fb-strip a, .fb-share{ -webkit-tap-highlight-color:transparent; }

/* Swipeable country strip (shown on phones and tablets) */
.fb-strip{ display:none; }

/* Share button on articles */
.fb-article__actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.fb-share{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 16px; border:1px solid var(--fb-line); border-radius:999px; background:transparent; color:var(--fb-chalk); font:600 14px var(--fb-text); cursor:pointer; transition:border-color .2s ease, color .2s ease; }
.fb-share svg{ width:16px; height:16px; }
.fb-share:hover{ border-color:var(--fb-green); color:var(--fb-green); }
.fb-share:focus-visible{ outline:2px solid var(--fb-green); outline-offset:3px; }
.fb-share.is-done{ border-color:var(--fb-green); color:var(--fb-green); }

/* Header hide-on-scroll (only toggled by JS on small screens) */
.fna-hd{ transition:transform .28s cubic-bezier(.2,.7,.2,1); will-change:transform; }
.fna-hd.fb-hd--hidden{ transform:translateY(-100%); }

@media (max-width:860px){
	/* Compact chrome: language moves into the menu, ticker gets slimmer */
	.fna-topbar{ display:none !important; }
	.breaking{ height:34px !important; }
	.breaking__label{ font-size:14px !important; padding:0 12px 0 16px !important; }
	.breaking__item{ font-size:13px !important; }
	.fna-hd__in{ height:56px !important; padding-left:max(16px, env(safe-area-inset-left)) !important; padding-right:max(8px, env(safe-area-inset-right)) !important; }
	.fna-hd__logo{ padding:12px 0; }
	.fna-hd__burger{ width:48px !important; height:48px !important; padding:13px !important; }
	.fna-hd__nav{ padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important; }
	body.fb-menu-open{ overflow:hidden; }

	/* Language picker inside the menu */
	.fb-nav-lang{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; padding:16px 2px 4px; border-top:1px solid var(--fb-line); color:var(--fb-mist); font:600 14px var(--fb-text); }
	.fb-nav-lang .fna-topbar__lang{ display:flex !important; align-items:center; gap:8px; }
	.fb-nav-lang .fna-topbar__label, .fb-nav-lang .fna-topbar__globe{ display:none !important; }
	.fb-nav-lang .goog-te-combo{ min-height:44px !important; padding:0 12px !important; font-size:15px !important; border-radius:10px !important; background:var(--fb-pitch) !important; color:var(--fb-chalk) !important; border:1px solid var(--fb-line) !important; }

	/* Country strip */
	.fb-strip{ display:block; position:relative; border-bottom:1px solid var(--fb-line); background:var(--fb-black); }
	.fb-strip__track{ display:flex; gap:8px; overflow-x:auto; padding:10px max(16px, env(safe-area-inset-left)); scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
	.fb-strip__track::-webkit-scrollbar{ display:none; }
	.fb-strip::after{ content:""; position:absolute; top:0; right:0; bottom:0; width:32px; pointer-events:none; background:linear-gradient(90deg, rgba(0,0,0,0), #000); }
	.fb-strip a{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border-radius:999px; background:var(--fb-pitch); border:1px solid var(--fb-line); color:var(--fb-body); font:600 14px var(--fb-text); white-space:nowrap; scroll-snap-align:start; }
	.fb-strip a::before{ content:""; width:14px; height:10px; border-radius:1px; background:linear-gradient(var(--c1,#63bc46) 0 50%, var(--c2,#63bc46) 50% 100%); }
	.fb-strip a.fb-strip__home::before{ width:12px; height:12px; border-radius:50%; background:radial-gradient(closest-side, transparent 0 33%, var(--fb-green) 34% 57%, transparent 58% 69%, var(--fb-green) 70% 100%); }
	.fb-strip a[aria-current]{ background:var(--fb-chalk); border-color:var(--fb-chalk); color:#000; }
	.fb-strip a:active{ transform:scale(.97); }

	/* Bigger touch targets */
	.fb-head__more{ display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; }
	a.fb-tag{ min-height:44px; margin:-12px 0; }
	.fb-footer__col ul{ gap:0; }
	.fb-footer__col li a{ display:flex; align-items:center; min-height:44px; border-bottom:1px solid var(--fb-line); color:var(--fb-body); font-size:16px; }
	.fb-footer__brand a{ display:inline-block; padding:8px 0; }
	.fna-top{ width:48px !important; height:48px !important; right:max(16px, env(safe-area-inset-right)) !important; bottom:calc(16px + env(safe-area-inset-bottom)) !important; }
	.fb-footer__legal{ padding-bottom:calc(28px + env(safe-area-inset-bottom)); }

	/* Tap feedback on stories */
	.fb-card__link:active, .fb-rail__item:active, .fb-list__item:active, .fb-region:active, .fb-lead:active{ opacity:.72; }
	.fb-card__link, .fb-rail__item, .fb-list__item, .fb-region, .fb-lead{ transition:opacity .15s ease; }
}

@media (max-width:600px){
	.fb-wrap{ padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); }
	.fb-top{ padding-top:0; gap:28px; }
	.fb-lead__media{ aspect-ratio:4/3; }
	.fb-lead__body{ padding-top:18px; gap:12px; }
	.fb-lead__title{ font-size:clamp(36px, 10.5vw, 46px); line-height:.94; }
	.fb-rail__head{ font-size:24px; }
	.fb-section{ padding-top:48px; }
	.fb-head{ margin-bottom:20px; }
	.fb-head__title{ font-size:28px; }
	.fb-footer__grid{ grid-template-columns:1fr; }
	.fb-footer__col ul{ grid-template-columns:1fr 1fr; column-gap:20px; }
	.fb-article__title{ font-size:clamp(34px, 10vw, 44px); line-height:.96; }
	.fb-article__body h2{ font-size:27px; }
	.fb-article__body h3{ font-size:23px; }
	.fb-archive__title{ font-size:clamp(48px, 15vw, 64px); }
	.fb-archive__head{ margin-bottom:28px; padding-bottom:20px; }
	.fb-empty__title{ font-size:32px; }
	.fb-pager{ gap:6px; }
}

@media (prefers-reduced-motion:reduce){
	.fna-hd{ transition:none; }
	.fna-hd.fb-hd--hidden{ transform:none; }
}

/* footbao mobile tweaks */
@media (max-width:860px){
	.breaking{ display:none !important; }
	.fb-strip__track{ padding-top:8px; padding-bottom:8px; }
	.fb-strip a{ min-height:38px; }
}
@media (max-width:600px){
	.fb-article__figure.fb-wrap{ padding-left:0 !important; padding-right:0 !important; }
	.fb-article__figure img{ border-radius:0; }
}

/* footbao: country labels v2 */
/* On a country page every story is from that country, so the label is noise. */
.category .fb-card .fb-tag{ display:none; }

@media (max-width:600px){
	/* Label sits under the headline, in the meta line, small and quiet. */
	.fb-tag{ font-size:12.5px; font-weight:600; color:var(--fb-body); gap:7px; letter-spacing:0; }
	.fb-tag::before{ width:12px; height:8px; }

	/* Story cards: headline first, then country + date on one line */
	.fb-grid .fb-card__body{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:12px; row-gap:8px; }
	.fb-grid .fb-card__title{ grid-column:1 / -1; grid-row:1; }
	.fb-grid .fb-card__body .fb-tag{ grid-column:1; grid-row:2; }
	.fb-grid .fb-card__body .fb-meta{ grid-column:2; grid-row:2; }
	.fb-grid .fb-card__body .fb-meta span{ display:none; }
	.category .fb-grid .fb-card__body .fb-meta{ grid-column:1 / -1; }

	/* Wide cards in country sections */
	.fb-card--wide .fb-card__body{ display:flex; flex-direction:column; }
	.fb-card--wide .fb-card__title{ order:1; }
	.fb-card--wide .fb-card__dek{ order:2; }
	.fb-card--wide .fb-tag{ order:3; }
	.fb-card--wide .fb-meta{ order:4; }

	/* Just in */
	.fb-rail__text{ gap:6px; }
	.fb-rail__title{ order:1; }
	.fb-rail__text .fb-tag{ order:2; }

	/* Lead story */
	.fb-lead__body{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:14px; row-gap:12px; }
	.fb-lead__title{ grid-column:1 / -1; grid-row:1; }
	.fb-lead__dek{ grid-column:1 / -1; grid-row:2; }
	.fb-lead__body .fb-tag{ grid-column:1; grid-row:3; }
	.fb-lead__body .fb-meta{ grid-column:2; grid-row:3; }

	/* Article header: headline, then country + date, then share */
	.fb-article__head{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:14px; row-gap:14px; }
	.fb-article__title{ grid-column:1 / -1; grid-row:1; }
	.fb-article__head > .fb-tag{ grid-column:1; grid-row:2; min-height:0; margin:0; }
	.fb-article__actions{ display:contents; }
	.fb-article__actions .fb-meta{ grid-column:2; grid-row:2; }
	.fb-article__actions .fb-share{ grid-column:1 / -1; grid-row:3; justify-self:start; }
}

/* footbao: wide section card on phones, country + date on one line */
@media (max-width:600px){
	.fb-card--wide .fb-card__body{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:12px; row-gap:10px; }
	.fb-card--wide .fb-card__title{ grid-column:1 / -1; grid-row:1; }
	.fb-card--wide .fb-card__dek{ grid-column:1 / -1; grid-row:2; }
	.fb-card--wide .fb-tag{ grid-column:1; grid-row:3; }
	.fb-card--wide .fb-meta{ grid-column:2; grid-row:3; }
	.fb-card--wide .fb-meta span{ display:none; }
}
/* footbao: real flags v1 */
.fb-tag::before, .fb-strip a::before{ background:var(--flag, linear-gradient(var(--c1,#63bc46) 0 50%, var(--c2,#63bc46) 50% 100%)); background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
.fb-tag::before{ width:15px; height:10px; }
.fb-region-sec .fb-head__title::before{ width:.6em; height:.4em; background:var(--flag, linear-gradient(var(--c1) 0 50%, var(--c2) 50% 100%)) center / cover no-repeat; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
.fb-archive__head::before{ width:54px; height:36px; border-radius:3px; background:var(--flag, linear-gradient(90deg, var(--c1) 0 50%, var(--c2) 50% 100%)) center / cover no-repeat; box-shadow:0 0 0 1px rgba(255,255,255,.12); }
/* ticker label: never red */
.breaking__label{ background:transparent !important; color:var(--fb-green) !important; }
.breaking__label .pulse, .pulse{ display:none !important; }
@media (max-width:860px){
	.fb-strip a::before{ width:15px; height:10px; }
	/* selected country: just a little lighter, no white fill */
	.fb-strip a[aria-current]{ background:#232b23 !important; border-color:#4b574c !important; color:#fff !important; }
	.fb-strip a:active{ transform:none; background:#1c231c; }
}