/* =====================================================
   CLEANUP OVERRIDES
   Moderne Child-Regeln gegen alte ThemeFuse-Reste
===================================================== */

.mf-is-hidden{
  display:none;
}

.mf-context-back{
  margin:0;
  padding:14px 0 0;
  background:transparent;
}

.mf-context-back .mf-container{
  display:flex;
  justify-content:flex-start;
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

.mf-lm-hero-offset{
  margin-top:10px;
  margin-bottom:26px;
}

.mf-single-guide .mf-article,
.mf-single-review .mf-article,
.mf-single-music .mf-article,
.mf-single-game .mf-article,
.mf-page .mf-article,
.mf-search-page .mf-article{
  border:1px solid #e5e7eb;
}

.mf-single-guide .main-top + .mf-context-back,
.mf-single-review .main-top + .mf-context-back,
.mf-single-music .main-top + .mf-context-back{
  margin-bottom:4px;
}

@media (max-width: 768px){
  .mf-context-back{
    padding-top:10px;
  }

  .mf-context-back a{
    font-size:13px;
  }
}

/* =====================================================
   USER CLEANUP: Game, News CTA, Footer Gap, Home Cards
===================================================== */

body{
  padding-bottom:0;
}

.site-main{
  padding-bottom:56px;
}

.mf-single-game{
  margin-top:24px;
}

.main-top .games_header .fullwidth-image{
  height:clamp(220px, 34vw, 420px) !important;
  min-height:220px;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.main-top .games_header .fullwidth-content{
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  transform:none;
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0;
  text-align:center;
  z-index:3;
}

.main-top .games_header .fullwidth-content h2{
  max-width:900px;
  margin:0 auto;
  font-size:clamp(26px, 4vw, 44px);
  line-height:1.1;
  letter-spacing:0;
}

.main-top .games_header .subtitle{
  display:none !important;
}
.main-top .games_header .rating{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:12px auto 0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:13px;
  font-weight:800;
  line-height:1;
}

.mf-layout-sidebar .game-thumb,
.mf-layout-sidebar .game-thumb img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}

.mf-layout-sidebar .game-thumb{
  padding:8px;
  background:#f8fafc;
  border:1px solid #edf0f3;
}

.mf-game-media-grid a{
  cursor:zoom-in;
}

.mf-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.mf-lightbox-figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0;
}

.mf-lightbox img{
  display:block;
  max-width:min(1100px, 94vw);
  max-height:88vh;
  width:auto;
  height:auto;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}

.mf-lightbox-caption{
  max-width:min(900px, 88vw);
  color:#fff;
  font-size:14px;
  line-height:1.45;
  text-align:center;
}

.mf-lightbox-close{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111827;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.mf-lightbox-counter{
  position:absolute;
  left:18px;
  top:18px;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:13px;
  font-weight:850;
}

.mf-lightbox-nav{
  position:absolute;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:58px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:38px;
  line-height:1;
  cursor:pointer;
  transform:translateY(-50%);
}

.mf-lightbox-prev{
  left:18px;
}

.mf-lightbox-next{
  right:18px;
}

.mf-lightbox-nav:hover,
.mf-lightbox-close:hover{
  background:#e7f3fa;
  color:#045281;
}

body.mf-lightbox-open{
  overflow:hidden;
}

.mf-more-game{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border:1px solid #e5e7eb;
}

.mf-more-game-text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.mf-more-game-text span{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.mf-more-game-text strong{
  color:#111827;
  font-size:16px;
  line-height:1.3;
}

.mf-more-game a{
  flex-shrink:0;
  padding:8px 12px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.mf-more-game-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.mf-more-game a:hover{
  color:#fff;
}

.mf-home-page{
  --mf-home-thumb-width:72px;
  --mf-home-thumb-height:54px;
}

.mf-home-page :where(.mf-home-section, .mf-home-card, .mf-home-card > a){
  box-sizing:border-box;
  min-width:0;
}

.mf-home-page .mf-home-section{
  margin:0 0 22px;
  padding:18px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}


.mf-home-page .mf-home-list{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;
  list-style:none;
}

.mf-home-page .mf-home-card{
  margin:0;
  border:0;
}

.mf-home-page .mf-home-card a{
  display:grid;
  grid-template-columns:var(--mf-home-thumb-width) minmax(0, 1fr);
  gap:12px;
  align-items:center;
  color:inherit;
  text-decoration:none;
}


.mf-home-page .mf-home-thumb{
  flex:0 0 var(--mf-home-thumb-width);
  overflow:hidden;
  background:#f3f4f6;
}

.mf-home-page .mf-home-thumb picture{
  display:block;
  width:100%;
  height:100%;
}

.mf-home-page .mf-home-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}

.mf-home-page .mf-news-title,
.mf-home-page .mf-guide-title-small,
.mf-home-page .mf-latest-game-title{
  margin:0 0 3px;
  color:#0b1728;
  font-weight:800;
  line-height:1.32;
  text-decoration:none;
}

.mf-home-page .mf-news-date,
.mf-home-page .mf-guide-excerpt-small,
.mf-home-page .mf-news-excerpt,
.mf-home-page .mf-game-release{
  color:#475467;
  font-size:13px;
  line-height:1.45;
}

.mf-home-page .mf-game-release{
  margin-top:3px;
}

@media (max-width: 700px){
  .site-main{
    padding-bottom:42px;
  }

  .main-top .games_header .fullwidth-image{
    height:clamp(190px, 54vw, 300px) !important;
  }

  .main-top .games_header .fullwidth-content{
    width:calc(100% - 24px);
    padding-bottom:18px;
  }

  .mf-more-game{
    align-items:stretch;
    flex-direction:column;
  }

  .mf-more-game a{
    text-align:center;
  }

  .mf-more-game-links{
    justify-content:stretch;
  }

  .mf-more-game-links a{
    width:100%;
  }

  .mf-home-page .mf-home-section{
    padding:14px;
  }

  .mf-home-page{
    --mf-home-thumb-width:64px;
    --mf-home-thumb-height:50px;
  }
}

/* =====================================================
   TOP NAVIGATION
   Gemeinsames System fuer Desktop und Mobile
===================================================== */

.mobile-top-bar,
.mf-desktop-topbar{
  border-bottom:1px solid var(--mf-nav-border);
  backdrop-filter:blur(14px);
}


@media (min-width:769px){





  .mf-desktop-logo{
    display:flex;
    align-items:center;
    min-width:0;
  }


  .mf-desktop-navigation{
    min-width:0;
  }



  .mf-desktop-navigation .mega-menu > li > a{
    transition:background .16s ease, color .16s ease;
  }


  .mf-desktop-navigation .sub-menu{
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  .mf-desktop-navigation .mega-menu > li:hover > .sub-menu,
  .mf-desktop-navigation .mega-menu > li:focus-within > .sub-menu,
  .mf-desktop-navigation .sub-menu li:hover > .sub-menu,
  .mf-desktop-navigation .sub-menu li:focus-within > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }






  .mf-desktop-search:focus-within{
    background:#fff;
    border-color:#93c5fd;
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
  }

  .mf-desktop-search input{
    min-width:0;
    width:100%;
    height:100%;
    padding:0 8px 0 0;
    background:transparent;
    border:0;
    color:#111827;
    font-size:13px;
    outline:0;
  }

  .mf-desktop-search button{
    min-width:64px;
    height:30px;
    padding:0 10px;
    border:0;
    border-radius:999px;
    background:var(--mf-nav-primary);
    color:#fff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }

  .mf-desktop-search button:hover{
    background:var(--mf-nav-primary-dark);
  }

  .site-header .header-main{
    min-height:150px;
    padding:0;
    background-position:right center;
  }

  .site-header .header-main-container{
    min-height:150px;
  }

  .site-header .header-logo,
  .site-header .header-socials{
    display:none;
  }
}

@media (min-width:769px) and (max-width:1240px){
  .mf-desktop-topbar-inner{
    grid-template-columns:145px minmax(0, 1fr) 150px;
    gap:10px;
    padding:0 16px;
  }

  .mf-desktop-logo img{
    height:34px;
    max-width:138px;
  }

  .mf-desktop-navigation .mega-menu{
    gap:2px;
  }

  .mf-desktop-navigation .mega-menu > li > a{
    padding:0 8px;
    font-size:13px;
  }

  .mf-desktop-search{
    width:150px;
  }

  .mf-desktop-search button{
    min-width:46px;
    padding:0 8px;
  }
}

@media (max-width:768px){
  body{
    scroll-padding-top:var(--mf-nav-mobile-height);
  }


  .admin-bar{
    padding-top:calc(46px + var(--mf-nav-mobile-height));
  }



  .mobile-top-inner{
    box-sizing:border-box;
    gap:10px;
  }

  .mobile-logo{
    display:flex;
    align-items:center;
    min-width:0;
  }

  .mobile-logo img{
    display:block;
    width:auto;
    height:36px;
    max-width:160px;
    object-fit:contain;
  }

  .menu-toggle,
  .guides-toggle{
    cursor:pointer;
    touch-action:manipulation;
  }


  .mobile-top-menu,
  .mobile-guides-menu{
    margin:0 10px 10px;
    
    background:#fff;
    border:1px solid var(--mf-nav-border);
    border-radius:0 0 16px 16px;
    box-shadow:0 18px 38px rgba(6,104,161,.16);
  }

  .mobile-top-menu{
    max-height:calc(100vh - var(--mf-nav-mobile-height) - env(safe-area-inset-bottom, 0px) - 18px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }


  .mobile-top-search{
    display:flex;
    align-items:center;
    height:42px;
    margin:0 0 12px;
    padding:0 4px 0 12px;
    background:var(--mf-nav-bg-soft);
    border:1px solid var(--mf-nav-border);
    border-radius:999px;
    overflow:hidden;
  }

  .mobile-top-search:focus-within{
    background:#fff;
    border-color:#93c5fd;
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
  }

  .mobile-top-search input[type="search"]{
    flex:1;
    min-width:0;
    padding:0 8px 0 0;
    background:transparent;
    border:0;
    color:#111827;
    font-size:15px;
    outline:0;
  }

  .mobile-top-search input[type="search"]::placeholder{
    color:#94a3b8;
  }

  .mobile-top-search button[type="submit"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:0;
    border-radius:999px;
    background:var(--mf-nav-primary);
    color:#fff;
    font-size:15px;
    cursor:pointer;
  }

  .top-menu-list{
    display:flex;
    flex-direction:column;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
  }

  .top-menu-list li a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:0 12px;
    border:0;
    border-radius:11px;
    color:#111827;
    font-size:15px;
    font-weight:800;
    line-height:1.2;
    text-decoration:none;
  }

  .top-menu-list li a:hover{
    background:#eaf4ff;
    color:var(--mf-nav-primary-dark);
  }

  .mobile-top-menu .sub-menu{
    display:none;
    grid-template-columns:1fr;
    gap:6px;
    list-style:none;
    margin:6px 0 4px;
    padding:9px;
    border:1px solid #d6e7f1;
    border-radius:14px;
    background:#f8fbfd;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    max-height:min(46vh, 430px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-menu-item-has-children.is-open > .sub-menu{
    display:grid !important;
  }

  .mobile-menu-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 42px;
    gap:6px;
    align-items:center;
  }

  .mobile-menu-row > a{
    min-width:0;
  }

  .mobile-menu-row > a:only-child{
    grid-column:1 / -1;
  }

  .mobile-submenu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #c7e0ee;
    border-radius:11px;
    background:#eef7fb;
    color:#045281;
    font-size:16px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    transition:background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
  }

  .mobile-submenu-toggle:hover,
  .mobile-submenu-toggle:focus{
    border-color:#0668a1;
    background:#e7f3fa;
    color:#045281;
    outline:none;
  }

  .mobile-menu-item-has-children.is-open .mobile-submenu-toggle span{
    transform:rotate(180deg);
  }

  .mobile-platform-group-title{
    margin:8px 2px 2px;
    padding:0 8px;
    color:#045281;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .mobile-platform-group-title:first-child{
    margin-top:0;
  }

  .mobile-top-menu .sub-menu li a{
    min-height:36px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:10px;
    background:#fff;
    color:#17324a;
    font-size:13px;
    font-weight:800;
  }

  .mobile-top-menu .sub-menu li a:hover,
  .mobile-top-menu .sub-menu li a:focus{
    border-color:#b9d8e9;
    background:#e7f3fa;
    color:#045281;
  }

  .mobile-guides-menu{
    max-height:calc(100vh - var(--mf-nav-mobile-height) - 22px);
    overflow:auto;
  }

  #page{
    padding-top:0;
  }

  .breadcrumbs,
  .breadcrumb,
  nav.breadcrumb,
  .mf-breadcrumb{
    margin-top:6px;
  }
}

/* =====================================================
   NAVIGATION RESCUE
   Stabilisiert Layout nach CSS-Bereinigung
===================================================== */

.mobile-top-bar,
.mf-desktop-topbar{
  display:none;
}

@media (min-width:769px){
  body{
    padding-top:68px !important;
  }

  .mobile-top-bar{
    display:none !important;
  }

  .mf-desktop-topbar{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    display:block !important;
    min-height:68px;
    background:#f1f8fc;
    background-image:linear-gradient(180deg, #fbfdff 0%, #f1f8fc 100%);
    border-bottom:1px solid #b9d8e9;
    box-shadow:0 10px 28px rgba(4,82,129,.14);
  }

  .admin-bar .mf-desktop-topbar{
    top:32px;
  }

  .mf-desktop-topbar-inner{
    display:grid !important;
    grid-template-columns:170px minmax(0, 1fr) 190px;
    align-items:center;
    gap:16px;
    max-width:1640px;
    min-height:68px;
    margin:0 auto;
    padding:0 28px;
  }

  .mf-desktop-logo img{
    display:block;
    width:auto;
    height:40px;
    max-width:160px;
    object-fit:contain;
  }

  .mf-desktop-navigation .mega-menu{
    justify-content:flex-start;
    list-style:none;
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mega-menu > li{
    margin:0;
    padding:0;
  }





  .mf-desktop-search{
    display:flex;
    align-items:center;
    width:190px;
    
    padding:0 4px 0 14px;
    background:#fbfdff;
    border:1px solid #b9d8e9;
    border-radius:999px;
  }
}

@media (max-width:768px){
  body{
    padding-top:64px !important;
  }

  .mf-desktop-topbar,
  #masthead,
  .site-header{
    display:none !important;
  }

  .mobile-top-bar{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    z-index:9999;
    display:block !important;
    min-height:64px;
    background:#f1f8fc;
    background-image:linear-gradient(180deg, #fbfdff 0%, #f1f8fc 100%);
    border-bottom:1px solid #b9d8e9;
    box-shadow:0 10px 28px rgba(4,82,129,.14);
  }

  .admin-bar .mobile-top-bar{
    top:46px;
  }

  .mobile-top-inner{
    display:flex !important;
    
    justify-content:space-between;
    min-height:64px;
    
  }

  .menu-toggle,
  .guides-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin-left:0;
    padding:0;
    border:1px solid #0668a1;
    border-radius:12px;
    font-size:24px;
    font-weight:900;
    line-height:1;
  }

  .mobile-top-menu.hidden,
  .mobile-guides-menu.hidden{
    display:none !important;
  }
}

/* =====================================================
   NAV COLOR TUNE
   Nur Farben: Desktop und Mobile gemeinsam
===================================================== */

.mf-desktop-topbar,
.mobile-top-bar{
  background:#f7fbfd;
  background-image:linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
  border-bottom-color:#c7e0ee;
  box-shadow:0 10px 26px rgba(4,82,129,.12);
}

.mf-desktop-navigation .mega-menu > li > a{
  color:#17324a;
}

.mf-desktop-navigation .mega-menu > li:hover > a,
.mf-desktop-navigation .mega-menu > li.current-menu-item > a,
.mf-desktop-navigation .mega-menu > li.current-menu-ancestor > a{
  background:#0668a1;
  color:#fff;
}

.mf-desktop-navigation .sub-menu,
.mobile-top-menu,
.mobile-guides-menu{
  background:#fff;
  border-color:#c7e0ee;
  box-shadow:0 18px 38px rgba(4,82,129,.14);
}

.mf-desktop-navigation .sub-menu a:hover,
.top-menu-list li a:hover{
  background:#e7f3fa;
  color:#045281;
}

.mf-desktop-search,
.mobile-top-search{
  background:#fff;
  border-color:#b7d8e9;
}

.mf-desktop-search:focus-within,
.mobile-top-search:focus-within{
  border-color:#0668a1;
  box-shadow:0 0 0 3px rgba(6,104,161,.14);
}

.mf-desktop-search button,
.mobile-top-search button[type="submit"],
.menu-toggle,
.guides-toggle{
  background:#0668a1;
  border-color:#0668a1;
  color:#fff;
}

.mf-desktop-search button:hover,
.mobile-top-search button[type="submit"]:hover,
.menu-toggle:hover,
.guides-toggle:hover{
  background:#045281;
  border-color:#045281;
  color:#fff;
}

/* =====================================================
   MODERN GAME ARCHIVE
===================================================== */

.mf-games-archive-page{
  margin-top:28px;
}

.mf-games-archive-header{
  padding:22px;
  border-color:#dbe8f1;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
}

.mf-games-archive-header-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.mf-archive-kicker{
  margin:0 0 8px;
  color:#0668a1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.mf-archive-count{
  flex:0 0 auto;
  min-width:110px;
  padding:12px 14px;
  border:1px solid #dbe8f1;
  border-radius:12px;
  background:#f7fbfd;
  text-align:center;
}

.mf-archive-count strong{
  display:block;
  color:#111827;
  font-size:26px;
  line-height:1;
}

.mf-archive-count span{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.mf-game-archive-grid{
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
  gap:18px;
}

.mf-game-archive-card{
  border-color:#e1e8ef;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
}

.mf-game-archive-card:hover{
  border-color:#b9d8e9;
  box-shadow:0 14px 30px rgba(4,82,129,.12);
}

.mf-game-archive-card .mf-game-list-main{
  height:100%;
}

.mf-game-archive-thumb{
  aspect-ratio:16 / 9;
}

.mf-game-archive-content{
  padding:15px;
}

.mf-game-archive-content h2{
  margin-bottom:7px;
  font-size:17px;
}

.mf-game-archive-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 9px;
}

.mf-game-archive-meta span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

@media (max-width:700px){
  .mf-games-archive-page{
    margin-top:18px;
  }

  .mf-games-archive-header-main{
    align-items:stretch;
    flex-direction:column;
  }

  .mf-archive-count{
    width:100%;
    text-align:left;
  }

  .mf-game-archive-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
}

/* Mobile menu buttons: dark icon on light blue button */
@media (max-width:768px){
  .menu-toggle,
  .guides-toggle{
    background:#e7f3fa;
    border-color:#9fcce2;
    color:#045281;
    box-shadow:0 3px 10px rgba(4,82,129,.16);
  }

  .menu-toggle:hover,
  .guides-toggle:hover{
    background:#d3eafa;
    border-color:#0668a1;
    color:#045281;
  }
}

/* Game archive cards: compact covers for archive/filter pages */

.mf-games-archive-page .mf-game-archive-card .mf-game-list-main{
  display:grid;
  align-items:stretch;
}

.mf-games-archive-page .mf-game-archive-thumb{
  aspect-ratio:auto;
  border-radius:0;
}

.mf-games-archive-page .mf-game-archive-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-games-archive-page .mf-game-archive-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}


.mf-games-archive-page .mf-game-archive-content p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:700px){



  .mf-games-archive-page .mf-game-archive-content{
    padding:10px 12px;
  }
}

/* Legacy ThemeFuse game archive fallback */








/* Smaller game cards and guide-list surface */

.mf-games-archive-page .mf-game-archive-card .mf-game-list-main{
  grid-template-columns:88px minmax(0, 1fr);
  min-height:88px;
}

