/* Madata – Modern News Template */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1.0625rem;
  line-height:1.65;
  color:#1a1a1a;
  background:#fafafa;
  -webkit-font-smoothing:antialiased;
  width:100%;
  min-height:100%;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;cursor:pointer;border:none;background:none}

:root{
  --red:#990000;
  --red-hover:#770000;
  --gray:#757575;
  --gray-dark:#444;
  --text:#1a1a1a;
  --text-muted:#595959;
  --bg:#fafafa;
  --surface:#fff;
  --border:#eaeaea;
  --radius:12px;
  --radius-lg:16px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
  --shadow-lg:0 8px 32px rgba(0,0,0,.08);
  --max:1440px;
  --sidebar:340px;
  --card-h:252px;
  --card-img-w:200px;
  --ad-leaderboard-min-h-mobile:100px;
  --ad-leaderboard-min-h-desktop:90px;
  --ad-leaderboard-max-w:1200px;
  --ad-sidebar-w:300px;
  --ad-sidebar-min-h-desktop:600px;
  --ad-sidebar-min-h-mobile:250px;
  --ad-content-max-w:1020px;
  --ad-content-min-h:250px;
  --ad-in-article-min-h:280px;
  --gap:1.5rem;
  --header-h:72px;
  --page-pad:1.25rem;
}

