.nav-links{display:flex;justify-content:center;align-items:center;gap:20px}
.nav-links .menu-item{display:inline-block}
.nav-links .sub-menu{display:none;position:absolute;z-index:15;background:white;box-shadow:0 5px 15px #0002;padding:10px;list-style:none}
.nav-links .menu-item:hover>.sub-menu,.nav-links .menu-item:focus-within>.sub-menu{display:block}
.nav-links .sub-menu a{display:block;padding:7px}
.cover .thumb{height:100%;aspect-ratio:auto}
.custom-logo-link{display:block;max-width:320px}
.custom-logo{display:block;max-width:100%;max-height:95px;width:auto;height:auto}
#mfe-site{display:block!important;width:100%!important;max-width:1024px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;overflow:clip;background:#fff!important}
#mfe-site .content{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#mfe-site .hero-grid,#mfe-site .agenda-row,#mfe-site .feature-grid{min-width:0!important;max-width:100%!important}
#mfe-site img{max-width:100%;height:auto}
#mfe-site .archive-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important}
#mfe-site .archive-list article{min-width:0!important}
#mfe-site .archive-list .thumb{display:block!important;width:100%!important;aspect-ratio:1.5!important;object-fit:cover!important}
@media(max-width:620px){#mfe-site .archive-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}

/* Magazine homepage v1.2: balanced hero, twelve recent posts and varied category grids. */
#mfe-site .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px}
#mfe-site .hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px}
#mfe-site .hero-side>article{min-width:0}
#mfe-site .hero-side>article .thumb{aspect-ratio:1.8}
#mfe-site .hero-side>article .card-title{font-size:15px;line-height:1.2}
#mfe-site .hero-contest{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 12px}
#mfe-site .hero-contest .mini-heading{font-size:20px;margin:0 0 5px}
#mfe-site .hero-contest .contest-slide .thumb{aspect-ratio:1.7;max-height:126px;object-fit:cover}
#mfe-site .hero-contest .contest-slide .card-title{font-size:17px}
#mfe-site .mode-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
#mfe-site .mode-grid>.cover,#mfe-site .mode-grid>div:first-child>.cover{height:100%;min-height:0}
#mfe-site .mode-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
#mfe-site .mode-small-grid .thumb{aspect-ratio:1.7}
#mfe-site .mode-small-grid .card-title{font-size:15px}
#mfe-site .love-grid{align-items:stretch}
#mfe-site .love-grid>div:first-child>.cover{height:100%;min-height:0}
#mfe-site .love-side{grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
#mfe-site .love-side .feature-item{grid-template-columns:100px minmax(0,1fr);align-items:center;min-height:0}
#mfe-site .love-side .feature-item .thumb{aspect-ratio:1.4}
#mfe-site .love-side .feature-item .card-title{font-size:16px}
@media(max-width:800px){
 #mfe-site .hero-grid{grid-template-columns:1fr}
 #mfe-site .mode-grid{grid-template-columns:1fr}
 #mfe-site .mode-grid>div:first-child>.cover{min-height:260px}
 #mfe-site .love-grid>div:first-child>.cover{min-height:260px}
}
@media(max-width:520px){
 #mfe-site .hero-side{grid-template-rows:auto auto}
 #mfe-site .love-side .feature-item{grid-template-columns:95px minmax(0,1fr)}
}
@media(max-width:1024px){#mfe-site{box-shadow:none!important}}
@media(max-width:800px){.nav-links{display:none}.nav-links.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nav-links .menu-item{display:block}}