.mf-games-archive-page .mf-game-archive-thumb{
  width:88px;
  height:88px;
}

.mf-games-archive-page .mf-game-archive-content{
  padding:10px 12px;
}

.mf-games-archive-page .mf-game-archive-content h2{
  margin-bottom:4px;
  font-size:15px;
}

.mf-games-archive-page .mf-game-archive-meta{
  gap:4px;
  margin-bottom:5px;
}

.mf-games-archive-page .mf-game-archive-meta span{
  min-height:20px;
  padding:2px 7px;
  font-size:11px;
}

.mf-games-archive-page .mf-game-archive-content p{
  font-size:12px;
  line-height:1.35;
}

.mf-guide-taxonomy-page .mf-guide-taxonomy-list{
  padding:14px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
}

.mf-guide-taxonomy-page .mf-guide-listing{
  border:1px solid #edf0f3;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}

.mf-guide-taxonomy-page .mf-guide-listing a{
  border-radius:12px;
}

@media (max-width:700px){
  .mf-games-archive-page .mf-game-archive-card .mf-game-list-main{
    grid-template-columns:76px minmax(0, 1fr);
    min-height:76px;
  }

  .mf-games-archive-page .mf-game-archive-thumb{
    width:76px;
    height:76px;
  }

  .mf-guide-taxonomy-page .mf-guide-taxonomy-list{
    padding:10px;
  }
}

/* =====================================================
   Guide sequence navigation
===================================================== */

.mf-guide-sequence-section{
  margin-top:20px;
}

.mf-guide-sequence-nav{
  margin:0;
}

.mf-guide-sequence-main{
  display:flex;
  justify-content:center;
  margin-bottom:14px;
}

.mf-guide-sequence-overview,
.mf-guide-sequence-progress{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

.mf-guide-sequence-overview{
  background:#0668a1;
  color:#fff;
  text-decoration:none;
}

.mf-guide-sequence-overview:hover{
  background:#045281;
  color:#fff;
}

.mf-guide-sequence-links{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.mf-guide-sequence-link{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:74px;
  padding:12px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  color:#111827;
  text-decoration:none;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

.mf-guide-sequence-link:hover{
  background:#eef7fb;
  border-color:#b9d8e9;
  color:#111827;
  transform:translateY(-1px);
}

.mf-guide-sequence-link span{
  margin-bottom:4px;
  color:#0668a1;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.mf-guide-sequence-link strong{
  display:block;
  font-size:14px;
  line-height:1.35;
}

.mf-guide-sequence-link.is-next{
  text-align:right;
}

.mf-guide-sequence-link:only-child{
  grid-column:1 / -1;
  text-align:center;
}

.mf-guide-sequence-progress{
  display:table;
  margin:12px auto 0;
  background:#f8fafc;
  color:#4b5563;
  border:1px solid #e5e7eb;
}

@media (max-width:700px){
  .mf-guide-sequence-section{
    padding:16px;
  }

  .mf-guide-sequence-main{
    margin-bottom:10px;
  }

  .mf-guide-sequence-links{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  .mf-guide-sequence-link{
    min-height:64px;
    padding:10px;
  }

  .mf-guide-sequence-link span{
    font-size:11px;
  }

  .mf-guide-sequence-link strong{
    font-size:12px;
    line-height:1.25;
  }

  .mf-guide-sequence-link.is-next{
    text-align:right;
  }
}

/* =====================================================
   Archive and search list surfaces
===================================================== */

.mf-list-surface,
.mf-search-results{
  margin-top:18px;
  padding:14px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
}

.mf-archive-page .mf-news-item,
.mf-search-page .mf-news-item{
  border:1px solid #edf0f3;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}

.mf-archive-page .mf-news-item a,
.mf-search-page .mf-news-item a{
  min-height:94px;
  padding:10px;
}

.mf-archive-page .mf-news-thumb,
.mf-search-page .mf-news-thumb{
  flex:0 0 112px;
  width:112px;
  height:76px;
  background:#f3f4f6;
}

.mf-archive-page .mf-news-thumb picture,
.mf-search-page .mf-news-thumb picture{
  display:block;
  width:100%;
  height:100%;
}

.mf-archive-page .mf-news-thumb img,
.mf-search-page .mf-news-thumb img{
  box-sizing:border-box;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-archive-page .type-game .mf-news-thumb img,
.mf-search-page .type-game .mf-news-thumb img{
  object-fit:contain;
  padding:4px;
  background:#f8fafc;
}

.mf-archive-page .mf-news-content,
.mf-search-page .mf-news-content{
  min-width:0;
}

.mf-archive-page .mf-news-title,
.mf-archive-page .mf-news-excerpt,
.mf-search-page .mf-news-title,
.mf-search-page .mf-news-excerpt{
  overflow-wrap:anywhere;
}

@media (max-width:600px){
  .mf-list-surface,
  .mf-search-results{
    padding:10px;
  }

  .mf-archive-page .mf-news-item a,
  .mf-search-page .mf-news-item a{
    align-items:center;
    gap:10px;
    min-height:78px;
  }

  .mf-archive-page .mf-news-thumb,
  .mf-search-page .mf-news-thumb{
    flex-basis:76px;
    width:76px;
    height:58px;
  }

  .mf-archive-page .mf-news-date,
  .mf-search-page .mf-news-date{
    font-size:11px;
  }
}

/* =====================================================
   Guide taxonomy hub
===================================================== */

.mf-guide-hub-header{
  overflow:visible;
}

.mf-guide-hub-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.mf-guide-hub-actions a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border:1px solid #dbe8f1;
  border-radius:999px;
  background:#f8fbfd;
  color:#045281;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
}

.mf-guide-hub-actions a:hover{
  background:#0668a1;
  border-color:#0668a1;
  color:#fff;
}

.mf-guide-hub-start{
  margin-top:20px;
}

.mf-guide-hub-start-label{
  display:table;
  margin:0 0 12px;
  padding:5px 12px;
  border-radius:999px;
  background:#0668a1;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

.mf-guide-hub-feature{
  display:grid;
  grid-template-columns:180px minmax(0, 1fr);
  gap:16px;
  color:inherit;
  text-decoration:none;
}

.mf-guide-hub-feature-thumb{
  overflow:hidden;
  border-radius:12px;
  background:#f3f4f6;
  aspect-ratio:16 / 10;
}

.mf-guide-hub-feature-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-guide-hub-feature-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.mf-guide-hub-feature-content h2{
  margin:0 0 8px;
  color:#111827;
  font-size:20px;
  line-height:1.25;
}

.mf-guide-hub-feature-content p{
  margin:0 0 12px;
  color:#4b5563;
  font-size:14px;
  line-height:1.5;
}

.mf-guide-hub-feature-content span{
  display:inline-flex;
  align-self:flex-start;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:12px;
  font-weight:800;
}

.mf-guide-hub-section{
  margin-top:24px;
}

.mf-guide-hub-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  padding:12px 14px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
}

.mf-guide-hub-section-header h2{
  margin:0;
  color:#111827;
  font-size:20px;
  line-height:1.25;
}

.mf-guide-hub-section-header span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:12px;
  font-weight:800;
}

.mf-guide-hub-section-description{
  margin:-2px 0 12px;
  padding:0 14px;
  color:#4b5563;
  font-size:14px;
  line-height:1.55;
}

@media (max-width:700px){
  .mf-guide-hub-actions{
    gap:6px;
  }

  .mf-guide-hub-actions a{
    min-height:30px;
    padding:5px 9px;
    font-size:11px;
  }

  .mf-guide-hub-feature{
    grid-template-columns:88px minmax(0, 1fr);
    gap:12px;
  }

  .mf-guide-hub-feature-thumb{
    aspect-ratio:1;
  }

  .mf-guide-hub-feature-content h2{
    font-size:15px;
  }

  .mf-guide-hub-feature-content p{
    display:none;
  }

  .mf-guide-hub-feature-content span{
    min-height:28px;
    padding:5px 9px;
    font-size:11px;
  }

  .mf-guide-hub-section-header h2{
    font-size:18px;
  }
}

/* =====================================================
   Guide table of contents
===================================================== */

.mf-guide-toc{
  margin:18px 0 22px;
  padding:0;
  background:#f8fbfd;
  border:1px solid #dbe8f1;
  border-radius:10px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
  overflow:hidden;
}

.mf-guide-toc[hidden]{
  display:none;
}

.mf-guide-toc-toggle{
  display:flex;
  align-items:center;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#12324c;
  font:inherit;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
}

.mf-guide-toc-toggle::after{
  content:"";
  width:9px;
  height:9px;
  margin-left:12px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
  flex:0 0 auto;
}

.mf-guide-toc.is-open .mf-guide-toc-toggle::after{
  transform:rotate(225deg) translate(-2px, -2px);
}

.mf-guide-toc-toggle:hover,
.mf-guide-toc.is-open .mf-guide-toc-toggle{
  background:#eef7fb;
  color:#045281;
}

.mf-guide-toc-toggle:focus-visible{
  outline:3px solid rgba(6,104,161,.24);
  outline-offset:-3px;
}

.mf-guide-toc-count{
  margin-left:auto;
  color:#667085;
  font-size:12px;
  font-weight:700;
}

.mf-guide-toc-list{
  display:none;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  column-gap:28px;
  margin:0;
  padding:4px 16px 14px;
  list-style:none;
  counter-reset:mf-guide-toc;
  border-top:1px solid #dbe8f1;
}

.mf-guide-toc.is-open .mf-guide-toc-list{
  display:grid;
}

.mf-guide-toc-list > .mf-guide-toc-item{
  min-width:0;
  counter-increment:mf-guide-toc;
  border-bottom:1px solid #e7eef3;
}

.mf-guide-toc-list > .mf-guide-toc-item > a{
  display:block;
  position:relative;
  padding:10px 8px 10px 28px;
  color:#243b53;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.mf-guide-toc-list > .mf-guide-toc-item > a::before{
  content:counter(mf-guide-toc, decimal-leading-zero);
  position:absolute;
  top:10px;
  left:0;
  color:#0f6fa8;
  font-size:11px;
  font-weight:800;
}

.mf-guide-toc-list a:hover,
.mf-guide-toc-list a:focus-visible{
  background:#eef7fb;
  color:#045281;
}

.mf-guide-toc-list a:focus-visible{
  outline:2px solid rgba(6,104,161,.3);
  outline-offset:-2px;
}

.mf-guide-toc-sublist{
  display:block;
  margin:0 0 8px 28px;
  padding:0 0 0 12px;
  list-style:none;
  border-left:2px solid #dbe8f1;
}

.mf-guide-toc-sublist:empty{
  display:none;
}

.mf-guide-toc-level-3 a{
  display:block;
  padding:6px 8px;
  color:#4b5563;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.mf-guide-article .mf-article-content h2,
.mf-guide-article .mf-article-content h3,
.mf-toc-article .mf-article-content h2,
.mf-toc-article .mf-article-content h3{
  scroll-margin-top:90px;
}

@media (max-width:700px){
  .mf-guide-toc{
    margin:14px 0 18px;
  }

  .mf-guide-toc-toggle{
    padding:12px 14px;
  }

  .mf-guide-toc-list{
    grid-template-columns:1fr;
    padding:4px 14px 12px;
  }
}

/* =====================================================
   Guide reading sidebar
===================================================== */

.mf-guide-reading-layout{
  --mf-guide-sticky-top:88px;
  --mf-guide-heading-offset:104px;
  min-width:0;
  margin-bottom:20px;
}

.admin-bar .mf-guide-reading-layout{
  --mf-guide-sticky-top:120px;
  --mf-guide-heading-offset:136px;
}

.mf-guide-reading-layout.has-navigation{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  align-items:start;
  gap:16px;
}

.mf-guide-reading-layout > .mf-guide-article{
  min-width:0;
  margin:0;
  border-radius:8px;
}

.mf-guide-reading-layout .mf-article-title,
.mf-guide-reading-layout .mf-article-content :where(h2, h3){
  overflow-wrap:anywhere;
}

.mf-guide-reading-layout .mf-article-content h2,
.mf-guide-reading-layout .mf-article-content h3{
  scroll-margin-top:var(--mf-guide-heading-offset);
}

.mf-guide-sidebar,
.mf-guide-sidebar *{
  box-sizing:border-box;
}

.mf-guide-sidebar{
  min-width:0;
  letter-spacing:0;
}

.mf-guide-sidebar[hidden]{
  display:none;
}

.mf-guide-chapters,
.mf-guide-sidebar .mf-guide-toc{
  margin:0;
  padding:0;
  border:1px solid #dbe5eb;
  border-radius:6px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
}

.mf-guide-page-outline:not([hidden]) + .mf-guide-chapters{
  margin-top:14px;
}

.mf-guide-sidebar summary{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:12px 14px;
  margin:0;
  color:#243b53;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  list-style:none;
  cursor:pointer;
}

.mf-guide-sidebar summary::-webkit-details-marker{ display:none; }
.mf-guide-sidebar summary::marker{ content:""; }

.mf-guide-sidebar summary::after{
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  margin:0 2px 0 auto;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}

.mf-guide-sidebar details[open] > summary::after{
  transform:rotate(225deg) translate(-2px, -2px);
}

.mf-guide-sidebar summary:hover{ background:#f1f8fc; }

.mf-guide-sidebar :where(summary, a):focus-visible{
  outline:2px solid #0668a1;
  outline-offset:-2px;
}

.mf-guide-nav-count,
.mf-guide-sidebar .mf-guide-toc-count{
  flex:0 0 auto;
  min-width:25px;
  margin-left:auto;
  padding:2px 6px;
  border-radius:4px;
  background:#f0f4f6;
  color:#52616b;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  text-align:center;
}

.mf-guide-sidebar summary:has(.mf-guide-nav-count, .mf-guide-toc-count)::after{ margin-left:0; }

.mf-guide-sidebar nav{
  max-height:45vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#b7cbd7 transparent;
  border-top:1px solid #e5ecf0;
}

.mf-guide-chapters-game{
  margin:0;
  padding:12px 14px 8px;
  color:#52616b;
  font-size:12px;
  line-height:1.5;
}

.mf-guide-chapters ol,
.mf-guide-sidebar .mf-guide-toc-list{
  display:block;
  margin:0;
  padding:4px 0 8px;
  list-style:none;
  border:0;
}

.mf-guide-chapters li,
.mf-guide-sidebar .mf-guide-toc-item{
  margin:0;
  padding:0;
  border:0;
}

.mf-guide-chapters li a{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  align-items:baseline;
  gap:8px;
  min-height:44px;
  padding:10px 12px 10px 10px;
  border-left:3px solid transparent;
  color:#344054;
  font-size:13px;
  font-weight:400;
  line-height:1.5;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.mf-guide-chapter-number{
  color:#667085;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  text-align:center;
}

.mf-guide-sidebar .mf-guide-toc-list a{
  display:block;
  padding:9px 14px 9px 12px;
  border-left:3px solid transparent;
  color:#344054;
  font-size:13px;
  font-weight:400;
  line-height:1.5;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.mf-guide-sidebar .mf-guide-toc-list a::before{ content:none; }
.mf-guide-sidebar .mf-guide-toc-sublist{ margin:0; padding:0; border:0; }
.mf-guide-sidebar .mf-guide-toc-sublist a{ padding-left:26px; font-size:12px; }

.mf-guide-sidebar nav a:hover{
  background:#f1f8fc;
  color:#045281;
}

.mf-guide-sidebar nav a[aria-current]{
  border-left-color:#0668a1;
  background:#eaf5fc;
  color:#045281;
  font-weight:700;
}

.mf-guide-chapters-overview{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 14px;
  border-top:1px solid #e5ecf0;
  color:#0668a1;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.mf-guide-chapters-overview:hover{ color:#045281; background:#f1f8fc; }

@media (min-width:1101px){
  .mf-guide-reading-layout.has-navigation{
    grid-template-columns:minmax(0, 1fr) 280px;
    gap:24px;
  }

  .mf-guide-reading-layout > .mf-guide-article{ grid-column:1; grid-row:1; }

  .mf-guide-sidebar{
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:var(--mf-guide-sticky-top);
    max-height:calc(100dvh - var(--mf-guide-sticky-top) - 16px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .mf-guide-sidebar nav{ max-height:calc(100dvh - var(--mf-guide-sticky-top) - 176px); }

  .mf-guide-sidebar:has(.mf-guide-chapters[open]) .mf-guide-page-outline[open] nav,
  .mf-guide-sidebar:has(.mf-guide-page-outline[open]) .mf-guide-chapters[open] nav{
    max-height:max(96px, calc((100dvh - var(--mf-guide-sticky-top) - 220px) / 2));
  }
}

@media (max-width:782px){
  .admin-bar .mf-guide-reading-layout{ --mf-guide-heading-offset:150px; }
}

.mf-single-guide .mf-guide-sequence-section{
  padding:20px;
  border:1px solid #dbe5eb;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.mf-guide-sequence-section .mf-guide-sequence-nav{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(120px, 180px) minmax(0, 1fr);
  align-items:stretch;
  gap:12px;
}

.mf-guide-sequence-section .mf-guide-sequence-main{
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0;
}

.mf-guide-sequence-section .mf-guide-sequence-links{ display:contents; }
.mf-guide-sequence-section .mf-guide-sequence-link{ min-width:0; border-radius:6px; overflow-wrap:anywhere; }
.mf-guide-sequence-section .mf-guide-sequence-link.is-prev{ grid-column:1; grid-row:1; text-align:left; }
.mf-guide-sequence-section .mf-guide-sequence-link.is-next{ grid-column:3; grid-row:1; text-align:right; }
.mf-guide-sequence-section .mf-guide-sequence-overview{ background:transparent; color:#0668a1; border-radius:0; }
.mf-guide-sequence-section .mf-guide-sequence-overview:hover{ color:#045281; text-decoration:underline; }
.mf-guide-sequence-section .mf-guide-sequence-progress{ grid-column:1 / -1; grid-row:2; margin:0; padding:0; border:0; background:transparent; }

.mf-guide-sequence-section:is(.is-first-chapter, .is-last-chapter) .mf-guide-sequence-nav{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.mf-guide-sequence-section.is-first-chapter .mf-guide-sequence-main{ grid-column:1; }
.mf-guide-sequence-section.is-first-chapter .mf-guide-sequence-link.is-next{ grid-column:2; }
.mf-guide-sequence-section.has-no-neighbours .mf-guide-sequence-nav{ grid-template-columns:minmax(0,1fr); }
.mf-guide-sequence-section.has-no-neighbours .mf-guide-sequence-main{ grid-column:1; }

@media (max-width:700px){
  .mf-single-guide .mf-guide-sequence-section{ padding:14px; }
  .mf-guide-sequence-section .mf-guide-sequence-nav{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
  .mf-guide-sequence-section .mf-guide-sequence-main{ grid-column:1 / -1; grid-row:2; }
  .mf-guide-sequence-section .mf-guide-sequence-link.is-next{ grid-column:2; }
  .mf-guide-sequence-section .mf-guide-sequence-progress{ grid-row:3; }
  .mf-guide-sequence-section:is(.is-first-chapter, .is-last-chapter) .mf-guide-sequence-main{ grid-column:1 / -1; grid-row:2; }
  .mf-guide-sequence-section:is(.is-first-chapter, .is-last-chapter) .mf-guide-sequence-link:is(.is-prev, .is-next){ grid-column:1 / -1; grid-row:1; }
}

@media print{
  .mf-guide-sidebar,
  .mf-single-guide .mf-guide-sequence-section{ display:none; }
  .mf-guide-reading-layout.has-navigation{ display:block; }
}

/* =====================================================
   Guide hub shortcode consistency
===================================================== */

.mf-guidehub{
  display:flex;
  flex-direction:column;
}

.mf-guidehub .mf-guide-filter{
  margin:0;
}

.mf-guidehub .mf-guide-dropdown,
.mf-guidehub .mf-guide-search{
  line-height:1.2;
}


.mf-guidehub .mf-no-results{
  margin:0;
  padding:18px 20px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
  color:#4b5563;
  font-size:15px;
  font-weight:700;
}

.mf-guidehub-game{
  margin:0;
}

.mf-guidehub-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid #edf0f3;
}

.mf-guidehub-section-header .mf-game-title{
  padding:0;
  border:0;
  color:#111827;
  line-height:1.2;
  font-weight:800;
}

.mf-guidehub-section-header .mf-guide-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  white-space:nowrap;
}

.mf-guidehub-list{
  flex-direction:column;
}

.mf-guidehub-card{
  margin:0;
  border:1px solid #edf0f3;
  background:#fff;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.mf-guidehub-card + .mf-guidehub-card{
  margin-top:0;
}

.mf-guidehub-card a{
  display:flex;
  gap:14px;
  align-items:flex-start;
  color:inherit;
  text-decoration:none !important;
}

.mf-guidehub-card:hover{
  transform:translateY(-1px);
}

.mf-guidehub-card a:hover{
  background:#f8fbfd;
}

.mf-guidehub-card .mf-news-thumb{
  flex:0 0 96px;
  overflow:hidden;
  background:#f3f4f6;
}

.mf-guidehub-card .mf-news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-guidehub-card .mf-news-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding-top:1px;
}

.mf-guidehub-card .mf-news-title{
  margin:0 0 4px;
  line-height:1.3;
  text-decoration:none;
}

.mf-guidehub-card .mf-news-date{
  margin:0 0 3px;
  line-height:1.35;
}

.mf-guidehub-card .mf-news-excerpt{
  margin:0;
  color:#4b5563;
  font-size:13px;
  line-height:1.45;
}

.mf-guidehub-card a:hover .mf-news-title{
  color:#045281;
}

.mf-article-content .mf-guidehub a,
.mf-article-content .mf-guidehub a:hover,
.mf-article-content .mf-guidehub a:focus,
.mf-article-content .mf-guidehub a *,
.mf-article-content .mf-guidehub a:hover *,
.mf-article-content .mf-guidehub a:focus *{
  text-decoration:none !important;
}

.mf-article-content .mf-guidehub p{
  margin:0;
}

.mf-article-content > p:empty{
  display:none;
}

@media (max-width:700px){
  .mf-guidehub{
    margin-top:18px;
  }


  .mf-guidehub-game{
    padding:14px;
    border-radius:14px;
  }

  .mf-guidehub-section-header{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .mf-guidehub-section-header .mf-game-title{
    font-size:20px;
  }

  .mf-guidehub-card a{
    gap:10px;
    padding:9px;
  }


  .mf-guidehub-card .mf-news-title{
    font-size:14px;
  }

  .mf-guidehub-card .mf-news-excerpt{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:12px;
    line-height:1.35;
  }
}

/* =====================================================
   Guide hub lazy accordion
===================================================== */


.mf-guidehub .mf-guidehub-section-header{
  margin-bottom:0;
}

.mf-guidehub .mf-game-title{
  width:100%;
}

.mf-guidehub-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  border:0;
  color:inherit;
  cursor:pointer;
  font:inherit;
  text-align:left;
}

.mf-guidehub-toggle-text{
  display:flex;
  justify-content:space-between;
  width:100%;
  min-width:0;
}

.mf-guidehub-toggle-text > span:first-child{
  overflow:hidden;
  text-overflow:ellipsis;
}

.mf-guidehub-toggle-icon{
  border-radius:999px;
  position:relative;
}

.mf-guidehub-toggle-icon::before,
.mf-guidehub-toggle-icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:2px;
  border-radius:999px;
  background:#045281;
  transform:translate(-50%, -50%);
  transition:transform .16s ease;
}

.mf-guidehub-toggle-icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.mf-guidehub-game.is-open .mf-guidehub-toggle-icon::after{
  transform:translate(-50%, -50%) rotate(0deg);
}

.mf-guidehub-toggle:hover .mf-guidehub-toggle-icon,
.mf-guidehub-toggle:focus-visible .mf-guidehub-toggle-icon{
  background:#dceff8;
  border-color:#7db9d8;
}

.mf-guidehub-toggle:focus-visible{
  outline:2px solid rgba(6,104,161,.22);
  outline-offset:4px;
  border-radius:10px;
}

.mf-guidehub-panel{
  margin-top:14px;
}

.mf-guidehub-loader{
  padding:14px 16px;
  border:1px dashed #b9d8e9;
  color:#4b5563;
  font-size:14px;
  font-weight:700;
}

.mf-guidehub-search-results{
  margin:0;
  border:1px solid #e5e7eb;
}

.mf-guidehub-game.is-loading .mf-guidehub-toggle-icon::before{
  animation:mf-guidehub-pulse .8s ease-in-out infinite;
}

@keyframes mf-guidehub-pulse{
  0%, 100%{
    opacity:.4;
  }

  50%{
    opacity:1;
  }
}

@media (max-width:700px){
  .mf-guidehub-toggle{
    align-items:flex-start;
  }

  .mf-guidehub-toggle-text{
    align-items:flex-start;
    flex-direction:column;
  }

  .mf-guidehub-toggle-icon{
    margin-top:2px;
  }
}

/* =====================================================
   Front page portal hero and grids
===================================================== */

body.home{
  margin:0;
  padding-top:0;
}

body.home #masthead{
  display:none;
}

.mf-home-page{
  padding-top:0;
  margin-top:0;
}

.mf-home-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(300px, 34vw, 460px);
  margin:0 calc(50% - 50vw) 26px;
  padding:0 calc(50vw - 50%);
  overflow:hidden;
  background:#111827;
  color:#fff;
}

.mf-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,18,32,.05) 0%, rgba(5,18,32,.18) 48%, rgba(5,18,32,.76) 100%),
    linear-gradient(90deg, rgba(5,18,32,.76) 0%, rgba(5,18,32,.42) 42%, rgba(5,18,32,.08) 78%);
  z-index:1;
}

.mf-home-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:34px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.82) 100%);
  z-index:2;
  pointer-events:none;
}

.mf-home-hero-media{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.mf-home-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:inherit;
}

.mf-home-hero-content{
  position:relative;
  z-index:3;
  max-width:680px;
  padding:clamp(34px, 5vw, 66px) 18px clamp(32px, 4.2vw, 54px);
}

.mf-home-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin:0 0 10px;
  padding:5px 11px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

.mf-home-hero h1{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(30px, 3.4vw, 48px);
  font-weight:900;
  line-height:1.08;
  text-shadow:0 2px 16px rgba(0,0,0,.38);
}

.mf-home-hero p{
  max-width:58ch;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:16px;
  line-height:1.58;
}

.mf-home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.mf-home-hero-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  backdrop-filter:blur(5px);
}

.mf-home-hero-actions a:hover,
.mf-home-hero-actions a.is-primary{
  background:#0668a1;
  border-color:#0668a1;
  color:#fff;
}





.mf-home-page .mf-home-section{
  border-radius:16px;
  min-height:0;
}



.mf-home-page .mf-home-section h2{
  margin-top:0;
  padding-top:2px;
}


@media (max-width:768px){
  body.home{
    padding-top:0;
  }

  body.home #masthead{
    display:none !important;
  }

  .mf-home-page{
    margin-top:0;
    padding-top:0;
  }

  .mf-home-hero{
    min-height:clamp(230px, 62vw, 330px);
    margin:0 calc(50% - 50vw) 18px;
  }

  .mf-home-hero::after{
    background:linear-gradient(180deg, rgba(5,18,32,.08) 0%, rgba(5,18,32,.62) 58%, rgba(5,18,32,.88) 100%);
  }

  .mf-home-hero::before{
    height:22px;
  }

  .mf-home-hero-media{
    object-position:center top;
  }

  .mf-home-hero-content{
    width:100%;
    padding:68px 16px 24px;
  }

  .mf-home-kicker{
    min-height:26px;
    font-size:11px;
  }

  .mf-home-hero h1{
    font-size:26px;
    line-height:1.12;
  }

  .mf-home-hero p{
    font-size:14px;
    line-height:1.5;
  }

  .mf-home-hero-actions{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }

  .mf-home-hero-actions a{
    min-height:34px;
    padding:7px 11px;
    font-size:12px;
  }

  .mf-home-primary-grid,
  .mf-home-secondary-grid{
    grid-template-columns:1fr;
  }

  .mf-home-primary-grid{
    min-height:0;
  }

  .mf-home-page .mf-home-news,
  .mf-home-page .mf-home-guides{
    min-height:640px;
  }

  .mf-home-page .mf-home-games,
  .mf-home-page .mf-home-popular{
    min-height:330px;
  }
}

@media (max-width:768px){
  body.home .mf-home-primary-grid,
  body.home .mf-home-secondary-grid{
    display:flex !important;
    flex-direction:column;
    gap:14px;
  }

  body.home .mf-home-primary-grid > *,
  body.home .mf-home-secondary-grid > *{
    width:100%;
  }
}

/* =====================================================
   News hub shortcode consistency
===================================================== */

.mf-news-hub{
  margin-top:0;
}

.mf-news-hub .mf-list-surface{
  margin-top:0;
}

.mf-news-hub .mf-news-item{
  border:1px solid #edf0f3;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}

.mf-news-hub .mf-news-item a{
  min-height:94px;
  padding:10px;
}

.mf-news-hub .mf-news-thumb{
  flex:0 0 112px;
  width:112px;
  height:76px;
  background:#f3f4f6;
}

.mf-news-hub .mf-news-thumb picture{
  display:block;
  width:100%;
  height:100%;
}

.mf-news-hub .mf-news-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-news-hub .mf-news-content{
  min-width:0;
}

.mf-news-hub .mf-news-title,
.mf-news-hub .mf-news-excerpt{
  overflow-wrap:anywhere;
}

.mf-news-hub .mf-no-results{
  margin:0;
  padding:16px;
  color:#4b5563;
  font-size:15px;
  font-weight:700;
}

.mf-article-content .mf-news-hub a,
.mf-article-content .mf-news-hub a:hover,
.mf-article-content .mf-news-hub a:focus,
.mf-article-content .mf-news-hub a *,
.mf-article-content .mf-news-hub a:hover *,
.mf-article-content .mf-news-hub a:focus *{
  text-decoration:none !important;
}

.mf-article-content .mf-news-hub p{
  margin:0;
}

@media (max-width:600px){
  .mf-news-hub .mf-news-item a{
    align-items:center;
    gap:10px;
    min-height:78px;
  }

  .mf-news-hub .mf-news-thumb{
    flex-basis:76px;
    width:76px;
    height:58px;
  }

  .mf-news-hub .mf-news-date{
    font-size:11px;
  }

  .mf-news-hub .mf-news-excerpt{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* =====================================================
   Desktop navigation without legacy mega-menu base
===================================================== */

@media (min-width:769px){
  .mf-desktop-navigation .mf-nav-menu,
  .mf-desktop-navigation .mf-nav-menu ul{
    list-style:none;
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mf-nav-menu{
    justify-content:flex-start;
  }

  .mf-desktop-navigation .mf-nav-menu > li{
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mf-nav-menu > li > a{
    transition:background .16s ease, color .16s ease;
  }


  .mf-desktop-navigation .mf-nav-menu .sub-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    z-index:10000;
    display:block;
    min-width:230px;
    max-width:min(720px, calc(100vw - 32px));
    margin:0;
    padding:12px;
    background:#fff;
    border:1px solid #b9d8e9;
    border-radius:14px;
    box-shadow:0 18px 42px rgba(4,82,129,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  .mf-desktop-navigation .mf-nav-menu li:hover > .sub-menu,
  .mf-desktop-navigation .mf-nav-menu li:focus-within > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }

  .mf-desktop-navigation .mf-nav-menu .sub-menu li{
    position:relative;
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mf-nav-menu .sub-menu a{
    display:block;
    padding:8px 10px;
    border-radius:8px;
    color:#374151;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    text-decoration:none;
    white-space:normal;
  }

  .mf-desktop-navigation .mf-nav-menu .sub-menu a:hover{
    background:#f3f7fb;
    color:#045281;
  }

  .mf-desktop-navigation .mf-nav-menu .sub-menu .sub-menu{
    top:-10px;
    left:calc(100% + 10px);
  }
}

/* =====================================================
   Final desktop dropdown override
===================================================== */

@media (min-width:769px){
  .mf-desktop-navigation .mf-nav-menu,
  .mf-desktop-navigation .mega-menu{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
  }

  .mf-desktop-navigation .mf-nav-menu > li,
  .mf-desktop-navigation .mega-menu > li{
    position:relative !important;
  }

  .mf-desktop-navigation .mf-nav-menu > li > a,
  .mf-desktop-navigation .mega-menu > li > a{
    display:flex !important;
    align-items:center !important;
    min-height:42px !important;
    padding:0 13px !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#17324a !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .mf-desktop-navigation .mf-nav-menu > li:hover > a,
  .mf-desktop-navigation .mf-nav-menu > li.current-menu-item > a,
  .mf-desktop-navigation .mf-nav-menu > li.current-menu-ancestor > a,
  .mf-desktop-navigation .mega-menu > li:hover > a,
  .mf-desktop-navigation .mega-menu > li.current-menu-item > a,
  .mf-desktop-navigation .mega-menu > li.current-menu-ancestor > a{
    background:#0668a1 !important;
    color:#fff !important;
  }

  .mf-desktop-navigation .sub-menu{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    left:0 !important;
    z-index:10000 !important;
    display:block !important;
    margin:0 !important;
    list-style:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(6px) !important;
    pointer-events:none !important;
  }

  .mf-desktop-navigation li:hover > .sub-menu,
  .mf-desktop-navigation li:focus-within > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  .mf-desktop-navigation .sub-menu li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  .mf-desktop-navigation .sub-menu a{
    background:transparent !important;
    text-decoration:none !important;
    white-space:normal !important;
  }


}

/* =====================================================
   Final guide hub visual polish
===================================================== */

.mf-guidehub{
  gap:12px;
  margin-top:18px;
}

.mf-guidehub .mf-guide-filter{
  display:grid;
  grid-template-columns:minmax(220px, 320px) minmax(260px, 1fr);
  gap:10px;
  padding:14px;
  background:#fff;
  border:1px solid #d6e7f1;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.mf-guidehub .mf-guide-dropdown,
.mf-guidehub .mf-guide-search{
  min-height:44px;
  padding:0 14px;
  border:1px solid #b9d8e9;
  border-radius:999px;
  background:#f8fbfd;
  color:#111827;
  font-size:14px;
  font-weight:650;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.mf-guidehub .mf-guide-dropdown:focus,
.mf-guidehub .mf-guide-search:focus{
  background:#fff;
  border-color:#0668a1;
  outline:3px solid rgba(6,104,161,.14);
}

.mf-guidehub-game{
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #dce8f0;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(15,23,42,.05);
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mf-guidehub-game:hover{
  border-color:#b9d8e9;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}

.mf-guidehub-game.is-open{
  border-color:#9fcae2;
  box-shadow:0 14px 34px rgba(4,82,129,.12);
}

.mf-guidehub-game.is-collapsed{
  padding-bottom:0;
}

.mf-guidehub .mf-guidehub-section-header{
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.mf-guidehub-section-header .mf-game-title{
  margin:0;
  font-size:18px;
}

.mf-guidehub-toggle{
  min-height:64px;
  padding:14px 16px 14px 18px;
  background:linear-gradient(180deg, #fff 0%, #f8fbfd 100%);
  transition:background .16s ease;
}

.mf-guidehub-toggle:hover{
  background:#f1f8fc;
}

.mf-guidehub-game.is-open .mf-guidehub-toggle{
  background:#eef7fb;
}

.mf-guidehub-toggle-text{
  align-items:center;
  gap:14px;
}

.mf-guidehub-toggle-text > span:first-child{
  color:#111827;
  font-size:18px;
  font-weight:850;
  line-height:1.25;
}

.mf-guidehub-section-header .mf-guide-count{
  flex:0 0 auto;
  min-height:30px;
  padding:6px 11px;
  background:#edf8f0;
  border:1px solid #c9e7d0;
  color:#176b36;
  font-size:12px;
  font-weight:850;
}

.mf-guidehub-toggle-icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  background:#fff;
  border:1px solid #b9d8e9;
  box-shadow:0 3px 10px rgba(4,82,129,.12);
}

.mf-guidehub-game.is-open .mf-guidehub-toggle-icon{
  background:#0668a1;
  border-color:#0668a1;
}

.mf-guidehub-game.is-open .mf-guidehub-toggle-icon::before,
.mf-guidehub-game.is-open .mf-guidehub-toggle-icon::after{
  background:#fff;
}

.mf-guidehub-panel{
  margin:0;
  padding:0 16px 16px;
  background:#fff;
}

.mf-guidehub-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:10px;
  padding-top:12px;
  border-top:1px solid #e8eff4;
}

.mf-guidehub-card{
  border-color:#e7edf2;
  border-radius:14px;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}

.mf-guidehub-card a{
  min-height:88px;
  padding:11px;
}

.mf-guidehub-card:hover{
  border-color:#b9d8e9;
  box-shadow:0 10px 22px rgba(4,82,129,.1);
}

.mf-guidehub-card .mf-news-thumb{
  flex-basis:92px;
  width:92px;
  height:66px;
  border-radius:12px;
}

.mf-guidehub-card .mf-news-title{
  color:#111827;
  font-size:14px;
  font-weight:850;
}

.mf-guidehub-card .mf-news-date{
  display:inline-flex;
  width:max-content;
  margin-bottom:4px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:11px;
  font-weight:800;
}

.mf-guidehub-loader,
.mf-guidehub-search-results{
  border-color:#d6e7f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}

.mf-guidehub-loader{
  margin-top:12px;
}

.mf-guidehub-search-results{
  padding:16px;
}

.mf-guidehub-search-results .mf-guidehub-list{
  padding-top:0;
  border-top:0;
}

@media (max-width:700px){
  .mf-guidehub{
    gap:10px;
  }

  .mf-guidehub .mf-guide-filter{
    grid-template-columns:1fr;
    padding:12px;
    border-radius:14px;
  }

  .mf-guidehub-toggle{
    min-height:58px;
    padding:13px 14px;
  }

  .mf-guidehub-toggle-text > span:first-child{
    font-size:16px;
  }

  .mf-guidehub-toggle-text{
    gap:7px;
  }

  .mf-guidehub-panel{
    padding:0 12px 12px;
  }

  .mf-guidehub-list{
    grid-template-columns:1fr;
    gap:9px;
  }

  .mf-guidehub-card a{
    min-height:78px;
  }

  .mf-guidehub-card .mf-news-thumb{
    flex-basis:74px;
    width:74px;
    height:56px;
  }
}

/* =====================================================
   Unified search and archive list cards
===================================================== */

.mf-list-surface:not(.mf-game-archive-grid){
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mf-search-type-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
  padding:12px;
  background:#fff;
  border:1px solid #dce8f0;
  border-radius:16px;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-search-type-filters a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #d6e7f1;
  border-radius:999px;
  background:#f8fbfd;
  color:#17324a;
  font-size:13px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.mf-search-type-filters a:hover,
.mf-search-type-filters a:focus{
  background:#e7f3fa;
  border-color:#b9d8e9;
  color:#045281;
  text-decoration:none;
  transform:translateY(-1px);
}

.mf-search-type-filters a.is-active{
  background:#0668a1;
  border-color:#0668a1;
  color:#fff;
}

.mf-search-type-filters strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#045281;
  font-size:12px;
  font-weight:900;
}

.mf-search-type-filters a.is-active strong{
  background:rgba(255,255,255,.22);
  color:#fff;
}

.mf-list-card{
  border:1px solid #e7edf2;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mf-list-card:hover{
  border-color:#b9d8e9;
  box-shadow:0 10px 24px rgba(4,82,129,.09);
  transform:translateY(-1px);
}

.mf-list-card > a{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:96px;
  padding:11px;
  color:inherit;
  text-decoration:none !important;
}

.mf-list-card > a:hover,
.mf-list-card > a:focus{
  background:#f8fbfd;
  text-decoration:none !important;
}

.mf-list-card .mf-news-thumb{
  flex:0 0 112px;
  width:112px;
  height:78px;
  border-radius:10px;
  background:#f3f4f6;
  overflow:hidden;
}

.mf-list-card .mf-news-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-list-card.type-game .mf-news-thumb img{
  object-fit:contain;
  padding:5px;
  background:#f8fafc;
}

.mf-list-card .mf-news-content{
  min-width:0;
}

.mf-list-card .mf-news-title{
  margin-bottom:4px;
  color:#111827;
  font-size:15px;
  font-weight:850;
  line-height:1.3;
}

.mf-list-card .mf-news-date{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-bottom:4px;
  color:#667085;
  font-size:12px;
  font-weight:650;
}

.mf-list-card .mf-meta-sep{
  margin:0;
}

.mf-list-card .mf-news-excerpt{
  color:#4b5563;
  font-size:13px;
  line-height:1.48;
}

.mf-list-card .mf-news-title,
.mf-list-card .mf-news-excerpt{
  overflow-wrap:anywhere;
}

.mf-search-highlight{
  display:inline;
  padding:0 2px;
  border-radius:4px;
  background:#fff2a8;
  color:inherit;
  box-shadow:0 0 0 1px rgba(250,204,21,.25);
}

@media (max-width:600px){
  .mf-search-type-filters{
    gap:7px;
    padding:10px;
    border-radius:14px;
  }

  .mf-search-type-filters a{
    min-height:32px;
    padding:6px 10px;
    font-size:12px;
  }

  .mf-search-type-filters strong{
    min-width:20px;
    height:20px;
    padding:0 6px;
    font-size:11px;
  }

  .mf-list-card > a{
    align-items:center;
    gap:10px;
    min-height:78px;
    padding:10px;
  }

  .mf-list-card .mf-news-thumb{
    flex-basis:76px;
    width:76px;
    height:58px;
  }

  .mf-list-card .mf-news-title{
    font-size:15px;
  }

  .mf-list-card .mf-news-date{
    font-size:11px;
  }

  .mf-list-card .mf-news-excerpt{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:12px;
  }
}

/* =====================================================
   Final archive polish: games and reviews
===================================================== */

.mf-games-archive-page .mf-game-archive-grid,
.mf-search-page .mf-game-archive-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:12px;
  padding:14px;
}

.mf-game-list-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  border:1px solid #e7edf2;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mf-game-list-card:hover{
  border-color:#b9d8e9;
  box-shadow:0 10px 24px rgba(4,82,129,.09);
  transform:translateY(-1px);
}

.mf-game-list-card > .mf-game-list-main{
  display:grid;
  grid-template-columns:86px minmax(0, 1fr);
  flex:1 1 auto;
  height:auto;
  min-height:86px;
  color:inherit;
  text-decoration:none !important;
}

.mf-game-list-card > .mf-game-list-main:hover,
.mf-game-list-card > .mf-game-list-main:focus{
  background:#f8fbfd;
  text-decoration:none !important;
}

.mf-game-archive-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.mf-game-list-card .mf-game-archive-thumb{
  width:86px;
  height:86px;
  aspect-ratio:auto;
  background:#f3f4f6;
  border-right:1px solid #edf0f3;
  overflow:hidden;
}

.mf-game-list-card .mf-game-archive-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-game-list-card .mf-game-archive-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:10px 12px;
}

.mf-game-list-card .mf-game-archive-content h2{
  margin:0 0 4px;
  color:#111827;
  font-size:15px;
  font-weight:850;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.mf-game-list-card .mf-game-archive-head h2{
  min-width:0;
}

.mf-game-review-rating{
  min-width:38px;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:#0668a1;
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 4px 12px rgba(4,82,129,.16);
}

.mf-game-list-card .mf-game-archive-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:0 0 5px;
}

.mf-game-list-card .mf-game-archive-meta span{
  min-height:20px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
}

.mf-game-list-card .mf-game-archive-content p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin:0;
  overflow:hidden;
  color:#4b5563;
  font-size:12px;
  line-height:1.4;
}

.mf-game-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:9px 12px 11px;
  border-top:1px solid #edf0f3;
  background:#f8fbfd;
}

.mf-game-card-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #cfe3ef;
  border-radius:999px;
  background:#fff;
  color:#045281 !important;
  font-size:12px;
  font-weight:850;
  line-height:1.1;
  text-decoration:none !important;
  transition:background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.mf-game-card-action:hover,
.mf-game-card-action:focus{
  border-color:#0668a1;
  background:#eaf5fb;
  color:#045281 !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

.mf-game-card-action.is-review{
  border-color:#0668a1;
  background:#0668a1;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(4,82,129,.14);
}

.mf-game-card-action.is-review:hover,
.mf-game-card-action.is-review:focus{
  border-color:#045281;
  background:#045281;
  color:#fff !important;
}

.mf-game-card-action.is-news{
  border-color:#b9d8e9;
  background:#eef7fb;
  color:#045281 !important;
}

.mf-game-card-action.is-news:hover,
.mf-game-card-action.is-news:focus{
  border-color:#0668a1;
  background:#dff0f8;
}

.mf-review-archive .mf-review-list{
  margin-top:18px;
}

.mf-review-archive .mf-review-listing-head{
  align-items:center;
}

.mf-review-archive .mf-review-rating{
  min-width:42px;
  min-height:30px;
  border-radius:999px;
  background:#0668a1;
  box-shadow:0 4px 12px rgba(4,82,129,.16);
}

.mf-review-archive .mf-list-card .mf-news-thumb{
  background:#f3f4f6;
}

.mf-review-archive .mf-list-card .mf-news-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.mf-review-archive .mf-archive-count,
.mf-games-archive-page .mf-archive-count{
  border-color:#d6e7f1;
  background:#f8fbfd;
}

@media (max-width:700px){
  .mf-games-archive-page .mf-game-archive-grid,
  .mf-search-page .mf-game-archive-grid{
    grid-template-columns:1fr;
    padding:10px;
  }

  .mf-game-list-card > .mf-game-list-main{
    grid-template-columns:76px minmax(0, 1fr);
    min-height:76px;
  }

  .mf-game-list-card .mf-game-archive-thumb{
    width:76px;
    height:76px;
  }

  .mf-game-list-card .mf-game-archive-content{
    padding:9px 10px;
  }

  .mf-game-list-card .mf-game-archive-content h2{
    font-size:14px;
  }

  .mf-game-archive-head{
    gap:8px;
  }

  .mf-game-review-rating{
    min-width:34px;
    min-height:26px;
    padding:4px 8px;
    font-size:11px;
  }

  .mf-game-list-card .mf-game-archive-content p{
    -webkit-line-clamp:1;
  }

  .mf-game-card-actions{
    gap:7px;
    padding:8px 10px 10px;
  }

  .mf-game-card-action{
    flex:1 1 0;
    min-width:0;
  }

  .mf-review-archive .mf-games-archive-header-main{
    align-items:stretch;
    flex-direction:column;
  }
}

/* =====================================================
   Final guide archive and pagination system
===================================================== */

.mf-guide-archive .mf-guide-taxonomy-list,
.mf-guide-taxonomy-page .mf-guide-taxonomy-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:18px;
}

.mf-guide-archive .mf-list-card,
.mf-guide-taxonomy-page .mf-list-card{
  border-color:#e7edf2;
}

.mf-guide-archive .mf-list-card .mf-news-thumb,
.mf-guide-taxonomy-page .mf-list-card .mf-news-thumb{
  background:#f3f4f6;
}

.mf-guide-archive .mf-list-card .mf-news-date,
.mf-guide-taxonomy-page .mf-list-card .mf-news-date{
  display:inline-flex;
  width:max-content;
  margin-bottom:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:11px;
  font-weight:850;
}

.mf-guide-taxonomy-page .mf-guide-hub-section{
  margin-top:22px;
}

.mf-guide-taxonomy-page .mf-guide-hub-section:first-of-type{
  margin-top:0;
}

.mf-guide-taxonomy-page .mf-guide-hub-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #dce8f0;
  border-radius:16px;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-guide-taxonomy-page .mf-guide-hub-section-header h2{
  margin:0;
  color:#111827;
  font-size:18px;
  font-weight:850;
  line-height:1.25;
}

.mf-guide-taxonomy-page .mf-guide-hub-section-header span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#edf8f0;
  border:1px solid #c9e7d0;
  color:#176b36;
  font-size:12px;
  font-weight:900;
}

.mf-guide-taxonomy-page .mf-guide-hub-section-description{
  margin:-2px 0 12px;
  padding:0 2px;
  color:#4b5563;
  font-size:14px;
  line-height:1.55;
}

.mf-news-pagination{
  margin-top:24px;
  border-color:#dce8f0;
  border-radius:16px;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-news-pagination:empty{
  display:none;
}

.mf-news-pagination a,
.mf-news-pagination span{
  border-color:#d6e7f1;
  border-radius:999px;
  color:#17324a;
  font-weight:800;
}

.mf-news-pagination a:hover,
.mf-news-pagination a:focus{
  background:#e7f3fa;
  border-color:#b9d8e9;
  color:#045281;
  text-decoration:none;
}

.mf-news-pagination .current{
  background:#0668a1;
  border-color:#0668a1;
  color:#fff;
}

.mf-guide-archive .mf-archive-count,
.mf-guide-taxonomy-page .mf-archive-count,
.mf-generic-archive-header .mf-archive-count{
  border-color:#d6e7f1;
  background:#f8fbfd;
}

@media (max-width:700px){
  .mf-guide-archive .mf-games-archive-header-main,
  .mf-guide-taxonomy-page .mf-games-archive-header-main,
  .mf-generic-archive-header .mf-games-archive-header-main{
    align-items:stretch;
    flex-direction:column;
  }

  .mf-guide-taxonomy-page .mf-guide-hub-section{
    margin-top:18px;
  }

  .mf-guide-taxonomy-page .mf-guide-hub-section-header{
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
  }

  .mf-guide-taxonomy-page .mf-guide-hub-section-header h2{
    font-size:16px;
  }

  .mf-news-pagination{
    gap:5px;
    padding:10px;
  }

  .mf-news-pagination a,
  .mf-news-pagination span{
    min-width:32px;
    height:32px;
    padding:0 9px;
    font-size:13px;
  }
}

/* =====================================================
   Unified related game CTA
===================================================== */

.mf-more-game{
  margin:26px 0 0;
  border-color:#d6e7f1;
  border-radius:16px;
  background:linear-gradient(180deg, #fff 0%, #f8fbfd 100%);
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-more-game-text span{
  color:#045281;
  letter-spacing:.02em;
}

.mf-more-game-text strong{
  font-weight:850;
}

.mf-more-game-text em{
  color:#667085;
  font-size:12px;
  font-style:normal;
  font-weight:700;
}

.mf-more-game-links a,
.mf-more-game a{
  border:1px solid #0668a1;
  border-radius:999px;
  background:#0668a1;
  box-shadow:0 4px 12px rgba(4,82,129,.14);
}

.mf-more-game-links a:hover,
.mf-more-game a:hover{
  background:#045281;
  border-color:#045281;
}

.mf-affiliate-game{
  border-color:#fed7aa;
  background:linear-gradient(180deg, #fff 0%, #fff7ed 100%);
}

.mf-affiliate-game .mf-more-game-text span{
  color:#b45309;
}

.mf-affiliate-game .mf-more-game-links a,
.mf-affiliate-game a{
  border-color:#ea580c;
  background:#ea580c;
  box-shadow:0 4px 12px rgba(234,88,12,.15);
}

.mf-affiliate-game .mf-more-game-links a:hover,
.mf-affiliate-game a:hover{
  border-color:#c2410c;
  background:#c2410c;
}

@media (max-width:700px){
  .mf-more-game{
    margin-top:22px;
    padding:14px;
    border-radius:14px;
  }

  .mf-more-game-links{
    gap:7px;
  }
}

/* =====================================================
   Game hub summary and section navigation
===================================================== */

.mf-game-hub-nav{
  position:sticky;
  top:86px;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
  padding:12px;
  background:rgba(255,255,255,.94);
  border:1px solid #d6e7f1;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  backdrop-filter:blur(10px);
}

.mf-game-hub-nav a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #d6e7f1;
  border-radius:999px;
  background:#f8fbfd;
  color:#17324a;
  font-size:13px;
  font-weight:850;
  line-height:1;
  text-decoration:none;
}

.mf-game-hub-nav a:hover,
.mf-game-hub-nav a:focus{
  background:#e7f3fa;
  border-color:#b9d8e9;
  color:#045281;
  text-decoration:none;
}

.mf-game-hub-nav strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#0668a1;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.mf-game-facts{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:10px;
  margin:16px 0 20px;
}

.mf-game-fact{
  min-width:0;
  padding:12px;
  border:1px solid #dce8f0;
  border-radius:14px;
  background:#f8fbfd;
}

.mf-game-fact span{
  display:block;
  margin:0 0 4px;
  color:#667085;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  text-transform:uppercase;
}

.mf-game-fact strong{
  display:block;
  color:#111827;
  font-size:14px;
  font-weight:850;
  line-height:1.35;
}

.mf-game-section{
  scroll-margin-top:110px;
}

@media (max-width:700px){
  .mf-game-hub-nav{
    position:static;
    gap:7px;
    padding:10px;
    border-radius:14px;
  }

  .mf-game-hub-nav a{
    flex:1 1 calc(50% - 7px);
    justify-content:center;
    min-height:32px;
    padding:7px 9px;
    font-size:12px;
  }

  .mf-game-facts{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:14px 0 18px;
  }

  .mf-game-fact{
    padding:10px;
    border-radius:12px;
  }
}

/* =====================================================
   Unified desktop and mobile navigation
===================================================== */

.mf-desktop-topbar,
.mobile-top-bar{
  background:rgba(247,251,253,.96);
  background-image:linear-gradient(180deg, rgba(255,255,255,.98), rgba(238,247,251,.98));
  border-bottom-color:var(--mf-nav-border);
  box-shadow:0 8px 24px rgba(4,82,129,.12);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

.mf-menu-icon{
  display:grid;
  gap:4px;
  width:19px;
}

.mf-menu-icon span{
  display:block;
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .18s ease, opacity .18s ease;
}

.menu-toggle[aria-expanded="true"] .mf-menu-icon span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .mf-menu-icon span:nth-child(2){
  opacity:0;
}

.menu-toggle[aria-expanded="true"] .mf-menu-icon span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

.mf-search-icon{
  position:relative;
  display:inline-block;
  width:12px;
  height:12px;
  flex:0 0 12px;
  border:2px solid currentColor;
  border-radius:50%;
}

.mf-search-icon::after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:-3px;
  width:6px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:rotate(45deg);
  transform-origin:left center;
}

@media (min-width:769px){
  .mf-desktop-topbar{
    z-index:10050;
  }

  .mf-desktop-topbar-inner{
    grid-template-columns:160px minmax(0, 1fr) 200px;
    gap:14px;
    max-width:1440px;
    padding-inline:24px;
  }

  .mf-desktop-navigation,
  .mf-desktop-navigation .mf-primary-nav-list{
    overflow:visible !important;
  }

  .mf-desktop-navigation .mf-primary-nav-list{
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
    list-style:none;
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item{
    position:relative !important;
    margin:0;
    padding:0;
  }

  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item > a{
    position:relative;
    display:flex !important;
    align-items:center !important;
    min-height:40px !important;
    padding:0 11px !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:transparent !important;
    color:var(--mf-nav-text) !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    transition:background .16s ease, border-color .16s ease, color .16s ease;
  }

  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item > a:hover,
  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item > a:focus{
    border-color:#c7e0ee !important;
    background:var(--mf-nav-bg-hover) !important;
    color:var(--mf-nav-primary-dark) !important;
  }

  .mf-desktop-navigation .mf-primary-nav-list > .current-menu-item > a,
  .mf-desktop-navigation .mf-primary-nav-list > .current-menu-ancestor > a{
    border-color:var(--mf-nav-primary) !important;
    background:var(--mf-nav-primary) !important;
    color:#fff !important;
    box-shadow:0 5px 14px rgba(6,104,161,.2);
  }

  .mf-desktop-navigation .menu-item-has-children > a::after{
    content:"";
    width:6px;
    height:6px;
    margin-left:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-1px);
    opacity:.6;
  }

  .mf-desktop-navigation .mf-platform-menu{
    position:absolute !important;
    top:calc(100% - 4px) !important;
    left:0 !important;
    z-index:10000 !important;
    display:block !important;
    width:min(720px, calc(100vw - 250px));
    min-width:560px !important;
    max-width:720px !important;
    max-height:calc(100vh - 100px);
    margin:0 !important;
    padding:12px !important;
    overflow-y:auto;
    list-style:none !important;
    background:rgba(255,255,255,.99) !important;
    border:1px solid #cfe4ef !important;
    border-radius:14px !important;
    box-shadow:var(--mf-nav-panel-shadow) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:none !important;
    pointer-events:none !important;
    transition:opacity .14s ease, visibility .14s ease;
  }

  .mf-desktop-navigation .mf-platform-menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:24px;
    width:12px;
    height:12px;
    background:#fff;
    border-top:1px solid #cfe4ef;
    border-left:1px solid #cfe4ef;
    transform:rotate(45deg);
  }

  .mf-desktop-navigation .mf-platform-menu::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
  }

  .mf-desktop-navigation .mf-nav-item:hover > .mf-platform-menu,
  .mf-desktop-navigation .mf-nav-item:focus-within > .mf-platform-menu{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  .mf-desktop-navigation .mf-platform-menu-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 !important;
    padding:2px 4px 10px !important;
    border:0 !important;
    border-bottom:1px solid #e3eef4 !important;
  }

  .mf-desktop-navigation .mf-platform-menu-header > span{
    color:var(--mf-heading);
    font-size:15px;
    font-weight:900;
  }

  .mf-desktop-navigation .mf-platform-menu-header > a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:32px !important;
    padding:0 12px !important;
    border:1px solid #b9d8e9 !important;
    border-radius:999px !important;
    background:var(--mf-nav-bg-hover) !important;
    color:var(--mf-nav-primary-dark) !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-decoration:none !important;
  }

  .mf-desktop-navigation .mf-platform-menu-header > a:hover,
  .mf-desktop-navigation .mf-platform-menu-header > a:focus{
    border-color:var(--mf-nav-primary) !important;
    background:var(--mf-nav-primary) !important;
    color:#fff !important;
  }

  .mf-desktop-navigation .mf-platform-group{
    display:grid;
    grid-template-columns:108px minmax(0, 1fr);
    align-items:start;
    gap:12px;
    width:100% !important;
    min-width:0;
    max-width:none !important;
    margin:0 !important;
    padding:10px 4px !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid #e8f0f5 !important;
    border-radius:0;
  }

  .mf-desktop-navigation .mf-platform-group:last-child{
    padding-bottom:2px !important;
    border-bottom:0 !important;
  }

  .mf-desktop-navigation .mf-platform-group-title{
    display:block;
    margin:7px 0 0;
    color:var(--mf-nav-primary-dark);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
  }

  .mf-desktop-navigation .mf-platform-links{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:3px 5px;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    list-style:none !important;
    opacity:1 !important;
    visibility:inherit !important;
    transform:none !important;
    pointer-events:inherit !important;
  }

  .mf-desktop-navigation .mf-platform-menu *{
    pointer-events:inherit !important;
  }

  .mf-desktop-navigation .mf-platform-links li{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .mf-desktop-navigation .mf-platform-links a{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:7px 9px !important;
    border-radius:8px !important;
    background:var(--mf-nav-bg-soft) !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--mf-nav-text) !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-decoration:none !important;
  }

  .mf-desktop-navigation .mf-platform-links a:hover,
  .mf-desktop-navigation .mf-platform-links a:focus{
    background:var(--mf-nav-bg-hover) !important;
    color:var(--mf-nav-primary-dark) !important;
  }

  .mf-desktop-search{
    width:200px;
    height:40px;
  }

  .mf-desktop-search button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:76px;
  }
}

@media (min-width:769px) and (max-width:1100px){
  .mf-desktop-topbar-inner{
    grid-template-columns:138px minmax(0, 1fr) 132px;
    gap:8px;
    padding-inline:12px;
  }

  .mf-desktop-logo img{
    max-width:132px;
    height:34px;
  }

  .mf-desktop-navigation .mf-primary-nav-list{
    gap:0 !important;
  }

  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item > a{
    padding-inline:7px !important;
    font-size:12px !important;
  }

  .mf-desktop-navigation .mf-platform-menu{
    width:min(520px, calc(100vw - 230px));
    min-width:440px !important;
  }

  .mf-desktop-navigation .mf-platform-group{
    grid-template-columns:92px minmax(0, 1fr);
    gap:8px;
  }

  .mf-desktop-navigation .mf-platform-links{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .mf-desktop-search{
    width:132px;
  }

  .mf-desktop-search button{
    min-width:34px;
    width:34px;
    padding:0;
  }

  .mf-desktop-search .mf-search-label{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
  }
}

@media (max-width:768px){
  .mobile-top-inner{
    display:grid !important;
    grid-template-columns:44px minmax(0, 1fr) 44px;
    align-items:center;
    gap:8px;
    padding:8px 12px;
  }

  .mobile-logo{
    grid-column:2;
    grid-row:1;
    justify-self:center;
  }

  .menu-toggle{
    grid-column:1;
    grid-row:1;
  }

  .guides-toggle{
    grid-column:3;
    grid-row:1;
  }

  .mobile-top-bar .menu-toggle,
  .mobile-top-bar .guides-toggle{
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    background:#dceff8 !important;
    border:1px solid #83bdd9 !important;
    border-radius:11px;
    color:var(--mf-nav-primary-dark) !important;
    box-shadow:0 4px 12px rgba(4,82,129,.14) !important;
  }

  .mobile-top-bar .menu-toggle:hover,
  .mobile-top-bar .menu-toggle:focus,
  .mobile-top-bar .guides-toggle:hover,
  .mobile-top-bar .guides-toggle:focus{
    background:#c9e7f5 !important;
    border-color:var(--mf-nav-primary) !important;
    color:#033f63 !important;
  }

  .mobile-top-menu,
  .mobile-guides-menu{
    margin:8px 10px 10px;
    padding:12px;
    border-radius:15px;
    box-shadow:var(--mf-nav-panel-shadow);
  }

  .mobile-top-menu .mf-primary-nav-list{
    gap:4px;
  }

  .mobile-top-menu .mf-primary-nav-list > .mf-nav-item > a,
  .mobile-top-menu .mobile-menu-row > a{
    min-height:42px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:10px;
    color:var(--mf-nav-text);
    font-size:15px;
    font-weight:800;
    text-decoration:none;
  }

  .mobile-top-menu .mf-primary-nav-list > .mf-nav-item > a:hover,
  .mobile-top-menu .mobile-menu-row > a:hover{
    border-color:#c7e0ee;
    background:var(--mf-nav-bg-hover);
    color:var(--mf-nav-primary-dark);
  }

  .mobile-top-menu .mf-primary-nav-list > .current-menu-item > a,
  .mobile-top-menu .current-menu-item > .mobile-menu-row > a{
    border-color:var(--mf-nav-primary);
    background:var(--mf-nav-primary);
    color:#fff;
    box-shadow:0 4px 12px rgba(6,104,161,.18);
  }

  .mobile-submenu-toggle span{
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translate(-1px, -1px);
    transition:transform .16s ease;
  }

  .mobile-menu-item-has-children.is-open .mobile-submenu-toggle span{
    transform:rotate(225deg) translate(-1px, -1px);
  }

  .mobile-top-menu .mf-platform-menu{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
    padding:10px;
    background:linear-gradient(180deg, #f4f9fc 0%, #eef6fa 100%);
    border:1px solid #cfe4ef;
    border-radius:12px;
  }

  .mobile-top-menu .mf-platform-menu-header{
    grid-column:1 / -1;
    order:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0;
    padding:0 2px 9px;
    border:0;
    border-bottom:1px solid #d9e9f2;
  }

  .mobile-top-menu .mf-platform-menu-header > span{
    color:var(--mf-heading);
    font-size:13px;
    font-weight:900;
  }

  .mobile-top-menu .mf-platform-menu-header > a{
    min-height:30px;
    padding:0 12px;
    border:1px solid var(--mf-nav-primary);
    border-radius:999px;
    background:var(--mf-nav-primary);
    color:#fff;
    font-size:12px;
    font-weight:900;
  }

  .mobile-top-menu .mf-platform-group{
    display:contents;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }

  .mobile-platform-group-toggle{
    order:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:7px 5px;
    border:1px solid #cfe4ef;
    border-radius:9px;
    background:#fff;
    color:var(--mf-nav-primary-dark);
    font-family:inherit;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
    text-align:center;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(16,42,67,.04);
    transition:background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
  }

  .mobile-platform-group-toggle:hover,
  .mobile-platform-group-toggle:focus{
    background:var(--mf-nav-bg-hover);
    color:var(--mf-nav-primary-dark);
  }

  .mobile-platform-group-toggle[aria-expanded="true"]{
    border-color:var(--mf-nav-primary);
    background:var(--mf-nav-primary);
    color:#fff;
    box-shadow:0 4px 10px rgba(6,104,161,.18);
  }

  .mf-platform-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:21px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    background:#edf6fb;
    color:var(--mf-nav-primary-dark);
    font-size:10px;
  }

  .mobile-platform-group-toggle[aria-expanded="true"] .mf-platform-count{
    background:rgba(255,255,255,.2);
    color:#fff;
  }

  .mf-platform-chevron{
    display:none;
  }

  .mobile-top-menu .mf-platform-links{
    grid-column:1 / -1;
    order:2;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    margin:2px 0 0;
    padding:9px 0 0;
    border-top:1px solid #d9e9f2;
    list-style:none;
  }

  .mobile-top-menu .mf-platform-links[hidden]{
    display:none !important;
  }

  .mobile-top-menu .mf-platform-links li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .mobile-top-menu .mf-platform-links li a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:8px 10px;
    border-radius:8px;
    border:1px solid transparent !important;
    background:rgba(255,255,255,.82);
    box-shadow:none !important;
    color:var(--mf-nav-text);
    font-size:12px;
    line-height:1.3;
  }

  .mobile-top-menu .mf-platform-links li a:hover,
  .mobile-top-menu .mf-platform-links li a:focus{
    border-color:#b9d8e9 !important;
    background:#fff;
    color:var(--mf-nav-primary-dark);
  }
}

@media (max-width:350px){
  .mobile-platform-group-toggle{
    padding-inline:3px;
    font-size:11px;
  }

  .mobile-platform-group-toggle .mf-platform-count{
    display:none;
  }
}

/* =====================================================
   Final media presentation
===================================================== */

.mf-article-content :where(.wp-block-image, figure.wp-caption, .wp-caption, .gallery, .wp-block-gallery, .wp-block-embed, .mf-media-embed, .video_embed),
.post-details .entry-content :where(.wp-block-image, figure.wp-caption, .wp-caption, .gallery, .wp-block-gallery, .wp-block-embed, .mf-media-embed, .video_embed){
  margin:24px 0;
}

.mf-article-content :where(img),
.post-details .entry-content :where(img){
  max-width:100%;
  height:auto;
}

.mf-article-content :where(.wp-block-image a, .wp-caption a, .gallery a, .wp-block-gallery a, .mf-modern-gallery-link),
.post-details .entry-content :where(.wp-block-image a, .wp-caption a, .gallery a, .wp-block-gallery a, .mf-modern-gallery-link),
.mf-game-media-grid a{
  text-decoration:none !important;
}

.mf-article-content :where(.wp-block-image a, .wp-caption a),
.post-details .entry-content :where(.wp-block-image a, .wp-caption a){
  display:inline-block;
  max-width:100%;
  border-radius:16px;
  cursor:zoom-in;
}

.mf-article-content > img,
.mf-article-content p > img:only-child,
.mf-article-content .wp-block-image img,
.mf-article-content .wp-caption img,
.post-details .entry-content > img,
.post-details .entry-content p > img:only-child,
.post-details .entry-content .wp-block-image img,
.post-details .entry-content .wp-caption img{
  display:block;
  width:auto;
  max-width:100%;
  border:1px solid var(--mf-media-border);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content .aligncenter,
.post-details .entry-content .aligncenter{
  display:block;
  margin:24px auto;
}

.mf-article-content .alignleft,
.post-details .entry-content .alignleft{
  float:left;
  max-width:min(320px, 45%);
  margin:6px 24px 16px 0;
}

.mf-article-content .alignright,
.post-details .entry-content .alignright{
  float:right;
  max-width:min(320px, 45%);
  margin:6px 0 16px 24px;
}

.mf-article-content :where(.wp-caption, figure.wp-caption),
.post-details .entry-content :where(.wp-caption, figure.wp-caption){
  max-width:100%;
  padding:8px;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content :where(.wp-caption, figure.wp-caption) img,
.post-details .entry-content :where(.wp-caption, figure.wp-caption) img{
  width:100%;
  border:0;
  border-radius:12px;
  box-shadow:none;
}

.mf-article-content :where(figcaption, .wp-caption-text),
.post-details .entry-content :where(figcaption, .wp-caption-text){
  margin:8px 4px 2px;
  color:#667085;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}

.mf-inline-image{
  width:min(260px, 42%);
  padding:8px;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mf-media-shadow);
}

.mf-inline-image img{
  width:100%;
  border:0;
  border-radius:12px;
  box-shadow:none;
}

.mf-article-content :where(.video_embed, .mf-media-embed-video),
.post-details .entry-content :where(.video_embed, .mf-media-embed-video){
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#07192a;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content :where(.wp-block-embed),
.post-details .entry-content :where(.wp-block-embed){
  overflow:hidden;
  padding:8px;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content :where(.wp-block-embed__wrapper),
.post-details .entry-content :where(.wp-block-embed__wrapper){
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border-radius:13px;
  background:#07192a;
}

.mf-article-content :where(.video_embed, .wp-block-embed__wrapper, .mf-media-embed-video) iframe,
.post-details .entry-content :where(.video_embed, .wp-block-embed__wrapper, .mf-media-embed-video) iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none;
  margin:0 !important;
  border:0;
  border-radius:0;
  aspect-ratio:auto;
}

.mf-youtube-privacy{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#07192a;
  box-shadow:var(--mf-media-shadow);
  color:#fff;
  isolation:isolate;
}

.mf-youtube-privacy-frame{
  position:absolute;
  inset:0;
  z-index:1;
}

.mf-youtube-privacy-frame iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  border:0;
}

.mf-youtube-privacy-button{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:100%;
  height:100%;
  padding:24px;
  border:0;
  background:
    linear-gradient(135deg, rgba(7,25,42,.96), rgba(6,104,161,.78)),
    #07192a;
  color:#fff;
  cursor:pointer;
  font:inherit;
  text-align:left;
}

.mf-youtube-privacy-button:hover,
.mf-youtube-privacy-button:focus{
  background:
    linear-gradient(135deg, rgba(4,82,129,.98), rgba(6,104,161,.82)),
    #045281;
  outline:none;
}

.mf-youtube-privacy-button:focus-visible{
  outline:3px solid rgba(255,255,255,.58);
  outline-offset:-8px;
}

.mf-youtube-privacy-icon{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  border:2px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}

.mf-youtube-privacy-icon::before{
  content:"";
  width:0;
  height:0;
  margin-left:5px;
  border-top:13px solid transparent;
  border-bottom:13px solid transparent;
  border-left:20px solid #0668a1;
}

.mf-embed-privacy.is-google-maps{
  aspect-ratio:4 / 3;
  background:#082033;
}

.mf-embed-privacy.is-google-maps .mf-youtube-privacy-button{
  background:
    linear-gradient(135deg, rgba(8,32,51,.96), rgba(6,104,161,.74)),
    #082033;
}

.mf-embed-privacy.is-google-maps .mf-youtube-privacy-icon::before{
  width:20px;
  height:20px;
  margin:0 0 5px;
  border:0;
  border-radius:50% 50% 50% 0;
  background:#0668a1;
  transform:rotate(-45deg);
}

.mf-embed-privacy.is-google-maps .mf-youtube-privacy-icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#fff;
  transform:translate(-50%, -70%);
}

.mf-youtube-privacy-text{
  display:grid;
  gap:6px;
  max-width:440px;
}

.mf-youtube-privacy-text strong{
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1.15;
}

.mf-youtube-privacy-text span{
  color:rgba(255,255,255,.86);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}

.mf-youtube-privacy-link{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none !important;
  backdrop-filter:blur(8px);
}

.mf-youtube-privacy-link:hover,
.mf-youtube-privacy-link:focus{
  background:rgba(255,255,255,.2);
  color:#fff !important;
  text-decoration:none !important;
}

.mf-youtube-privacy.is-loaded .mf-youtube-privacy-button,
.mf-youtube-privacy.is-loaded .mf-youtube-privacy-link{
  display:none;
}

.video_embed .mf-youtube-privacy,
.wp-block-embed__wrapper .mf-youtube-privacy{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  border:0;
  border-radius:inherit;
  box-shadow:none;
}

.mf-article-content iframe:not(.instagram-media),
.post-details .entry-content iframe:not(.instagram-media){
  max-width:100%;
}

/* Abstaende nur am aeusseren In-Page-Auto-Ad-Container setzen.
   Google-Anker und Vignetten behalten ihre eigene Positionierung. */
:where(.mf-article-content, .post-details .entry-content) .google-auto-placed,
.mf-auto-ad-relocated{
  display:block !important;
  clear:both !important;
  float:none !important;
  max-width:100% !important;
  margin:28px auto !important;
  text-align:center;
}

:where(.mf-article-content, .post-details .entry-content) .google-auto-placed ins.adsbygoogle,
.mf-auto-ad-relocated ins.adsbygoogle{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Eine automatisch eingefuegte Anzeige zwischen vollstaendigen Kapiteln
   belegt eine eigene Rasterzeile, statt eine Kapitelkarte zu verdraengen. */
.mf-completion-chapter-grid > .google-auto-placed{
  grid-column:1 / -1;
  min-width:0;
  width:100%;
}

/* Google kann bei unbefuellten Slots ein grosses iframe in einem bereits
   auf 0 x 0 kollabierten ins zuruecklassen. Nur diese leeren Slots begrenzen. */
.google-auto-placed ins.adsbygoogle[data-ad-status="unfilled"],
.google-auto-placed ins.adsbygoogle[data-ad-status="unfill-optimized"]{
  overflow:hidden !important;
}

/* Google berechnet fuer breite mobile Anzeigen eigene Breiten und negative
   Seitenraender. Diese duerfen am ins/iframe nicht ueberschrieben werden. */

.mf-article-content > iframe[src*="youtube"],
.mf-article-content > iframe[src*="youtu.be"],
.mf-article-content > iframe[src*="youtube-nocookie"],
.mf-article-content > iframe[src*="vimeo"],
.mf-article-content p > iframe[src*="youtube"],
.mf-article-content p > iframe[src*="youtu.be"],
.mf-article-content p > iframe[src*="youtube-nocookie"],
.mf-article-content p > iframe[src*="vimeo"],
.post-details .entry-content > iframe[src*="youtube"],
.post-details .entry-content > iframe[src*="youtu.be"],
.post-details .entry-content > iframe[src*="youtube-nocookie"],
.post-details .entry-content > iframe[src*="vimeo"],
.post-details .entry-content p > iframe[src*="youtube"],
.post-details .entry-content p > iframe[src*="youtu.be"],
.post-details .entry-content p > iframe[src*="youtube-nocookie"],
.post-details .entry-content p > iframe[src*="vimeo"]{
  display:block;
  width:100% !important;
  height:auto;
  min-height:260px;
  margin:24px 0 !important;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  aspect-ratio:16 / 9;
  background:#07192a;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content video,
.post-details .entry-content video{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:24px 0;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#07192a;
  box-shadow:var(--mf-media-shadow);
}

.mf-article-content a[href$=".jpg" i] img,
.mf-article-content a[href$=".jpeg" i] img,
.mf-article-content a[href$=".png" i] img,
.mf-article-content a[href$=".webp" i] img,
.mf-article-content a[href$=".avif" i] img,
.post-details .entry-content a[href$=".jpg" i] img,
.post-details .entry-content a[href$=".jpeg" i] img,
.post-details .entry-content a[href$=".png" i] img,
.post-details .entry-content a[href$=".webp" i] img,
.post-details .entry-content a[href$=".avif" i] img{
  cursor:zoom-in;
}

.mf-article-content .wp-block-gallery,
.post-details .entry-content .wp-block-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
  gap:12px;
}

.mf-article-content .wp-block-gallery :where(.wp-block-image),
.post-details .entry-content .wp-block-gallery :where(.wp-block-image){
  width:auto !important;
  margin:0 !important;
}

.mf-article-content .wp-block-gallery :where(.wp-block-image a),
.post-details .entry-content .wp-block-gallery :where(.wp-block-image a){
  display:block;
  overflow:hidden;
  border-radius:14px;
}

.mf-article-content .wp-block-gallery :where(.wp-block-image img),
.post-details .entry-content .wp-block-gallery :where(.wp-block-image img){
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
}

.mf-article-content .gallery,
.post-details .entry-content .gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
  gap:12px;
}

.mf-article-content .gallery .gallery-item,
.post-details .entry-content .gallery .gallery-item{
  width:auto !important;
  margin:0 !important;
}

.mf-article-content .gallery .gallery-icon a,
.post-details .entry-content .gallery .gallery-icon a{
  display:block;
  overflow:hidden;
  border:1px solid var(--mf-media-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.07);
}

.mf-article-content .gallery img,
.post-details .entry-content .gallery img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border:0 !important;
  border-radius:0;
  box-shadow:none;
  transition:transform .16s ease;
}

.mf-article-content .gallery a:hover img,
.post-details .entry-content .gallery a:hover img{
  transform:scale(1.04);
}

.mf-modern-gallery{
  display:grid;
  grid-template-columns:repeat(var(--mf-gallery-columns, 3), minmax(0, 1fr));
  gap:12px;
  margin:24px 0;
}

.mf-modern-gallery-item{
  min-width:0;
  margin:0;
}

.mf-modern-gallery-link{
  display:block;
  overflow:hidden;
  border:1px solid var(--mf-media-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.07);
  cursor:zoom-in;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.mf-modern-gallery-link:hover,
.mf-modern-gallery-link:focus{
  transform:translateY(-2px);
  border-color:#b9d8e9;
  box-shadow:0 12px 26px rgba(15,23,42,.1);
}

.mf-modern-gallery-link:focus-visible{
  outline:2px solid var(--mf-media-blue);
  outline-offset:3px;
}

.mf-modern-gallery-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border:0;
  border-radius:0;
  box-shadow:none;
  transition:transform .16s ease;
}

.mf-modern-gallery-link:hover .mf-modern-gallery-img,
.mf-modern-gallery-link:focus .mf-modern-gallery-img{
  transform:scale(1.035);
}

.mf-modern-gallery-caption{
  margin:8px 4px 0;
  color:#667085;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}

.mf-game-media-section{
  padding:20px;
  border:1px solid var(--mf-media-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.mf-game-media-section h2{
  margin-top:0;
}

.mf-game-media-grid{
  grid-template-columns:repeat(auto-fill, minmax(136px, 1fr));
  gap:10px;
}

.mf-game-media-grid a{
  position:relative;
  border:1px solid var(--mf-media-border);
  border-radius:14px;
  background:var(--mf-media-soft);
  box-shadow:0 6px 18px rgba(15,23,42,.07);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.mf-game-media-grid a:hover{
  transform:translateY(-2px);
  border-color:#b9d8e9;
  box-shadow:0 12px 26px rgba(15,23,42,.1);
}

.related-gallery .gallery-item a{
  display:block;
  height:100%;
  padding:8px;
  border:1px solid var(--mf-media-border);
  border-radius:16px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.related-gallery .gallery-item a:hover{
  transform:translateY(-2px);
  border-color:#b9d8e9;
  box-shadow:0 12px 26px rgba(15,23,42,.1);
}

.related-gallery .gallery-thumb{
  width:100%;
  height:120px;
  border-radius:12px;
  object-fit:cover;
  transform:none;
}

.related-gallery .gallery-title{
  margin-top:9px;
  color:#111827;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
  text-decoration:none;
}

.mf-lightbox{
  background:rgba(8,13,24,.88);
  backdrop-filter:blur(8px);
  animation:mf-lightbox-in .16s ease;
}

.mf-lightbox img{
  object-fit:contain;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
}

.mf-lightbox-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  transition:transform .16s ease, background .16s ease;
}

.mf-lightbox-close:hover{
  transform:scale(1.05);
  background:#e7f3fa;
}

.mf-lightbox-nav:focus-visible,
.mf-lightbox-close:focus-visible{
  outline:3px solid rgba(255,255,255,.7);
  outline-offset:3px;
}

@keyframes mf-lightbox-in{
  from{
    opacity:0;
  }

  to{
    opacity:1;
  }
}

@media (max-width:700px){
  .mf-article-content :where(.wp-block-image, figure.wp-caption, .wp-caption, .gallery, .wp-block-gallery, .wp-block-embed, .mf-media-embed, .video_embed),
  .post-details .entry-content :where(.wp-block-image, figure.wp-caption, .wp-caption, .gallery, .wp-block-gallery, .wp-block-embed, .mf-media-embed, .video_embed){
    margin:18px 0;
  }

  .mf-article-content .alignleft,
  .mf-article-content .alignright,
  .post-details .entry-content .alignleft,
  .post-details .entry-content .alignright{
    float:none;
    max-width:100%;
    margin:18px auto;
  }

  .mf-inline-image{
    float:none;
    width:100%;
    max-width:340px;
    margin:18px auto;
  }

  .mf-article-content :where(.video_embed, .wp-block-embed, .mf-media-embed-video),
  .post-details .entry-content :where(.video_embed, .wp-block-embed, .mf-media-embed-video),
  .mf-game-media-section{
    border-radius:14px;
  }

  .mf-article-content .gallery,
  .post-details .entry-content .gallery,
  .mf-modern-gallery,
  .mf-game-media-grid,
  .related-gallery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .mf-game-media-section{
    padding:14px;
  }

  .related-gallery .gallery-thumb{
    height:104px;
  }

  .mf-article-content > iframe[src*="youtube"],
  .mf-article-content > iframe[src*="youtu.be"],
  .mf-article-content > iframe[src*="youtube-nocookie"],
  .mf-article-content > iframe[src*="vimeo"],
  .mf-article-content p > iframe[src*="youtube"],
  .mf-article-content p > iframe[src*="youtu.be"],
  .mf-article-content p > iframe[src*="youtube-nocookie"],
  .mf-article-content p > iframe[src*="vimeo"],
  .post-details .entry-content > iframe[src*="youtube"],
  .post-details .entry-content > iframe[src*="youtu.be"],
  .post-details .entry-content > iframe[src*="youtube-nocookie"],
  .post-details .entry-content > iframe[src*="vimeo"],
  .post-details .entry-content p > iframe[src*="youtube"],
  .post-details .entry-content p > iframe[src*="youtu.be"],
  .post-details .entry-content p > iframe[src*="youtube-nocookie"],
  .post-details .entry-content p > iframe[src*="vimeo"]{
    min-height:190px;
    margin:18px 0 !important;
    border-radius:14px;
  }

  .mf-youtube-privacy-button{
    flex-direction:column;
    gap:12px;
    padding:18px 16px 46px;
    text-align:center;
  }

  .mf-youtube-privacy-icon{
    width:56px;
    height:56px;
  }

  .mf-youtube-privacy-icon::before{
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:16px;
  }

  .mf-youtube-privacy-text{
    max-width:280px;
  }

  .mf-youtube-privacy-text strong{
    font-size:17px;
  }

  .mf-youtube-privacy-text span{
    font-size:12px;
  }

  .mf-youtube-privacy-link{
    right:50%;
    bottom:10px;
    transform:translateX(50%);
    max-width:calc(100% - 24px);
    justify-content:center;
    text-align:center;
  }

  .mf-lightbox{
    padding:16px;
  }

  .mf-lightbox-close{
    top:12px;
    right:12px;
  }
}

/* =====================================================
   Spiele-Serien Landingpage
===================================================== */

.mf-series-page{
  margin-top:28px;
}

.mf-series-hero,
.mf-series-featured,
.mf-series-directory{
  margin-bottom:24px;
}

.mf-series-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px;
  border:1px solid #dbe8f1;
  border-radius:18px;
  background:linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
}

.mf-series-hero h1{
  margin:0 0 8px;
  color:#0f172a;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
}

.mf-series-hero p{
  max-width:72ch;
  margin:0;
  color:#4b5563;
  font-size:16px;
  line-height:1.65;
}

.mf-series-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(92px, 1fr));
  gap:10px;
  flex:0 0 auto;
}

.mf-series-stats div{
  min-width:100px;
  padding:13px 14px;
  border:1px solid #cfe2ee;
  border-radius:14px;
  background:#fff;
  text-align:center;
}

.mf-series-stats strong{
  display:block;
  color:#045281;
  font-size:26px;
  line-height:1;
}

.mf-series-stats span{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.mf-section-heading,
.mf-series-directory-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.mf-section-heading h2,
.mf-series-directory-head h2{
  margin:0;
  color:#111827;
  font-size:24px;
  line-height:1.15;
}

.mf-section-heading a{
  color:#0668a1;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}

.mf-section-heading a:hover{
  text-decoration:underline;
}

.mf-series-featured-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.mf-series-card{
  min-width:0;
}

.mf-series-card a{
  display:grid;
  grid-template-rows:auto 1fr;
  height:100%;
  overflow:hidden;
  border:1px solid #dfe8ef;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.mf-series-card a:hover,
.mf-series-card a:focus{
  transform:translateY(-2px);
  border-color:#b9d8e9;
  box-shadow:0 16px 34px rgba(4,82,129,.13);
}

.mf-series-card-media{
  display:block;
  aspect-ratio:16 / 9;
  background:#eef7fb;
}

.mf-series-card-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mf-series-card-body{
  padding:15px 16px 17px;
}

.mf-series-card-meta{
  margin-bottom:7px;
  color:#0668a1;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.mf-series-card h2{
  margin:0 0 7px;
  color:#111827;
  font-size:20px;
  line-height:1.18;
}

.mf-series-card p{
  margin:0;
  color:#4b5563;
  font-size:14px;
  line-height:1.45;
}

.mf-series-directory{
  padding:22px;
  border:1px solid #dbe8f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}

.mf-series-directory-head p{
  margin:5px 0 0;
  color:#667085;
  font-size:14px;
}

.mf-series-search{
  flex:0 1 340px;
}

.mf-series-search input{
  width:100%;
  min-height:44px;
  padding:0 14px;
  border:1px solid #cfe2ee;
  border-radius:12px;
  background:#f8fbfd;
  color:#111827;
  font:inherit;
}

.mf-series-search input:focus{
  outline:2px solid rgba(6,104,161,.22);
  border-color:#0668a1;
  background:#fff;
}

.mf-series-details-list{
  display:grid;
  gap:10px;
}

.mf-series-detail{
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.mf-series-detail summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:60px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}

.mf-series-detail summary::-webkit-details-marker{
  display:none;
}

.mf-series-detail summary strong{
  display:block;
  color:#111827;
  font-size:17px;
  line-height:1.25;
}

.mf-series-detail summary small{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.mf-series-detail summary b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#e7f3fa;
  color:#045281;
  font-size:20px;
  line-height:1;
}

.mf-series-detail[open] summary{
  border-bottom:1px solid #edf2f7;
  background:#f8fbfd;
}

.mf-series-detail[open] summary b{
  transform:rotate(45deg);
}

.mf-series-game-strip{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
  padding:14px 16px;
}

.mf-series-game{
  display:block;
  min-width:0;
  color:#111827;
  text-decoration:none;
}

.mf-series-game-thumb{
  display:block;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #edf2f7;
  border-radius:12px;
  background:#eef7fb;
}

.mf-series-game-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-series-game-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-top:7px;
  color:#111827;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

.mf-series-more{
  display:inline-flex;
  align-items:center;
  margin:0 16px 16px;
  padding:8px 12px;
  border-radius:999px;
  background:#0668a1;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.mf-series-more:hover{
  background:#045281;
  color:#fff;
}

.mf-series-card.is-hidden,
.mf-series-detail.is-hidden{
  display:none;
}

.mf-series-no-results{
  margin:14px 0 0;
}

@media (max-width:900px){
  .mf-series-featured-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .mf-series-game-strip{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width:700px){
  .mf-series-page{
    margin-top:18px;
  }

  .mf-series-hero,
  .mf-series-directory{
    padding:18px;
    border-radius:16px;
  }

  .mf-series-hero,
  .mf-section-heading,
  .mf-series-directory-head{
    align-items:stretch;
    flex-direction:column;
  }

  .mf-series-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .mf-series-featured-grid{
    grid-template-columns:1fr;
  }

  .mf-series-search{
    flex-basis:auto;
  }

  .mf-series-game-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    padding:12px;
  }

  .mf-series-detail summary{
    padding:13px 12px;
  }

  .mf-series-more{
    margin:0 12px 14px;
  }
}

/* =====================================================
   Rendering Performance
===================================================== */

@supports (content-visibility:auto){
  .mf-related-news,
  .mf-comments,
  .mf-article-nav,
  .mf-guide-sequence-section,
  .mf-home-popular,
  .mf-home-games,
  .mf-home-reviews,
  .mf-home-comments,
  .mf-game-media-section,
  .mf-series-directory,
  .mf-games-database,
  .mf-release-calendar{
    content-visibility:auto;
    contain-intrinsic-size:1px 420px;
  }

  @media (max-width:700px){
    .mf-related-news,
    .mf-comments,
    .mf-article-nav,
    .mf-guide-sequence-section,
    .mf-home-popular,
    .mf-home-games,
    .mf-home-reviews,
    .mf-home-comments,
    .mf-game-media-section,
    .mf-series-directory,
    .mf-games-database,
    .mf-release-calendar{
      contain-intrinsic-size:1px 520px;
    }
  }
}

/* =====================================================
   Home: layout, sections and list items
===================================================== */

.mf-home-page .mf-container{
  max-width:1200px;
}

.mf-home-primary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-bottom:18px;
  align-items:start;
  min-height:0;
}

.mf-home-side-stack{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}

.mf-home-secondary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-items:start;
}

.mf-home-primary-grid .mf-home-section,
.mf-home-secondary-grid .mf-home-section,
.mf-home-side-stack .mf-home-section{
  height:auto;
  min-height:0;
  margin:0;
}

.mf-home-page .mf-home-news,
.mf-home-page .mf-home-guides,
.mf-home-page .mf-home-reviews,
.mf-home-page .mf-home-comments,
.mf-home-page .mf-home-games,
.mf-home-page .mf-home-popular{
  min-height:0;
  padding:18px;
  border:1px solid #dce8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-home-page .mf-home-section h2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  color:#111827;
  font-size:20px;
  font-weight:850;
  line-height:1.22;
}

.mf-home-page .mf-home-list{
  gap:9px;
}

.mf-home-page .mf-home-card a{
  min-height:74px;
  padding:8px;
  border:1px solid transparent;
  border-radius:12px;
  transition:background .15s ease, border-color .15s ease;
}

.mf-home-page .mf-home-card a:hover,
.mf-home-page .mf-home-card a:focus{
  border-color:#d6e7f1;
  background:#f8fbfd;
  text-decoration:none;
}

.mf-home-page .mf-home-thumb{
  width:var(--mf-home-thumb-width);
  height:var(--mf-home-thumb-height);
  border-radius:10px;
}

.mf-home-page .mf-news-title,
.mf-home-page .mf-guide-title-small,
.mf-home-page .mf-latest-game-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:15px;
}

.mf-home-page .mf-news-excerpt,
.mf-home-page .mf-guide-excerpt-small{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.mf-home-review-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.mf-home-review-head .mf-news-title{
  min-width:0;
}

.mf-home-review-head .mf-review-rating{
  min-width:34px;
  min-height:26px;
  padding:4px 8px;
  border-radius:999px;
  background:#0668a1;
  font-size:12px;
  box-shadow:0 4px 12px rgba(4,82,129,.16);
}

.mf-home-page .mf-section-archive{
  margin-top:12px;
}

.mf-home-page .mf-section-archive a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}

.mf-home-page .mf-section-archive a:hover,
.mf-home-page .mf-section-archive a:focus{
  background:#dff0f8;
  text-decoration:none;
}

@media (max-width:768px){
  .mf-home-primary-grid,
  .mf-home-secondary-grid,
  .mf-home-side-stack{
    display:flex !important;
    flex-direction:column;
    gap:14px;
  }

  .mf-home-page .mf-home-news,
  .mf-home-page .mf-home-guides,
  .mf-home-page .mf-home-reviews,
  .mf-home-page .mf-home-comments,
  .mf-home-page .mf-home-games,
  .mf-home-page .mf-home-popular{
    padding:14px;
    border-radius:14px;
  }

  .mf-home-page .mf-home-section h2{
    font-size:18px;
  }
}

/* =====================================================
   Home layout final order and pill safety
===================================================== */

.mf-home-full-row{
  min-width:0;
  margin-bottom:18px;
}

.mf-home-full-row .mf-home-section{
  height:auto;
  margin:0;
}

.mf-home-page .mf-home-reviews .mf-home-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.mf-home-page .mf-home-reviews .mf-home-card a{
  height:100%;
}

.mf-home-page .mf-home-comment-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.mf-home-page .mf-home-comment-card a{
  grid-template-columns:42px minmax(0, 1fr);
  align-items:start;
  height:100%;
}

.mf-home-comment-avatar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#e7f3fa;
  color:#045281;
  font-size:16px;
  font-weight:900;
}

.mf-home-comment-content,
.mf-home-comment-head,
.mf-home-comment-excerpt,
.mf-home-comment-post{
  display:block;
  min-width:0;
}

.mf-home-comment-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:3px;
}

.mf-home-comment-head strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#0b1728;
  font-size:14px;
  line-height:1.35;
}

.mf-home-comment-head time,
.mf-home-comment-post{
  color:#475467;
  font-size:12px;
  line-height:1.4;
}

.mf-home-comment-head time{
  flex:0 0 auto;
}

.mf-home-comment-excerpt{
  display:-webkit-box;
  overflow:hidden;
  overflow-wrap:anywhere;
  color:#344054;
  font-size:13px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.mf-home-comment-post{
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mf-home-page .mf-news-content,
.mf-home-page .mf-guide-text-small,
.mf-home-page .mf-game-meta,
.mf-home-page .mf-home-card a > *{
  min-width:0;
}

.mf-home-page .mf-news-title,
.mf-home-page .mf-guide-title-small,
.mf-home-page .mf-latest-game-title,
.mf-home-page .mf-news-excerpt,
.mf-home-page .mf-guide-excerpt-small{
  overflow-wrap:anywhere;
}

.mf-home-page :where(.mf-home-hero-actions, .mf-section-archive, .mf-game-card-actions, .mf-more-game-links, .mf-lm .lm-pills, .lm-pills, .mf-article-cats, .mf-guide-sequence-main, .mf-guide-sequence-links),
:where(.mf-home-hero-actions, .mf-section-archive, .mf-game-card-actions, .mf-more-game-links, .mf-lm .lm-pills, .lm-pills, .mf-article-cats, .mf-guide-sequence-main, .mf-guide-sequence-links){
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

:where(.mf-home-hero-actions a, .mf-section-archive a, .mf-game-card-action, .mf-more-game a, .mf-more-game-links a, .mf-lm .lm-pill, .lm-pill, .mf-guide-sequence-overview, .mf-guide-sequence-progress, .mf-article-cats a){
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  align-items:center;
  justify-content:center;
}

@media (max-width:768px){
  .mf-home-full-row{
    margin-bottom:14px;
  }

  .mf-home-page .mf-home-reviews .mf-home-list{
    display:flex;
    flex-direction:column;
    gap:9px;
  }

  .mf-home-page .mf-home-comment-list{
    display:flex;
    flex-direction:column;
    gap:9px;
  }

  .mf-home-page .mf-container,
  .mf-home-primary-grid,
  .mf-home-full-row,
  .mf-home-secondary-grid,
  .mf-home-primary-grid > *,
  .mf-home-full-row > *,
  .mf-home-secondary-grid > *{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .mf-home-page .mf-home-section{
    width:100%;
    max-width:100%;
    margin-right:0;
    margin-left:0;
    box-sizing:border-box;
  }

  .mf-home-page .mf-section-archive{
    justify-content:center;
  }

  .mf-home-hero-actions{
    display:flex;
    justify-content:center;
  }

  .mf-home-hero-actions a{
    width:auto;
    flex:0 1 auto;
  }
}

/* =====================================================
   Back to top
===================================================== */

.mf-back-to-top{
  position:fixed;
  right:18px;
  bottom:calc(env(safe-area-inset-bottom, 0px) + 92px);
  z-index:890;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:1px solid #b9d8e9;
  border-radius:999px;
  background:#0668a1;
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1;
  box-shadow:0 14px 30px rgba(4,82,129,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease, background .15s ease, border-color .15s ease;
}

.mf-back-to-top:hover,
.mf-back-to-top:focus{
  border-color:#045281;
  background:#045281;
  outline:none;
}

.mf-back-to-top:focus-visible{
  outline:3px solid rgba(6,104,161,.24);
  outline-offset:3px;
}

.mf-back-to-top.is-visible{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

@media (prefers-reduced-motion:reduce){
  .mf-back-to-top{
    transition:none;
  }
}

@media (max-width:768px){
  .mf-back-to-top{
    right:12px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 82px);
    width:42px;
    height:42px;
    font-size:20px;
  }
}

/* =====================================================
   Games database and release calendar
===================================================== */

.mf-game-archive-toolbar{
  display:flex;
  justify-content:flex-end;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #dce8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-game-archive-toolbar label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#4b5563;
  font-size:13px;
  font-weight:850;
}

.mf-game-archive-toolbar select,
.mf-games-database-controls select,
.mf-games-database-controls input{
  min-height:40px;
  padding:0 12px;
  border:1px solid #b9d8e9;
  border-radius:999px;
  background:#f8fbfd;
  color:#111827;
  font:inherit;
  font-size:14px;
}

.mf-games-database,
.mf-release-calendar{
  margin:24px 0;
  padding:18px;
  border:1px solid #dce8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}

.mf-games-database-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}

.mf-games-database-head h2{
  margin:0 0 4px;
  color:#111827;
  font-size:24px;
  font-weight:900;
  line-height:1.15;
}

.mf-games-database-head p{
  margin:0;
  color:#4b5563;
  font-size:14px;
  line-height:1.5;
}

.mf-games-database-head > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  min-height:36px;
  padding:6px 12px;
  border:1px solid #cfe3ef;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:15px;
  font-weight:900;
}

.mf-games-database-controls{
  display:grid;
  grid-template-columns:minmax(220px, 1.4fr) repeat(3, minmax(170px, 1fr));
  gap:10px;
  margin-bottom:14px;
}

.mf-games-database-controls label,
.mf-games-database-controls input,
.mf-games-database-controls select{
  width:100%;
}

.mf-games-db-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:12px;
}

.mf-games-db-card{
  min-width:0;
  border:1px solid #e7edf2;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}

.mf-games-db-card[hidden]{
  display:none;
}

.mf-games-db-card a{
  display:grid;
  grid-template-columns:84px minmax(0, 1fr);
  gap:12px;
  min-height:92px;
  padding:10px;
  color:inherit;
  text-decoration:none;
}

.mf-games-db-card a:hover,
.mf-games-db-card a:focus{
  background:#f8fbfd;
  text-decoration:none;
}

.mf-games-db-thumb{
  display:block;
  width:84px;
  height:84px;
  overflow:hidden;
  border-radius:12px;
  background:#f3f4f6;
}

.mf-games-db-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mf-games-db-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.mf-games-db-content > strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#111827;
  font-size:15px;
  font-weight:850;
  line-height:1.28;
}

.mf-games-db-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}

.mf-games-db-meta b{
  padding:2px 7px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
}

.mf-games-db-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:6px;
  overflow:hidden;
  color:#4b5563;
  font-size:12px;
  line-height:1.4;
}

.mf-games-db-empty{
  margin:14px 0 0;
}



.mf-release-today > p{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0;
  padding:14px;
  border:1px solid #fed7aa;
  border-radius:14px;
  background:#fff7ed;
  color:#111827;
  text-decoration:none;
}





.mf-release-all{
  margin-top:14px;
}

.mf-release-all summary{
  display:inline-flex;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:#eef7fb;
  color:#045281;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.mf-release-months{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:12px;
  margin-top:14px;
}

.mf-release-month{
  border:1px solid #e7edf2;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.mf-release-month h3{
  margin:0;
  padding:12px 14px;
  border-bottom:1px solid #edf0f3;
  background:#f8fbfd;
  color:#111827;
  font-size:16px;
  font-weight:900;
}

.mf-release-row{
  display:grid;
  grid-template-columns:52px minmax(0, 1fr);
  gap:8px;
  padding:10px 14px;
  color:#111827;
  text-decoration:none;
}

.mf-release-row + .mf-release-row{
  border-top:1px solid #edf0f3;
}

.mf-release-row:hover{
  background:#f8fbfd;
  text-decoration:none;
}

.mf-release-row span{
  color:#045281;
  font-size:12px;
  font-weight:900;
}

.mf-release-row strong{
  min-width:0;
  font-size:13px;
  line-height:1.3;
}

.mf-release-row em{
  grid-column:2;
  color:#667085;
  font-size:12px;
  font-style:normal;
}

@media (max-width:900px){
  .mf-games-database-controls{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:700px){
  .mf-game-archive-toolbar{
    justify-content:stretch;
  }

  .mf-game-archive-toolbar label{
    align-items:stretch;
    flex-direction:column;
    width:100%;
  }

  .mf-games-database,
  .mf-release-calendar{
    padding:14px;
    border-radius:16px;
  }

  .mf-games-database-head{
    flex-direction:column;
  }

  .mf-games-database-controls,
  .mf-games-db-grid,
  .mf-release-months{
    grid-template-columns:1fr;
  }

  .mf-games-db-card a{
    grid-template-columns:76px minmax(0, 1fr);
  }

  .mf-games-db-thumb{
    width:76px;
    height:76px;
  }
}

/* =====================================================
   Kontrollierte AdSense-Platzierungen
===================================================== */















/* =====================================================
   Modern site footer
===================================================== */

.mf-site-footer{
  position:relative;
  margin-top:0;
  padding:38px 0 calc(24px + env(safe-area-inset-bottom, 0px));
  border-top:4px solid #80abcd;
  background:#102a43;
  color:#dbe7ef;
}

.mf-site-footer .mf-container{
  width:min(100% - 32px, 1200px);
  max-width:1200px;
  margin:0 auto;
  padding:0;
}

.mf-footer-main{
  display:grid;
  grid-template-columns:minmax(280px, 1.6fr) repeat(2, minmax(150px, .7fr));
  gap:clamp(28px, 5vw, 72px);
  align-items:start;
}

.mf-footer-brand{
  max-width:520px;
}

.mf-footer-logo{
  display:inline-flex;
  align-items:center;
  max-width:210px;
  text-decoration:none;
}

.mf-footer-logo img{
  width:100%;
  height:auto;
}

.mf-footer-brand p{
  max-width:48ch;
  margin:16px 0 0;
  color:#e1ebf1;
  font-size:14px;
  line-height:1.65;
}

.mf-footer-nav h2{
  margin:2px 0 13px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}

.mf-footer-nav ul{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.mf-footer-nav a,
.mf-footer-home{
  color:#dbe7ef;
  text-decoration:none;
  text-underline-offset:3px;
}

.mf-footer-nav a{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  font-size:14px;
  line-height:1.4;
}

.mf-footer-nav a:hover,
.mf-footer-nav a:focus,
.mf-footer-home:hover,
.mf-footer-home:focus{
  color:#fff;
  text-decoration:underline;
}

.mf-footer-nav a:focus-visible,
.mf-footer-logo:focus-visible,
.mf-footer-home:focus-visible{
  outline:3px solid #80abcd;
  outline-offset:4px;
  border-radius:4px;
}

.mf-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid rgba(219,231,239,.2);
}

.mf-site-footer .mf-footer-copy{
  padding:0;
  border:0;
  color:#dbe7ef;
  font-size:12px;
  line-height:1.5;
}

.mf-site-footer .mf-footer-copy a{
  color:inherit;
}

.mf-footer-home{
  flex:0 0 auto;
  font-size:12px;
  font-weight:700;
}

@media (max-width:700px){
  .mf-site-footer{
    padding-top:30px;
  }

  .mf-site-footer .mf-container{
    width:min(100% - 28px, 1200px);
  }

  .mf-footer-main{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:28px 18px;
  }

  .mf-footer-brand{
    grid-column:1 / -1;
  }

  .mf-footer-logo{
    max-width:180px;
  }

  .mf-footer-brand p{
    margin-top:12px;
  }

  .mf-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin-top:28px;
  }
}

/* =====================================================
   Modern content tables
===================================================== */

@media (max-width:700px){
  .mf-article-content table:not([role="presentation"]),
  .entry-content table:not([role="presentation"]),
  .content-area table:not([role="presentation"]){
    display:block;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
}

.mf-table-wrap{
  position:relative;
  max-width:100%;
  margin:18px 0 24px;
  overflow:hidden;
  border:1px solid #d7e5ee;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 8px rgba(16,42,67,.06);
}

.mf-table-scroll{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:#80abcd #edf5f9;
  -webkit-overflow-scrolling:touch;
}

.mf-table-scroll::-webkit-scrollbar{
  height:8px;
}

.mf-table-scroll::-webkit-scrollbar-track{
  background:#edf5f9;
}

.mf-table-scroll::-webkit-scrollbar-thumb{
  border:2px solid #edf5f9;
  border-radius:8px;
  background:#80abcd;
}

.mf-table-scroll > table,
.content-area .mf-table-scroll > table{
  display:table !important;
  width:100% !important;
  min-width:100%;
  margin:0;
  overflow:visible;
  border:0 !important;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
  background:#fff;
  color:#243b53;
  font-size:14px;
  line-height:1.45;
}

.mf-table-scroll > table caption{
  padding:13px 14px;
  border-bottom:1px solid #d7e5ee;
  background:#fff;
  color:#102a43;
  font-size:15px;
  font-weight:800;
  text-align:left;
}

.mf-table-scroll > table th,
.mf-table-scroll > table td,
.mf-table-scroll > #checklist-progress th,
.mf-table-scroll > #checklist-progress td{
  padding:11px 14px;
  border:0;
  border-right:1px solid #e4edf3;
  border-bottom:1px solid #e4edf3;
  vertical-align:top;
  overflow-wrap:anywhere;
}

.mf-table-scroll > table tr > :last-child{
  border-right:0;
}

.mf-table-scroll > table tbody tr:last-child > *{
  border-bottom:0;
}

.mf-table-scroll > table thead th,
.mf-table-scroll > #checklist-progress thead th{
  background:#eef7fb;
  color:#12324c;
  font-weight:800;
  text-align:left;
  vertical-align:bottom;
}

.mf-table-scroll > table tbody th{
  background:#f7fafc;
  color:#173b57;
  font-weight:750;
  text-align:left;
}

.mf-table-scroll > table tbody tr:nth-child(even) td,
.mf-table-scroll > #checklist-progress tbody tr:nth-child(even) td{
  background:#fbfdfe;
}

.mf-table-scroll > table tbody tr:hover > *{
  background:#f2f8fc;
}

.mf-table-scroll > table a{
  color:#0868a1;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.mf-table-scroll > #checklist-progress{
  margin:0;
  font-family:inherit;
}

.mf-table-scroll > #checklist-progress th,
.mf-table-scroll > #checklist-progress td{
  text-align:center;
}

.mf-table-scroll > #checklist-progress th:first-child,
.mf-table-scroll > #checklist-progress td:first-child{
  text-align:left;
}

.mf-table-scroll:focus-visible{
  outline:3px solid rgba(6,104,161,.35);
  outline-offset:-3px;
}

@media (max-width:700px){
  .mf-table-wrap{
    margin:14px 0 20px;
  }

  .mf-table-scroll > table,
  .content-area .mf-table-scroll > table{
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
    white-space:normal !important;
  }

  .mf-table-scroll > table th,
  .mf-table-scroll > table td,
  .mf-table-scroll > #checklist-progress th,
  .mf-table-scroll > #checklist-progress td{
    min-width:110px;
    max-width:34ch;
    padding:10px 12px;
    word-break:normal;
    overflow-wrap:break-word;
  }

  .mf-table-scroll > table th:first-child,
  .mf-table-scroll > table td:first-child{
    min-width:145px;
  }

  .mf-table-scroll > table thead th{
    white-space:nowrap;
  }

  .mf-table-wrap.is-scrollable::before,
  .mf-table-wrap.is-scrollable::after{
    content:"";
    position:absolute;
    z-index:4;
    top:0;
    bottom:8px;
    width:28px;
    pointer-events:none;
  }

  .mf-table-wrap.is-scrollable::before{
    left:0;
    background:linear-gradient(90deg, rgba(16,42,67,.16), rgba(16,42,67,0));
  }

  .mf-table-wrap.is-scrollable::after{
    right:0;
    background:linear-gradient(270deg, rgba(16,42,67,.16), rgba(16,42,67,0));
  }

  .mf-table-wrap.is-at-start::before,
  .mf-table-wrap.is-at-end::after{
    display:none;
  }

  .mf-table-scroll > table.mf-table-sticky-first th:first-child,
  .mf-table-scroll > table.mf-table-sticky-first td:first-child{
    position:sticky;
    z-index:2;
    left:0;
    background:#fff;
    box-shadow:1px 0 0 #d7e5ee;
  }

  .mf-table-scroll > table.mf-table-sticky-first thead th:first-child{
    z-index:3;
    background:#eef7fb;
  }

  .mf-table-scroll > table.mf-table-sticky-first tbody tr:nth-child(even) td:first-child{
    background:#fbfdfe;
  }
}

/* =====================================================
   Home discovery, editorial formats and 30-day ranking
===================================================== */

.mf-home-finder{
  display:grid;
  grid-template-columns:minmax(230px, .72fr) minmax(320px, 1.28fr);
  align-items:center;
  gap:20px;
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid #dce8f0;
  border-radius:8px;
  background:#f7fafc;
}

.mf-home-finder-copy span,
.mf-home-section-kicker{
  display:block;
  margin:0 0 3px;
  color:#0668a1;
  font-size:12px;
  font-weight:850;
  line-height:1.35;
}

.mf-home-finder-copy h2{
  margin:0;
  color:#111827;
  font-size:18px;
  font-weight:850;
  line-height:1.25;
}

.mf-home-search{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 46px;
  min-width:0;
  border:1px solid #b9cfdd;
  border-radius:8px;
  background:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.05);
  overflow:hidden;
}