.skip-link{position:absolute;top:-100%;left:1rem;background:var(--red);color:#fff;padding:.75rem 1.25rem;border-radius:8px;z-index:9999;font-weight:600}
.skip-link:focus,.skip-link:focus-visible{top:1rem;outline:2px solid #fff;outline-offset:2px}

:focus{outline:none}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-card img,.scroll-top,.nav-toggle span,.news-card,.btn{transition:none}
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.scroll-top{
  position:fixed;right:1.25rem;bottom:1.25rem;z-index:300;
  width:48px;height:48px;border-radius:50%;
  background:var(--red);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;
  transform:translateY(1rem);
  transition:opacity .25s,visibility .25s,transform .25s,background .15s;
  pointer-events:none;
}
.scroll-top.is-visible{
  opacity:1;visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.scroll-top:hover,.scroll-top:focus{background:var(--red-hover);color:#fff;outline:none}
.scroll-top:focus-visible{box-shadow:var(--shadow-lg),0 0 0 3px rgba(153,0,0,.35)}

/* ── Top bar ── */
.top-bar{width:100%;background:var(--surface);border-bottom:1px solid var(--border);font-size:.875rem}
.top-bar__inner{
  width:100%;max-width:var(--max);margin-inline:auto;
  padding:.6rem var(--page-pad);
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;
}
.top-bar__date{color:var(--gray-dark);font-weight:500;white-space:nowrap}
.hot-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.hot-tags__label{color:var(--gray);font-size:.8125rem;margin-right:.25rem}
.tag{
  display:inline-block;padding:.3rem .75rem;
  background:#f3f3f3;color:var(--gray-dark);
  font-size:.8125rem;font-weight:500;
  border-radius:100px;
  transition:background .15s,color .15s;
}
.tag:hover,.tag:focus{background:var(--red);color:#fff}

/* ── Header ── */
.site-header{
  width:100%;
  background:var(--surface);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:200;
}
.site-header__inner{
  width:100%;max-width:var(--max);margin-inline:auto;
  padding-inline:var(--page-pad);
  height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.site-logo{flex-shrink:0}
.site-logo img{width:160px;height:auto}
.nav-toggle{
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  width:44px;height:44px;padding:10px;border-radius:8px;
  transition:background .15s;
}
.nav-toggle:hover{background:#f3f3f3}
.nav-toggle span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.main-nav{
  display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;
  background:var(--surface);padding:1.5rem var(--page-pad);overflow-y:auto;
}
.main-nav.is-open{display:block}
.main-nav > ul{display:flex;flex-direction:column;gap:.25rem}
.main-nav a{
  display:block;padding:.85rem 1rem;
  font-size:1.125rem;font-weight:600;color:var(--text);
  border-radius:var(--radius);transition:background .15s,color .15s;
}
.main-nav a:hover,.main-nav a:focus{background:#f5f5f5;color:var(--red)}
.main-nav a[aria-current="page"]{color:var(--red)}

.nav-more__trigger{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;
  padding:.85rem 1rem;
  font-size:1.125rem;font-weight:600;color:var(--text);
  border-radius:var(--radius);
  transition:background .15s,color .15s;
  cursor:pointer;
}
.nav-more__trigger:hover,.nav-more__trigger:focus{background:#f5f5f5;color:var(--red)}
.nav-more__icon{flex-shrink:0;transition:transform .2s}
.nav-more.is-open .nav-more__icon{transform:rotate(180deg)}
.nav-more__menu{display:none;margin:0;padding:.25rem 0 .25rem 1rem}
.nav-more.is-open .nav-more__menu{display:block}
.nav-more__menu a{
  display:block;padding:.65rem 1rem;
  font-size:1rem;font-weight:600;color:var(--text);
  border-radius:var(--radius);
  transition:background .15s,color .15s;
}
.nav-more__menu a:hover,.nav-more__menu a:focus{background:#f5f5f5;color:var(--red)}

/* ── Layout ── */
.top-bar,
.site-header,
.main,
.site-footer{width:100%}

.container{
  width:100%;
  max-width:var(--max);
  margin-inline:auto;
  padding-inline:var(--page-pad);
}
.main{padding-block:2rem 3rem}
.layout{
  display:grid;
  gap:2.5rem;
  width:100%;
  min-width:0;
}
.layout > *{min-width:0;width:100%}
.sidebar{min-width:0;width:100%}

/* ── Section heading ── */
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}
.section-head h2,.section-head__title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}
.section-head a{font-size:.9375rem;font-weight:600;color:var(--red)}
.section-head a:hover{color:var(--red-hover)}

/* ── Hero ── */
.hero{margin-bottom:2.5rem}
.hero__grid{display:grid;gap:1rem}
.hero-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#e8e8e8;box-shadow:var(--shadow)}
.hero-card__link{display:block;position:relative;height:100%;color:inherit;text-decoration:none}
.hero-card img{width:100%;object-fit:cover;transition:transform .4s ease}
.hero-card:hover img{transform:scale(1.03)}
.hero-card--main img{aspect-ratio:16/9}
.hero-card--side img{aspect-ratio:16/10}
.hero-card__overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 55%,transparent 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.5rem;
}
.hero-card__cat{
  display:none;
  padding:.35rem .85rem;margin-bottom:.75rem;
  background:var(--red);color:#fff;
  font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  border-radius:100px;
}
.hero-card__title{font-size:1.0625rem;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.02em}
.hero-card__title a{color:#fff}
.hero-card__meta{margin-top:.5rem;font-size:.8125rem;color:rgba(255,255,255,.75)}
.hero-card--main .hero-card__meta{display:none}

/* ── Ad slots (χειροκίνητα AdSense units) ── */
.ad-slot{
  display:block;
  width:100%;
  margin-inline:auto;
  padding:0;
  text-align:center;
}
.ad-slot ins.adsbygoogle{
  display:block;
  width:100%;
  margin-inline:auto;
}
/* Leaderboard: εκτός .container — δικό του padding */
.ad-slot--leaderboard{
  padding-inline:var(--page-pad);
  min-height:var(--ad-leaderboard-min-h-mobile);
  margin-bottom:3rem;
}
@media(min-width:768px){
  .ad-slot--leaderboard{
    min-height:var(--ad-leaderboard-min-h-desktop);
  }
  .ad-slot--leaderboard ins.adsbygoogle{
    max-width:var(--ad-leaderboard-max-w);
  }
}

/* Sidebar: μέσα στο .container — χωρίς extra padding */
.sidebar-ad-wrapper{
  width:100%;
  min-height:var(--ad-sidebar-min-h-mobile);
  margin:0 auto 1.25rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.sidebar-ad-wrapper ins.adsbygoogle{
  width:100%;
}
@media(min-width:768px){
  .sidebar-ad-wrapper{
    width:var(--ad-sidebar-w);
    min-height:var(--ad-sidebar-min-h-desktop);
  }
}

/* In-feed grid: μέσα στο .container */
.content-ad-wrapper{
  width:100%;
  max-width:var(--ad-content-max-w);
  min-height:var(--ad-content-min-h);
  margin:1.5625rem auto;
  display:flex;
  justify-content:center;
  align-items:center;
}
.news-grid .content-ad-wrapper{
  grid-column:1 / -1;
}
.content-ad-wrapper ins.adsbygoogle{
  width:100%;
}

/* ── News grid ── */
.news-grid{display:grid;gap:1rem}
.news-card{
  background:var(--surface);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow);
  transition:box-shadow .2s;
  min-width:0;
  display:flex;flex-direction:column;
}
.news-card:has(.news-card__link:hover){box-shadow:var(--shadow-lg)}
.news-card.is-hidden{display:none}
.news-card__link{
  display:grid;grid-template-columns:1fr;
  height:100%;color:inherit;text-decoration:none;
  flex:1;min-height:0;
}
.news-card__media{overflow:hidden;background:#eee}
.news-card__media img{
  width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;
}
.news-card__body{
  display:flex;flex-direction:column;
  padding:1rem 1.15rem 1.25rem;min-width:0;
}
.news-card__cat{
  flex-shrink:0;
  font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);
  margin-bottom:.35rem;
}
.news-card__date{
  flex-shrink:0;display:block;
  font-size:.75rem;font-weight:500;color:var(--gray);
  margin-bottom:.35rem;
}
.news-card__title{
  flex-shrink:0;
  font-size:1rem;font-weight:700;line-height:1.35;
  margin:0 0 .5rem;color:var(--text);letter-spacing:-.015em;
  transition:color .15s;
}
.news-card__link:hover .news-card__title{color:var(--red)}
.news-card__excerpt{
  font-size:.875rem;line-height:1.45;color:var(--text-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
}
  /* Lazy-loaded images: subtle placeholder while loading */
  .news-card__media img[loading="lazy"],
  .hero-card img[loading="lazy"]{
    background:#eee;
  }

.load-more-wrap{text-align:center;margin-top:2.5rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.9rem 2.5rem;
  background:var(--red);color:#fff;
  font-size:1rem;font-weight:600;
  border-radius:100px;
  transition:background .15s,transform .15s;
}
.btn:hover,.btn:focus{background:var(--red-hover);color:#fff;transform:scale(1.02)}

.pagination{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.5rem 1rem;margin-top:2.5rem;padding-top:2rem;
  border-top:1px solid var(--border);
}
.pagination__btn{
  padding:.6rem 1rem;font-size:.875rem;font-weight:600;color:var(--gray-dark);
  border-radius:8px;transition:background .15s,color .15s;
}
.pagination__btn:hover:not(.pagination__btn--disabled){background:#f3f3f3;color:var(--red)}
.pagination__btn--disabled{color:var(--gray);pointer-events:none}
.pagination__nums{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;list-style:none}
.pagination__num{
  display:flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 .5rem;
  font-size:.875rem;font-weight:600;color:var(--gray-dark);
  border-radius:8px;transition:background .15s,color .15s;
}
.pagination__num:hover{background:#f3f3f3;color:var(--red)}
.pagination__num.is-active{background:var(--red);color:#fff}
.pagination__num.is-active:hover{background:var(--red-hover);color:#fff}
.pagination__dots{padding:0 .35rem;color:var(--gray);font-size:.875rem}

/* ── Article ── */
.breadcrumb{font-size:.875rem;color:var(--gray);margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.35rem}
.breadcrumb a{color:var(--gray);transition:color .15s}
.breadcrumb a:hover{color:var(--red)}
.breadcrumb [aria-current]{color:var(--text);font-weight:500}

.article-head{margin-bottom:1.75rem}
.article-head h1{
  font-size:1.75rem;font-weight:800;line-height:1.2;
  color:var(--text);letter-spacing:-.03em;
  margin-bottom:1rem;
}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.9375rem;color:var(--gray)}
.article-meta .cat a{color:var(--red);font-weight:700}
.article-meta .author{font-weight:600;color:var(--text)}

.article-figure{margin-bottom:2rem;border-radius:var(--radius-lg);overflow:hidden;background:#eee;box-shadow:var(--shadow)}
.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-figure figcaption{font-size:.8125rem;color:var(--gray);padding:.75rem 0 0}

.article-content{font-size:1.125rem;line-height:1.8;color:#2a2a2a;min-width:0;overflow-wrap:break-word}
.article-content h2{font-size:1.375rem;font-weight:700;margin:2rem 0 1rem;color:var(--text);letter-spacing:-.02em}
.article-content h3{font-size:1.125rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text)}
.article-content p{margin-bottom:1.25rem}
.article-in-ad{
  width:100%;
  min-height:var(--ad-in-article-min-h);
  margin:1.5rem 0;
  text-align:center;
}
.article-in-ad ins.adsbygoogle{
  display:block;
  width:100%;
}
.article-content ul,.article-content ol{margin:0 0 1.25rem 1.5rem}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin-bottom:.5rem}
.article-content blockquote:not(.twitter-tweet):not(.twitter-video):not(.instagram-media):not(.tiktok-embed):not(.fb-xfbml-parse-ignore){
  margin:1.5rem 0;padding:1.25rem 1.5rem;
  background:var(--surface);border-left:4px solid var(--red);
  border-radius:0 var(--radius) var(--radius) 0;
  font-size:1.0625rem;color:var(--gray-dark);box-shadow:var(--shadow);
}

/* TinyMCE / oEmbed embeds στο body (YouTube, Facebook, X, κ.λπ.) */
.article-content .media,
.article-content figure.media,
.article-content .oembed-container,
.article-content .embed-responsive,
.article-content .video-container,
.article-content .wp-block-embed,
.article-content .wp-block-embed__wrapper{
  margin:1.5rem 0;max-width:100%;
}
.article-content figure.media{
  margin:1.5rem 0;text-align:center;
}
.article-content figure.media figcaption{
  font-size:.8125rem;color:var(--gray);margin-top:.5rem;
}
.article-content p:has(> iframe:only-child),
.article-content p:has(> .videoWrapper:only-child){
  margin-bottom:1.5rem;
}
.article-content iframe{
  display:block;max-width:100%;margin:1.5rem auto;
  border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow);
}
.article-content .videoWrapper{
  margin:1.5rem 0;
}
.article-content .videoWrapper iframe{
  margin:0;box-shadow:none;border-radius:inherit;
}
/* Video platforms – 16:9 responsive */
.article-content iframe[src*="youtube.com"],
.article-content iframe[src*="youtube-nocookie.com"],
.article-content iframe[src*="youtu.be"],
.article-content iframe[src*="vimeo.com"],
.article-content iframe[src*="dailymotion.com"],
.article-content iframe[src*="facebook.com/plugins/video"],
.article-content iframe[src*="fb.watch"]{
  width:100%;aspect-ratio:16/9;height:auto;min-height:12rem;
}
/* Facebook post/page plugin – μεταβλητό ύψος */
.article-content iframe[src*="facebook.com/plugins/"]:not([src*="video"]){
  aspect-ratio:auto;min-height:20rem;
}
/* X (Twitter) */
.article-content blockquote.twitter-tweet,
.article-content blockquote.twitter-video{
  margin:1.5rem auto!important;max-width:550px!important;width:100%!important;
  padding:0!important;background:transparent!important;
  border:none!important;box-shadow:none!important;border-radius:0!important;
  font-size:inherit!important;color:inherit!important;
}
.article-content iframe[id^="twitter-widget"],
.article-content iframe.twitter-tweet-button{
  max-width:100%!important;margin:1.5rem auto!important;
}
/* Instagram */
.article-content blockquote.instagram-media,
.article-content iframe.instagram-media{
  margin:1.5rem auto!important;max-width:100%!important;
  min-width:0!important;width:100%!important;
  border:none!important;background:transparent!important;box-shadow:none!important;
}
/* TikTok */
.article-content blockquote.tiktok-embed{
  margin:1.5rem auto!important;max-width:100%!important;min-width:0!important;
  border:none!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;
}
/* Spotify / SoundCloud – audio embeds */
.article-content iframe[src*="spotify.com"],
.article-content iframe[src*="soundcloud.com"]{
  width:100%;aspect-ratio:auto;min-height:9rem;height:9rem;
}

.gnews-follow{margin-top:2.5rem;padding-top:.25rem}

.article-tags{
  margin-top:2rem;
  padding-top:1.75rem;
  border-top:1px solid var(--border);
}
.article-tags__title{
  font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--gray);margin-bottom:1rem;
}
.article-tags__list{
  display:flex;flex-wrap:wrap;gap:.5rem;
  list-style:none;margin:0;padding:0;
}
.article-tags__list li{
  list-style:none;
  margin:0;padding:0;
}
.article-tags__list li::marker{
  content:none;
}
.article-tags__tag{
  display:inline-block;padding:.4rem .9rem;
  background:#f3f3f3;color:var(--gray-dark);
  font-size:.875rem;font-weight:500;
  border-radius:100px;
  transition:background .15s,color .15s;
}
.article-tags__tag:hover,.article-tags__tag:focus{background:var(--red);color:#fff}

/* ── Article videos (Glomex / embeds) ── */
.article-videos{
  margin-top:2rem;
  padding-top:1.75rem;
  border-top:1px solid var(--border);
}
.article-videos__title{
  font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--gray-dark);padding:0;margin:0 0 1rem;
}
.article-videos__title span{
  display:inline-block;padding-bottom:.35rem;border-bottom:2px solid var(--red);
}
.article-videos__embed{
  width:100%;max-width:100%;
  margin-top:1.5625rem;margin-bottom:.5rem;
}
.article-videos__embed:first-of-type{
  margin-top:0;
}
.videoWrapper{
  position:relative;width:100%;max-width:100%;
  aspect-ratio:16/9;
  background:#0a0a0a;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.videoWrapper iframe,
.videoWrapper embed,
.videoWrapper object{
  position:absolute;top:0;left:0;width:100%;height:100%;
  border:0;
}
@supports not (aspect-ratio:16/9){
  .videoWrapper{padding-bottom:56.25%;height:0}
  .videoWrapper iframe,
  .videoWrapper embed,
  .videoWrapper object{position:absolute;inset:0}
}
.article-videos glomex-integration{
  display:block;width:100%;max-width:100%;margin-top:1.25rem;
}

.read-more{
  margin-top:2.5rem;
  padding-top:2rem;
  border-top:1px solid var(--border);
}
.read-more .section-head{margin-bottom:1.25rem}
.gnews-follow__link{
  display:flex;align-items:center;gap:1rem 1.25rem;
  padding:1.25rem 1.5rem;
  background:linear-gradient(135deg,#f7f9fe 0%,#fff 45%,#f3f7ff 100%);
  border:1px solid #dce4f5;border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  text-decoration:none;color:var(--text);
  transition:box-shadow .2s,border-color .2s,transform .15s;
}
.gnews-follow__link:hover{
  box-shadow:var(--shadow-lg);
  border-color:#b8c9eb;
  transform:translateY(-2px);
  color:var(--text);
}
.gnews-follow__logo{flex-shrink:0;width:48px;height:39px;line-height:0}
.gnews-follow__logo img{width:100%;height:100%}
.gnews-follow__text{
  flex:1;min-width:0;
  display:flex;flex-direction:column;gap:.25rem;
  line-height:1.35;
}
.gnews-follow__text strong{
  font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;
}
.gnews-follow__text span{font-size:.9375rem;color:var(--text-muted)}
.gnews-follow__cta{
  flex-shrink:0;
  padding:.6rem 1.15rem;
  background:#174EA6;color:#fff;
  font-size:.875rem;font-weight:600;
  border-radius:100px;
  transition:background .15s;
}
.gnews-follow__link:hover .gnews-follow__cta{background:#0d3d8c;color:#fff}
@media(max-width:520px){
  .gnews-follow__link{flex-wrap:wrap;padding:1.15rem 1.25rem}
  .gnews-follow__cta{width:100%;text-align:center}
}

/* ── Sidebar widgets ── */
.widget{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.25rem}
.widget h2.widget__title,.widget__title{font-size:1rem;font-weight:700;margin-bottom:1.25rem;letter-spacing:-.01em}
.popular{counter-reset:popular;display:grid;gap:1rem;list-style:none;padding:0;margin:0}
.popular__item{counter-increment:popular;display:grid;grid-template-columns:36px 1fr;gap:.75rem;align-items:start}
.popular__num{font-size:0;font-weight:800;line-height:1}
.popular__num::before{content:counter(popular);font-size:1.5rem;font-weight:800;color:var(--red);opacity:.85}
.popular__title{font-size:.9375rem;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.popular__title a{transition:color .15s}
.popular__title a:hover{color:var(--red)}

/* ── Category ── */
.page-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.page-head h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}
.page-head p{font-size:1.0625rem;color:var(--text-muted)}

/* ── Author page ── */
.author-head{
  display:flex;flex-direction:row-reverse;align-items:flex-start;
  gap:1.25rem 1.75rem;
  margin-bottom:2rem;padding-bottom:2rem;
  border-bottom:1px solid var(--border);
}
.author-head__photo{
  width:112px;height:112px;flex-shrink:0;
  border-radius:50%;object-fit:cover;
  box-shadow:var(--shadow);
}
.author-head__info{flex:1;min-width:0}
.author-head__info h1{
  font-size:1.75rem;font-weight:800;letter-spacing:-.03em;
  margin-bottom:.65rem;color:var(--text);
}
.author-head__info p{font-size:1rem;line-height:1.7;color:var(--text-muted)}
.author-articles__title{
  font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;
  letter-spacing:-.02em;color:var(--text);
}
.article-meta .author a{color:var(--text);font-weight:600}
.article-meta .author a:hover{color:var(--red)}

/* ── General page ── */
.prose{max-width:100%}
.prose h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem}
.prose h2{font-size:1.25rem;font-weight:700;margin:2rem 0 .75rem;letter-spacing:-.01em}
.prose p{margin-bottom:1.25rem;color:#2a2a2a;line-height:1.8}
.prose ul,.prose ol{margin:0 0 1.25rem 1.5rem}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.5rem}
.prose a{color:var(--red);font-weight:500}
.prose a:hover{color:var(--red-hover)}

/* ── Footer ── */
.site-footer{background:var(--text);color:#aaa;margin-top:3rem}
.footer-top{padding:2.75rem 0 2.25rem}
.footer-brand{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;
}
.footer-logo{display:block;line-height:0}
.footer-logo img{width:200px;height:auto}
.footer-social{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;
}
.footer-social__link{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  color:#fff;
  background:rgba(255,255,255,.1);
  transition:background .2s,transform .15s;
}
.footer-social__link:hover,.footer-social__link:focus-visible{
  background:var(--red);
  transform:none;
}
.footer-cats{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.35rem .85rem;max-width:920px;
}
.footer-cats a{
  color:#ccc;font-size:.9375rem;font-weight:500;
  transition:color .15s;white-space:nowrap;
}
.footer-cats a:hover,.footer-cats a:focus-visible{color:#fff}
.footer-bottom{
  border-top:1px solid #333;
  padding:1.5rem 0;
  font-size:.8125rem;
  color:#aaa;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.footer-legal{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:.45rem .7rem;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  line-height:1.5;
  text-align:center;
}
.footer-legal a{
  color:#ccc;
  text-decoration:none;
  transition:color .15s;
  white-space:nowrap;
  flex-shrink:0;
}
.footer-legal a:hover,.footer-legal a:focus{color:#fff}
.footer-legal__part{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
  flex-shrink:0;
}
.footer-legal__sep{
  color:#555;
  user-select:none;
  flex-shrink:0;
}
.footer-legal__gdpr{
  cursor:pointer;
  color:#ccc;
  background:none;
  border:none;
  padding:0;
  white-space:nowrap;
  flex-shrink:0;
  font:inherit;
  text-decoration:none;
}
.footer-legal__gdpr:hover,.footer-legal__gdpr:focus-visible{color:#fff}
.footer-legal__brand{
  display:inline-flex;
  align-items:center;
  line-height:0;
}
.footer-legal__depositphotos{
  display:block;
  width:120px;
  height:22px;
  object-fit:contain;
}
.footer-legal__greenweb{
  display:block;
  width:70px;
  height:24px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

/* ── Tablet ── */
@media(min-width:640px){
  :root{--card-h:256px}
  .news-card{height:var(--card-h)}
  .news-card__link{
    grid-template-columns:var(--card-img-w) 1fr;
    height:var(--card-h);
  }
  .news-card__media{height:100%}
  .news-card__media img{width:100%;height:100%;aspect-ratio:unset}
  .news-card__body{
    height:100%;overflow:hidden;
    padding:1rem 1.25rem;
  }
  .news-card__excerpt{flex:1;min-height:0;margin-top:auto}
  .news-card__title{font-size:1.0625rem}
  .hero-card__cat{display:inline-block;width:fit-content}
  .hero-card--main .hero-card__meta{display:block}
  .hero-card--main .hero-card__title,
  .hero-card--main h1.hero-card__title{font-size:1.75rem}
  .hero-card--side .hero-card__title{font-size:1.0625rem}
  .article-head h1{font-size:2.25rem}
  .author-head__photo{width:140px;height:140px}
  .author-head__info h1{font-size:2rem}
  .author-head__info p{font-size:1.0625rem}
}

@media(max-width:479px){
  .author-head{flex-direction:column;align-items:center;text-align:center}
}

/* ── Desktop ── */
@media(min-width:1024px){
  :root{--header-h:80px;--gap:2rem}
  body{font-size:1.125rem}
  .site-logo img{width:200px}
  .nav-toggle{display:none}
  .main-nav{display:block;position:static;background:none;padding:0;overflow:visible}
  .main-nav > ul{flex-direction:row;gap:.15rem}
  .main-nav a{padding:.5rem 1rem;font-size:.9375rem;font-weight:600;border-radius:8px}
  .nav-more{position:relative}
  .nav-more__trigger{width:auto;padding:.5rem 1rem;font-size:.9375rem;justify-content:flex-start}
  .nav-more:hover .nav-more__menu,
  .nav-more:focus-within .nav-more__menu{display:block}
  .nav-more__menu{
    position:absolute;top:100%;right:0;
    min-width:220px;padding:.5rem;
    margin-top:.35rem;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg);
    z-index:10;
  }
  .nav-more__menu::before{
    content:'';
    position:absolute;
    left:0;right:0;
    bottom:100%;
    height:.5rem;
  }
  .nav-more__menu a{font-size:.9375rem;padding:.55rem .85rem}
  .hero__grid{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}
  .hero-card--main{grid-row:1/3}
  .hero-card--side img{aspect-ratio:2/1}
  .hero-card--main img{aspect-ratio:auto;height:100%;min-height:unset}
  .hero-card--main .hero-card__title,
  .hero-card--main h1.hero-card__title{font-size:2rem}
  .hero-card--side .hero-card__title{font-size:1.125rem}
  .hero-card__overlay{padding:2rem}
  .layout{grid-template-columns:1fr var(--sidebar)}
  .sidebar{
    position:sticky;
    top:calc(var(--header-h) + 1.25rem);
    align-self:start;
  }
  .layout .news-grid:not(.news-grid--2col){grid-template-columns:1fr}
  .news-grid--2col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .article-head h1{font-size:2.75rem}
  .article-content{font-size:1.1875rem}
  .page-head h1{font-size:2.5rem}
}

@media(min-width:1200px){
  :root{--card-h:268px}
  .hero-card--main .hero-card__title,
  .hero-card--main h1.hero-card__title{font-size:2.15rem}
  .news-grid{gap:1.125rem}
  .news-card__title{font-size:1.125rem}
  .news-card__excerpt{font-size:.9375rem}
}

.news-card__media img[loading="lazy"],
.hero-card img[loading="lazy"]{
  background:#eee;
}
.article-content a {
    color: #990000;
}