:root{
  --card:#151824; --text:#f2f4f8; --muted:#b1b6c5; --muted2:#c9cedc;
  --radius:22px; --shadow:0 10px 28px rgba(0,0,0,.35);
}
.f1c-wrap{display:flex;flex-direction:column;gap:22px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.f1c-card{position:relative;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.f1c-title{padding:6px 18px 18px;color:var(--muted2);font-size:.98rem}
.f1c-topline{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 6px;color:var(--muted);letter-spacing:.6px;font-weight:800;font-size:.82rem;text-transform:none}
.f1c-round{display:flex;align-items:center;gap:10px}
.f1c-round .f1c-flag{width:14px;height:14px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.6);background:#fff}
.f1c-round span{text-transform:uppercase}
.f1c-country{display:flex;align-items:center;padding:0 18px}
.f1c-country h3,.f1c-country h2{margin:0;line-height:1.1;text-align:left}
.f1c-country h3{font-size:1.35rem;font-weight:800}
.f1c-country h2{font-size:2.0rem;font-weight:900}
.f1c-small{padding-bottom:30px}
.f1c-small .f1c-topline{padding-bottom:2px}
.f1c-small .f1c-title{padding-bottom:30px}
.f1c-small .f1c-dates{position:absolute;left:18px;bottom:10px;font-size:.82rem}
.f1c-dates{text-transform:none}
.f1c-large{padding:0;background:transparent;box-shadow:none}
.f1c-large .f1c-hero{position:relative;height:320px;border-radius:var(--radius);background-size:cover;background-position:center;overflow:hidden;box-shadow:var(--shadow)}
.f1c-large .f1c-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.00) 28%,rgba(0,0,0,0.70) 100%)}
.f1c-large .f1c-content{position:absolute;inset:0;padding:18px;pointer-events:none}
.f1c-large .f1c-topline{position:absolute;top:14px;left:18px;right:auto;padding:0;color:#e9edf6;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.f1c-large .f1c-country{position:absolute;left:18px;top:48px;padding:0}
.f1c-large .f1c-country h2{font-size:2.2rem;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.55)}
.f1c-large .f1c-dates{position:absolute;left:18px;bottom:16px;color:#f4f6fb;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.f1c-large .f1c-title{display:none}
.f1c-country .f1c-flag, .f1c-country .f1c-flagtext{display:none}
@media (max-width:520px){
  .f1c-large .f1c-hero{height:260px}
  .f1c-large .f1c-country h2{font-size:2.0rem}
}
@media (min-width:768px){
  .f1c-large .f1c-hero{height:360px}
  .f1c-large .f1c-country h2{font-size:2.6rem}
}