.mf-home-search input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#111827;
  font:inherit;
  font-size:14px;
}

.mf-home-search input:focus{
  outline:0;
}

.mf-home-search:focus-within{
  border-color:#0668a1;
  box-shadow:0 0 0 3px rgba(6,104,161,.16);
}

.mf-home-search button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  border:0;
  border-radius:0;
  background:#0668a1;
  color:#fff;
  font-size:19px;
  cursor:pointer;
}

.mf-home-search button:hover,
.mf-home-search button:focus-visible{
  background:#045281;
}

.mf-home-page .mf-home-ratgeber{
  min-height:0;
  padding:20px;
  border:1px solid #dce8f0;
  border-radius:8px;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}

.mf-home-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 15px;
}

.mf-home-page .mf-home-section .mf-home-section-head h2{
  margin:0;
  padding:0;
}

.mf-home-section-link{
  flex:0 0 auto;
  color:#0668a1;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}

.mf-home-section-link:hover,
.mf-home-section-link:focus{
  color:#045281;
  text-decoration:underline;
  text-underline-offset:3px;
}

.mf-home-ratgeber-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.mf-ratgeber-card,
.mf-ratgeber-card a,
.mf-ratgeber-content{
  display:block;
  min-width:0;
}

.mf-ratgeber-card a{
  color:inherit;
  text-decoration:none;
}

.mf-ratgeber-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:6px;
  background:#e8eef2;
}

