/* Mundologia: responsive styles. Split from styles.backup.css. */

@media (max-width: 1100px) {
  .desktop-nav { gap: 16px; font-size: 12px; }
  .hero-grid,
  .content-grid,
  .article-layout,
  .admin-widgets,
  .editor-split,
  .cover-editor,
  .newsletter { grid-template-columns: 1fr; }
  .newsletter { padding: 24px; }
  .hero-grid { height: auto; }
  .side-stack { grid-auto-rows: auto; }
  .mini-card { min-height: 166px; }
  .article-sidebar { grid-template-columns: repeat(2, 1fr); }
  .ad-tall { min-height: 300px; }
  .donut-panel { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .site-header { padding: 0 22px; }
  .desktop-nav { display: none; }
  .site-header .menu-toggle { display: flex; }
  .mobile-nav.open {
    display: grid;
    position: fixed;
    inset: 72px 0 auto 0;
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
    z-index: 1000;
    gap: 10px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--line);
    background: #030711;
  }
  .hero-card { min-height: 440px; }
  .category-strip { grid-template-columns: repeat(4, 1fr); }
  .news-row { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .category-hero { grid-template-columns: 1fr; }
  .category-hero img { width: 100%; opacity: .2; mask-image: none; }
  .admin-body { grid-template-columns: 1fr; }
  .admin-menu-open { overflow: hidden; }
  .admin-sidebar { display:none;position:fixed;z-index:90;inset:0 auto 0 0;width:min(330px,86vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px; }
  .admin-sidebar.open { display:block; }
  .admin-sidebar-backdrop:not([hidden]) { position:fixed;z-index:85;inset:0;display:block;background:rgba(0,0,0,.62);backdrop-filter:blur(2px); }
  .admin-sidebar-close { position:absolute;top:18px;right:16px;display:grid; }
  .admin-promo { position: static; margin-top: 20px; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .admin-search { width: min(520px, 50vw); }
}

@media (max-width: 680px) {
  .page-shell,
  .site-footer { width: min(100% - 32px, 1210px); }
  .site-header { height: 72px; padding: 0 16px; gap: 10px; }
  .site-header .brand { margin-right: auto; }
  .header-search.expanded { position:absolute;left:16px;right:16px;width:auto;background:#070d18;z-index:2; }
  .header-search.expanded input { width:100%; }
  .brand { font-size: 18px; }
  .brand-mark { width: 34px; height: 34px; }
  .hero-overlay { left: 20px; right: 20px; bottom: 22px; width: auto; }
  .hero-overlay h1,
  .article-main h1 { font-size: 27px; }
  .mini-card div { max-width: 100%; }
  .category-strip { grid-template-columns: repeat(2, 1fr); }
  .popular-list article { grid-template-columns: 34px 70px 1fr; }
  .cards-four,
  .metric-grid,
  .article-sidebar { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; }
  .category-hero { padding: 24px; }
  .category-hero h1 { margin: 16px 0 12px; font-size: 38px; }
  .stats { display: grid; gap: 14px; }
  .stats span { border-right: 0; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
  .admin-topbar { padding: 0 14px; gap: 12px; }
  .admin-search kbd,
  .admin-user strong,
  .admin-user small { display: none; }
  .admin-content { padding: 16px; }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .table-actions { width: 100%; flex-wrap: wrap; }
  .table-actions input { min-width: 100%; }
  .editor-actions { grid-template-columns: 1fr; margin: 0 -16px -16px; padding: 16px; }
  .newsletter form { display: grid; }
  .newsletter button { border-radius: var(--radius); }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav a + a { border-left: 0; border-top: 1px solid var(--line); text-align: left; }
  .ad-mobile_sticky_bottom {
    position: sticky;
    z-index: 40;
    bottom: 0;
    display: grid;
    margin: 0;
    border-radius: var(--radius) var(--radius) 0 0;
  }
}