.mf-ratgeber-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}

.mf-ratgeber-card a:hover .mf-ratgeber-media img,
.mf-ratgeber-card a:focus .mf-ratgeber-media img{
  transform:scale(1.025);
}

.mf-ratgeber-format{
  position:absolute;
  left:8px;
  bottom:8px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:5px;
  background:#0668a1;
  color:#fff;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
}

.mf-ratgeber-content{
  padding-top:9px;
}

.mf-ratgeber-content time{
  display:block;
  margin-bottom:3px;
  color:#667085;
  font-size:11px;
  line-height:1.35;
}

.mf-ratgeber-title{
  display:-webkit-box;
  overflow:hidden;
  color:#111827;
  font-size:16px;
  font-weight:850;
  line-height:1.3;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.mf-ratgeber-card a:hover .mf-ratgeber-title,
.mf-ratgeber-card a:focus .mf-ratgeber-title{
  color:#0668a1;
}

.mf-ratgeber-excerpt{
  display:-webkit-box;
  margin-top:5px;
  overflow:hidden;
  color:#475467;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.mf-home-heading-note{
  flex:0 0 auto;
  color:#667085;
  font-size:11px;
  font-weight:750;
  line-height:1.3;
}

.mf-home-popular .mf-guide-thumb-small{
  position:relative;
}

.mf-home-popular .mf-guide-thumb-small img{
  border-radius:10px;
}

.mf-home-rank{
  position:absolute;
  z-index:2;
  top:5px;
  left:5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border:2px solid #fff;
  border-radius:50%;
  background:#0668a1;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
  box-shadow:0 2px 7px rgba(15,23,42,.25);
}

.mf-ratgeber-archive .mf-generic-archive-header{
  border-top:4px solid #0668a1;
}

.mf-ratgeber-archive .mf-archive-kicker{
  color:#0668a1;
}

@media (max-width:768px){
  .mf-home-finder{
    grid-template-columns:1fr;
    gap:11px;
    margin-bottom:14px;
    padding:14px;
  }

  .mf-home-finder-copy h2{
    font-size:16px;
  }

  .mf-home-page .mf-home-ratgeber{
    padding:14px;
  }

  .mf-home-section-head{
    align-items:flex-start;
    gap:12px;
  }

  .mf-home-section-link{
    padding-top:2px;
    font-size:12px;
  }

  .mf-home-ratgeber-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .mf-ratgeber-card a{
    display:grid;
    grid-template-columns:112px minmax(0, 1fr);
    gap:11px;
    align-items:start;
  }

  .mf-ratgeber-media{
    aspect-ratio:4 / 3;
  }

  .mf-ratgeber-content{
    padding-top:0;
  }

  .mf-ratgeber-title{
    font-size:14px;
  }

  .mf-ratgeber-excerpt{
    display:none;
  }

  .mf-ratgeber-format{
    right:5px;
    bottom:5px;
    left:5px;
    justify-content:center;
    min-height:20px;
    padding:3px 5px;
    font-size:10px;
  }
}

/* Existing live refinements preserved from the open website. */
.main-top .main-top-inner { background: none; }
.main-top, .site-header .header-main { --mf-header-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1000V360C820 386 650 385 520 372C350 358 210 375 0 384Z'/%3E%3C/svg%3E"); position: relative; isolation: isolate; mask-image: var(--mf-header-wave); mask-size: 100% 100%; mask-repeat: no-repeat; margin-bottom: -1px; }
.main-top .fullwidth-image, .site-header .header-main { min-height: clamp(330px, 32vw, 470px); background-color: rgb(18, 48, 74); background-image: url("https://mariofans.de/wp-content/uploads/2025/04/logo2025.jpg"); background-size: cover; background-position: center 43%; background-repeat: no-repeat; }
.main-top .games_header .fullwidth-image { height: clamp(330px, 32vw, 470px) !important; }
.main-top .fullwidth-image::after, .site-header .header-main::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(5, 19, 37, 0.44) 0px, rgba(5, 19, 37, 0.14) 110px, transparent 235px); }
.main-top .fullwidth-image :is(.layer-full, .layer-center) { display: none; }
.main-top .fullwidth-image .fullwidth-content { z-index: 3; }
.site-header .header-main { height: clamp(330px, 32vw, 470px); padding: 0px; }
.site-header .header-main-container { min-height: 0px !important; padding: 0px !important; }
.mf-context-back { padding-top: 14px; }
@media (min-width: 769px) {
  body { padding-top: 0px !important; }
  .mf-desktop-topbar { top: 0px; left: 0px; right: 0px; z-index: 10050; backdrop-filter: none; position: fixed !important; background: none transparent !important; border: 0px !important; box-shadow: none !important; }
  body.admin-bar .mf-desktop-topbar { top: 32px; }
  .mf-desktop-topbar-inner { box-sizing: border-box; width: calc(100% - 24px); max-width: 1440px; min-height: 60px; margin: 8px auto 0px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 15px; background: rgba(7, 24, 44, 0.72); box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 26px; backdrop-filter: blur(12px); }
  .mf-desktop-logo img { filter: drop-shadow(rgba(0, 0, 0, 0.7) 0px 1px 4px); }
  .mf-desktop-navigation .mf-primary-nav-list > .mf-nav-item > a, .mf-desktop-navigation .mf-nav-menu > li > a { color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 3px; }
  .mf-desktop-navigation .mf-nav-menu > li:hover > a, .mf-desktop-navigation .mf-nav-menu > li:focus-within > a { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.16) !important; }
  .mf-desktop-navigation .mf-primary-nav-list > .current-menu-item > a, .mf-desktop-navigation .mf-primary-nav-list > .current-menu-ancestor > a { border-color: rgba(255, 255, 255, 0.55) !important; background: rgba(5, 65, 105, 0.72) !important; }
  .mf-desktop-navigation .sub-menu { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 28px; }
  .mf-desktop-navigation .sub-menu a { color: rgb(23, 50, 74) !important; text-shadow: none; }
  .mf-desktop-search { background: rgba(255, 255, 255, 0.94); border-color: rgba(255, 255, 255, 0.7); box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 14px; }
  .mf-desktop-topbar :is(a, button):focus-visible { outline-color: rgb(255, 255, 255); }
}
@media (max-width: 768px) {
  body { padding-top: 0px !important; }
  #masthead.site-header, .site-header { display: block !important; }
  .site-header .header-main { height: 310px; min-height: 310px; background-position: center 38%; }
  .main-top .fullwidth-image { min-height: 310px; background-position: center 38%; height: 310px !important; }
  .mobile-top-bar { top: 0px; left: 0px; right: 0px; z-index: 10050; backdrop-filter: blur(12px); position: fixed !important; background: none rgba(7, 24, 44, 0.72) !important; border: 0px !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 26px !important; }
  body.admin-bar .mobile-top-bar { top: 46px; }
  .mobile-logo img { filter: drop-shadow(rgba(0, 0, 0, 0.7) 0px 1px 4px); }
  .mobile-top-bar .menu-toggle, .mobile-top-bar .guides-toggle { color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.65) !important; background: rgba(255, 255, 255, 0.12) !important; }
  .mobile-top-bar .menu-toggle:hover, .mobile-top-bar .menu-toggle:focus, .mobile-top-bar .guides-toggle:hover, .mobile-top-bar .guides-toggle:focus { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.22) !important; }
  .mobile-top-menu, .mobile-guides-menu { background: rgb(247, 251, 253); }
  .mf-context-back { padding-top: 8px; }
}
@media (prefers-reduced-transparency: reduce) {
  .main-top .fullwidth-image::after, .site-header .header-main::after { background: rgba(5, 19, 37, 0.4); }
  .mf-desktop-topbar-inner, .mobile-top-bar { background: rgb(7, 24, 44) !important; }
}
.mf-guide-hero .fullwidth-image { box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 88px 24px 40px; }
.mf-guide-hero .fullwidth-image::after { background: linear-gradient(rgba(5, 19, 37, 0.6), rgba(5, 19, 37, 0.42) 45%, rgba(5, 19, 37, 0.64)); }
.mf-guide-hero-content { position: relative; z-index: 3; width: min(900px, 100%); color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.65) 0px 2px 12px; }
.mf-guide-hero-breadcrumbs, .mf-guide-hero-meta, .mf-guide-hero-cats { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; }
.mf-guide-hero-breadcrumbs { margin-bottom: 14px; color: rgba(255, 255, 255, 0.86); font-size: 13px; line-height: 1.4; }
.mf-guide-hero-breadcrumbs a, .mf-guide-hero-meta a { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 3px; }
.mf-guide-hero-content h1 { max-width: 850px; margin: 0px auto 12px; color: rgb(255, 255, 255); font-size: clamp(28px, 4.1vw, 52px); font-weight: 800; line-height: 1.12; overflow-wrap: anywhere; }
.mf-guide-hero-meta { color: rgba(255, 255, 255, 0.94); font-size: 14px; }
.mf-guide-hero-cats { margin-top: 16px; }
.mf-guide-hero-cats a { padding: 5px 12px; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 999px; background: rgba(7, 24, 44, 0.42); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.mf-guide-hero-cats a:hover, .mf-guide-hero-cats a:focus-visible { background: rgba(7, 24, 44, 0.78); color: rgb(255, 255, 255); }
.mf-single-guide { margin-top: 16px; }
.mf-guide-article .mf-article-content > :first-child { margin-top: 0px; }
.mf-guide-resume { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 4px 18px; margin-bottom: 14px; padding: 14px 16px; border: 1px solid rgb(186, 215, 200); border-radius: 12px; background: rgb(238, 246, 241); color: rgb(36, 77, 66); line-height: 1.45; }
.mf-guide-resume[hidden] { display: none !important; }
.mf-guide-resume-copy { grid-row: 1 / span 2; min-width: 0px; }
.mf-guide-resume-copy strong, .mf-guide-resume-copy small { display: block; }
.mf-guide-resume-copy strong { margin-bottom: 2px; font-size: 13px; }
.mf-guide-resume a { grid-column: 2; justify-self: end; color: rgb(11, 102, 115); font-size: 14px; font-weight: 700; text-decoration: none; }
.mf-guide-resume a:hover { text-decoration: underline; }
.mf-guide-resume button { grid-column: 2; justify-self: end; padding: 0px; border: 0px; background: none; color: rgb(54, 92, 82); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; }
.mf-guide-resume small { color: rgb(83, 112, 101); font-size: 12px; }
@media (max-width: 768px) {
  .mf-guide-hero .fullwidth-image { min-height: 310px; padding: 82px 18px 24px; height: auto !important; }
  .mf-guide-hero-breadcrumbs { margin-bottom: 10px; font-size: 11px; }
  .mf-guide-hero-content h1 { margin-bottom: 10px; font-size: clamp(25px, 7vw, 36px); }
  .mf-guide-hero-meta { font-size: 12px; }
  .mf-guide-hero-cats { gap: 6px; margin-top: 12px; }
  .mf-guide-hero-cats a { padding: 4px 9px; font-size: 11px; }
  .mf-guide-resume { grid-template-columns: 1fr; gap: 7px; padding: 13px 14px; }
  .mf-guide-resume-copy, .mf-guide-resume a, .mf-guide-resume button { grid-area: auto / 1; justify-self: start; }
}
@media print {
  .mf-guide-resume { display: none; }
}
.mf-game-completion { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0px 28px; padding: 20px 22px; border: 1px solid rgb(203, 223, 238); border-radius: 10px; background: linear-gradient(120deg, rgb(238, 248, 255), rgb(255, 255, 255)); }
.mf-game-completion div { display: grid; gap: 4px; min-width: 0px; }
.mf-game-completion .mf-game-completion-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.mf-game-completion span { color: rgb(82, 101, 121); font-size: 13px; }
.mf-game-completion strong { color: rgb(24, 46, 71); font-size: 18px; line-height: 1.35; }
.mf-game-completion a { flex: 0 0 auto; padding: 11px 16px; border-radius: 7px; background: rgb(6, 104, 161); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; }
.mf-game-completion a span { color: inherit; font-size: inherit; }
.mf-game-completion a:hover, .mf-game-completion a:focus-visible { background: rgb(3, 77, 122); color: rgb(255, 255, 255); }
.mf-game-completion a.is-secondary { border: 1px solid rgb(185, 216, 233); background: rgb(255, 255, 255); color: rgb(4, 82, 129); }
.mf-game-completion a.is-secondary:hover, .mf-game-completion a.is-secondary:focus-visible { background: rgb(231, 243, 250); }
.mf-game-completion a:focus-visible { outline: rgb(228, 154, 36) solid 3px; outline-offset: 3px; }
.mf-guide-goals { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 2px 0px 18px; }
.mf-guide-goals a { display: inline-flex; align-items: center; min-height: 34px; padding: 5px 10px; border: 1px solid rgb(213, 229, 238); border-radius: 6px; background: rgb(245, 250, 253); color: rgb(7, 89, 135); font-size: 12px; font-weight: 700; line-height: 1.3; text-decoration: none; }
.mf-guide-goals a:hover, .mf-guide-goals a:focus-visible { border-color: rgb(122, 185, 220); background: rgb(232, 244, 251); color: rgb(3, 77, 122); }
.mf-guide-goals a:focus-visible { outline: rgb(228, 154, 36) solid 2px; outline-offset: 2px; }
.mf-guide-article .mf-article-content li[id^="mf-guide-"] { scroll-margin-top: var(--mf-guide-heading-offset,110px); }
@media (max-width: 700px) {
  .mf-game-completion { align-items: stretch; flex-direction: column; padding: 17px; }
  .mf-game-completion a { align-self: flex-start; }
  .mf-game-completion .mf-game-completion-actions { justify-content: flex-start; }
}
.mf-guide-hub-hero .fullwidth-image { background-position: center 40%; }
.mf-guide-hub-hero-kicker { margin-bottom: 10px; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; }
.mf-guide-hub-hero-count { display: inline-flex; align-items: center; gap: 5px; padding: 6px 13px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999px; background: rgba(7, 24, 44, 0.42); color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; }
.mf-guide-hub-page { margin-top: 20px; }
.mf-guide-hub-page .mf-guide-hub-header { padding: 22px 24px; border-color: rgb(220, 232, 240); border-radius: 16px; }
.mf-guide-hub-page .mf-guide-hub-header .archive-description { max-width: 85ch; color: rgb(51, 65, 85); font-size: 16px; }
.mf-guide-hub-page .mf-guide-hub-header .archive-description > :first-child { margin-top: 0px; }
.mf-guide-hub-page .mf-guide-hub-header .archive-description > :last-child { margin-bottom: 0px; }
@media (max-width: 700px) {
  .mf-guide-hub-hero .fullwidth-image { background-position: center center; }
  .mf-guide-hub-page .mf-guide-hub-header { padding: 18px; }
}
.mf-guide-taxonomy-page .mf-guide-hub-start { scroll-margin-top: 100px; }
.mf-guide-taxonomy-page .mf-guide-hub-section { scroll-margin-top: 100px; }
.mf-guide-hub-category-link { margin: 0px 0px 14px; }
.mf-guide-hub-category-link a { color: rgb(7, 89, 135); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mf-guide-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 0px; padding: 0px; list-style: none; }
.mf-guide-hub-grid li { min-width: 0px; margin: 0px; padding: 0px; list-style: none; }
.mf-guide-overview .mf-guide-hub-grid { margin:0; padding:0; }
.mf-guide-overview .mf-guide-hub-grid li { margin:0; padding:0; border:0; background:none; box-shadow:none; }
.mf-guide-overview .mf-guide-hub-grid li[hidden] { display:none; }
.mf-guide-overview .mf-guide-hub-grid li::before { content:none; }
.mf-guide-overview .mf-guide-hub-section-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mf-guide-overview .mf-guide-hub-section-header h2 { margin:0; }
.mf-guide-overview .mf-guide-hub-grid a { box-sizing:border-box; height:100%; }
.mf-guide-overview .mf-guide-hub-grid > .google-auto-placed { grid-column:1 / -1; min-width:0; }
.mf-guide-overview .mf-guide-hub-section-header h2 { min-width:0; overflow-wrap:anywhere; }
.mf-guide-overview .mf-guide-hub-section-header .mf-guide-count { flex-shrink:0; }
.mf-guidehub-section-header .mf-guidehub-overview-link { display:inline-block; margin:0 0 12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.mf-guide-hub-grid a { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 13px 15px; border: 1px solid rgb(220, 232, 240); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(24, 55, 82); text-decoration: none; box-shadow: rgba(15, 23, 42, 0.035) 0px 2px 9px; }
.mf-guide-hub-grid a:hover, .mf-guide-hub-grid a:focus-visible { border-color: rgb(138, 187, 216); background: rgb(242, 249, 253); color: rgb(4, 82, 129); text-decoration: none; }
.mf-guide-hub-grid a:focus-visible, .mf-guide-hub-actions a:focus-visible, .mf-guide-hub-feature:focus-visible { outline: rgb(228, 154, 36) solid 3px; outline-offset: 2px; }
.mf-guide-hub-card-number { flex: 0 0 auto; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: rgb(232, 244, 251); color: rgb(4, 82, 129); font-size: 12px; font-weight: 800; }
.mf-guide-hub-card-copy { display: grid; gap: 3px; min-width: 0px; }
.mf-guide-hub-card-copy strong { font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.mf-guide-hub-card-copy small { color: rgb(101, 120, 138); font-size: 12px; line-height: 1.35; }
.mf-guide-hub-card-arrow { margin-left: auto; color: rgb(6, 104, 161); font-size: 18px; }
.mf-guide-sidebar .mf-guide-companions { display: grid; gap: 7px; margin-top: 14px; padding: 14px; border: 1px solid rgb(219, 229, 235); border-radius: 7px; background: rgb(255, 255, 255); max-height: none; overflow: visible; }
.mf-guide-companions strong { color: rgb(36, 59, 83); font-size: 13px; }
.mf-guide-companions a { color: rgb(6, 104, 161); font-size: 13px; line-height: 1.4; text-decoration: underline; text-underline-offset: 2px; }
.mf-guide-companions a:hover { color: rgb(3, 77, 122); }
.mf-guide-companions a:focus-visible { outline: rgb(228, 154, 36) solid 2px; outline-offset: 2px; }
@media (max-width: 700px) {
  .mf-guide-hub-grid { grid-template-columns: 1fr; }
  .mf-guide-hub-grid a { min-height: 56px; padding: 11px 12px; }
}

/* Mariofans contact page – 4 October 2026 */
.page-id-285 .mf-page-article { padding: clamp(22px, 3vw, 38px); }
.page-id-285 .mf-article-title { margin: 0 0 18px; font-size: clamp(28px, 3vw, 36px); line-height: 1.2; }
.mf-contact { --contact-blue: #0668a1; --contact-ink: #102a43; }
.mf-contact *, .mf-contact *::before, .mf-contact *::after { box-sizing: border-box; }
.mf-contact .mf-contact-intro { max-width: 840px; margin-bottom: 30px; }
.mf-contact .mf-contact-kicker { display: inline-block; color: #0668a1; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mf-contact .mf-contact-intro h2 { margin: 9px 0 12px; color: #102a43; font-size: clamp(25px, 2.7vw, 34px); line-height: 1.25; }
.mf-contact .mf-contact-intro > p { max-width: 750px; margin: 0; font-size: 16px; line-height: 1.75; }
.mf-contact .mf-contact-topics { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 18px 0 0; }
.mf-contact .mf-contact-topics li { margin: 0; padding: 6px 12px; border: 1px solid #d9e9f2; border-radius: 999px; background: #f0f7fb; color: #31546d; font-size: 12px; font-weight: 700; line-height: 1.5; }
.mf-contact .mf-contact-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(270px, 1fr); align-items: start; gap: 24px; }
.mf-contact .mf-contact-form-panel { min-width: 0; padding: clamp(20px, 2.4vw, 28px); border: 1px solid #dce8f0; border-radius: 18px; background: #f8fbfd; }
.mf-contact .mf-contact-form-panel h2 { margin: 0 0 7px; color: #102a43; font-size: 24px; }
.mf-contact .mf-contact-form-hint { margin: 0 0 22px; font-size: 13px; }
.mf-contact .wpcf7-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 18px; row-gap: 18px; }
.mf-contact .wpcf7-form > p { grid-column: 1 / -1; margin: 0; padding: 0; }
.mf-contact .wpcf7-form > p:nth-of-type(1) { grid-column: 1; }
.mf-contact .wpcf7-form > p:nth-of-type(2) { grid-column: 2; }
.mf-contact .wpcf7-form label { display: block; color: #243d52; font-size: 13px; font-weight: 700; line-height: 1.5; }
.mf-contact .wpcf7-form label > br { display: none; }
.mf-contact .wpcf7-form-control-wrap { display: block; margin-top: 8px; }
.mf-contact .wpcf7-form input[type="text"], .mf-contact .wpcf7-form input[type="email"], .mf-contact .wpcf7-form textarea { display: block; width: 100%; max-width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; border: 1px solid #cbdbe6; border-radius: 10px; background: #fff; color: #102a43; font: 16px/1.5 Verdana, Geneva, sans-serif; box-shadow: 0 1px 2px rgba(16, 42, 67, .03); transition: border-color .15s, box-shadow .15s; }
.mf-contact .wpcf7-form textarea { min-height: 180px; height: 180px; resize: vertical; }
.mf-contact .wpcf7-form input[type="text"]:focus, .mf-contact .wpcf7-form input[type="email"]:focus, .mf-contact .wpcf7-form textarea:focus { outline: 2px solid #0668a1; outline-offset: 2px; border-color: #0668a1; box-shadow: 0 0 0 4px rgba(6, 104, 161, .08); }
.mf-contact .wpcf7-form input[type="submit"] { min-height: 48px; padding: 12px 28px; border: 0; border-radius: 10px; background: #0668a1; color: #fff; font: 700 15px/1.5 Verdana, Geneva, sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(6,104,161,.15); transition: background .15s, transform .15s; }
.mf-contact .wpcf7-form input[type="submit"]:hover { background: #045281; transform: translateY(-1px); }
.mf-contact a:focus-visible, .mf-contact .wpcf7-form input[type="submit"]:focus-visible { outline: 3px solid #e49a24; outline-offset: 4px; }
.mf-contact .wpcf7-not-valid-tip { margin-top: 6px; color: #a12626; font-size: 12px; font-weight: 400; }
.mf-contact .wpcf7-form .wpcf7-not-valid { border-color: #b83d3d; }
.mf-contact .wpcf7-form .wpcf7-response-output { grid-column: 1 / -1; margin: 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; line-height: 1.6; }
.mf-contact .mf-contact-privacy { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #dce8f0; color: #536a7c; font-size: 12px; line-height: 1.7; }
.mf-contact .mf-contact-sidebar { display: grid; gap: 20px; min-width: 0; }
.mf-contact .mf-contact-direct { padding: 26px; border-radius: 18px; background: linear-gradient(135deg, #102a43, #075886); color: #fff; box-shadow: 0 8px 22px rgba(16,42,67,.13); }
.mf-contact .mf-contact-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(255,255,255,.08); color: #fff; }
.mf-contact .mf-contact-direct h2 { margin: 0 0 9px; color: #fff; font-size: 21px; }
.mf-contact .mf-contact-direct p { margin: 0 0 18px; color: #dcecf6; font-size: 14px; }
.mf-contact .mf-contact-email { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 0 0; border-top: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.mf-contact .mf-contact-email:hover { color: #fff; text-decoration: underline; }
.mf-contact .mf-contact-help { padding: 25px; border: 1px solid #dce8f0; border-radius: 18px; background: #fff; }
.mf-contact .mf-contact-help > h2 { margin: 0 0 22px; color: #102a43; font-size: 19px; line-height: 1.4; }
.mf-contact .mf-contact-tip { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 22px; }
.mf-contact .mf-contact-tip > span { flex: 0 0 30px; display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 9px; background: #eef7fb; color: #0668a1; font-size: 11px; font-weight: 700; }
.mf-contact .mf-contact-tip h3 { margin: 2px 0 6px; color: #243d52; font-size: 14px; line-height: 1.5; }
.mf-contact .mf-contact-tip p { margin: 0; color: #536a7c; font-size: 13px; line-height: 1.7; }
.mf-contact .mf-contact-about { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 17px; border-top: 1px solid #dce8f0; color: #0668a1; font-size: 13px; font-weight: 700; text-decoration: none; }
.mf-contact .mf-contact-about:hover { text-decoration: underline; }
@media (max-width: 850px) { .mf-contact .mf-contact-layout { grid-template-columns: minmax(0, 1fr); } .mf-contact .mf-contact-sidebar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 600px) { .page-id-285 .mf-page-article { padding: 20px 16px; } .mf-contact .mf-contact-intro { margin-bottom: 24px; } .mf-contact .mf-contact-intro > p { font-size: 15px; } .mf-contact .mf-contact-layout { gap: 18px; } .mf-contact .mf-contact-sidebar, .mf-contact .wpcf7-form { grid-template-columns: minmax(0, 1fr); } .mf-contact .wpcf7-form > p:nth-of-type(1), .mf-contact .wpcf7-form > p:nth-of-type(2) { grid-column: 1 / -1; } .mf-contact .mf-contact-form-panel { padding: 20px 16px; } .mf-contact .mf-contact-direct, .mf-contact .mf-contact-help { padding: 22px; } .mf-contact .wpcf7-form input[type="submit"] { width: 100%; } .mf-contact .wpcf7-spinner { display: block; margin: 10px auto 0; } }

.page-id-285 .mf-article-toc { display: none; }