/* MeAriel v3 stage 2: news hub / topic / day pages and the flash page (news.php). Fibonacci values only. */

/* Hub lives inside the page content: same base as .mv-single, and the Astra page chrome steps aside */
.mv-news-hub .entry-header,.mv-news-hub .ast-breadcrumbs-wrapper{display:none}
.mv-news-hub .site-content>.ast-container,.mv-news-hub .entry-content,.mv-news-hub article.page{max-width:none;margin:0;padding:0}
.mv-news-hub #primary{margin:0;padding:0}
/* Astra's block layout caps every child of the page content at the content width; the hub sets its own */
.mv-news-hub .mv-news{max-width:none!important;margin-inline:0!important}
.mv-news>.mv-nhead{max-width:none!important;margin-inline:0!important}
.mv-news>.mv-news-grid{max-width:var(--mv-wrap)!important;margin-inline:auto!important}
.mv-news{direction:rtl;background:var(--mv-bg);color:var(--mv-text);font:400 16px/1.618 var(--mv-font-b)}
.mv-news *{box-sizing:border-box}
.mv-news :is(h1,h2,h3){margin:0;color:var(--mv-ink);font-family:var(--mv-font-h);line-height:1.236}
.mv-news a{text-decoration:none}
.mv-news .mv-card{display:block;padding:0;overflow:hidden;color:var(--mv-text)}
.mv-news .mv-chip{min-height:21px}

.mv-nhead{padding:34px 0 21px;background:var(--mv-ink);color:#fff}
.mv-nhead .mv-bc ol{color:#C9D6E2}
.mv-nhead .mv-bc a{color:#fff!important;text-decoration:underline!important}
.mv-nhead-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:21px}
.mv-news .mv-nhead h1{color:#fff;font:800 42px/1.236 var(--mv-font-h)}
.mv-nhead p{margin:5px 0 0;color:#C9D6E2}
.mv-nchips{display:flex;gap:8px;margin-top:21px;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin}
.mv-nchips a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 21px;border:1px solid rgb(255 255 255/.382);border-radius:999px;color:#fff!important;font-weight:700;white-space:nowrap}
.mv-nchips a:hover{background:rgb(255 255 255/.146)}
.mv-nchips a[aria-current]{background:var(--mv-orange);border-color:var(--mv-orange);color:var(--mv-ink)!important}

.mv-news-grid{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:34px;align-items:start;padding-top:34px;padding-bottom:89px}
.mv-news-main{min-width:0}

.mv-nmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 5px;color:var(--mv-muted);font-size:13px}
.mv-nmeta>span:not(.mv-chip)+span:not(.mv-chip)::before{content:"·";margin-inline-end:8px}
.mv-nflash{display:inline-flex;align-items:center;gap:5px;color:#B3261E;font-weight:700}
.mv-nlive-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#D93025;animation:mvPulse 1597ms ease-in-out infinite}

.mv-nlead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--mv-border);border-radius:13px;background:#fff;box-shadow:var(--mv-shadow);overflow:hidden}
.mv-nlead-ph{display:block;min-height:233px;background:var(--mv-bg)}
.mv-nlead-ph img{display:block;width:100%;height:100%;object-fit:cover}
.mv-nlead-b{display:flex;flex-direction:column;justify-content:center;padding:21px}
.mv-news .mv-nlead h2{font:800 26px/1.236 var(--mv-font-h)}
.mv-nlead h2 a,.mv-nitem h3 a{color:var(--mv-ink)!important}
.mv-nlead h2 a:hover,.mv-nitem h3 a:hover{text-decoration:underline!important}
.mv-nlead-ex{margin:8px 0 0;color:var(--mv-muted)}
.mv-ncards{margin:21px 0 34px}
.mv-news .mv-ncards .mv-card{border:1px solid var(--mv-border)}
.mv-news .mv-ph{display:block;aspect-ratio:1200/630;overflow:hidden}
.mv-news .mv-ph img{display:block;width:100%;height:100%;object-fit:cover}
.mv-news .mv-sechead{margin:0 0 21px;font-size:26px}

.mv-nlist{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.mv-nitem{display:grid;grid-template-columns:minmax(0,1fr) 233px;gap:21px;align-items:center;padding:13px;border:1px solid var(--mv-border);border-radius:13px;background:#fff}
.mv-nitem-ph{order:2;display:block;aspect-ratio:1200/630;border-radius:8px;overflow:hidden;background:var(--mv-bg)}
.mv-nitem-ph img{display:block;width:100%;height:100%;object-fit:cover}
.mv-news .mv-nitem h3{font:700 20px/1.236 var(--mv-font-h)}
.mv-nitem.is-new{animation:mvIn var(--mv-t4) ease-out both}
@keyframes mvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.mv-nmore{display:flex;flex-direction:column;align-items:center;gap:8px;margin:34px 0}
.mv-nmore .mv-btn{min-width:233px;border-color:#C9D6E2}
.mv-nmore .mv-btn:hover{border-color:var(--mv-ink)}

.mv-ndays{margin-top:34px;padding:21px;border:1px solid var(--mv-border);border-radius:13px;background:#fff}
.mv-news .mv-ndays h2{margin-bottom:13px;font-size:20px}
.mv-ndays ul{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 13px;padding:0;list-style:none}
.mv-ndays li a{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 13px;border:1px solid #C9D6E2;border-radius:999px;color:var(--mv-ink)!important;font-weight:700}
.mv-ndays li a small{color:var(--mv-muted);font-weight:400}
.mv-ndays li a[aria-current]{background:var(--mv-ink);border-color:var(--mv-ink);color:#fff!important}
.mv-ndays li a[aria-current] small{color:#C9D6E2}
.mv-nday-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mv-nday-pick label{color:var(--mv-muted);font-size:13px;font-weight:700}
.mv-nday-pick input{min-height:44px;padding:0 13px;border:1px solid #C9D6E2;border-radius:8px;font:400 16px var(--mv-font-b)}

.mv-news .mv-side{display:flex;flex-direction:column;gap:21px;position:sticky;top:110px}
.mv-news .mv-side-list{padding:21px}
.mv-nlive h2,.mv-flash .mv-nlive h2{display:flex;align-items:center;gap:8px}
.mv-nlive ol{list-style:none;padding:0!important}
.mv-nlive li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;border-top:1px solid var(--mv-border)}
.mv-nlive li:first-child{border-top:0}
.mv-ntop ol{counter-reset:mvtop;list-style:none;padding:0!important}
.mv-ntop li{counter-increment:mvtop;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;border-top:1px solid var(--mv-border)}
.mv-ntop li:first-child{border-top:0}
.mv-ntop li::before{content:counter(mvtop);color:var(--mv-orange);font:800 26px/1 var(--mv-font-h)}
.mv-news .mv-side-join{padding:21px;background:#FFF6E6;border-color:#F3DDB4}
.mv-news .mv-side-join b{display:block;font:700 20px/1.236 var(--mv-font-h)}
.mv-news .mv-side-join small{display:block;margin:5px 0 13px;font-size:13px}

/* flash page */
.mv-flash-art .mv-art-h{font-size:42px}
.mv-flash .mv-nmeta{font-size:16px}
.mv-flash .mv-art-body{max-width:68ch}

@media (max-width:1024px){
  .mv-news-grid{grid-template-columns:minmax(0,1fr)}
  .mv-news .mv-side{position:static}
}
@media (max-width:768px){
  .mv-news .mv-nhead h1{font-size:33px}
  .mv-nhead-row .mv-btn{width:100%}
  .mv-nlead{grid-template-columns:minmax(0,1fr)}
  .mv-nlead-ph{min-height:0;aspect-ratio:1200/630}
  .mv-news .mv-nlead h2{font-size:20px}
  .mv-nitem{grid-template-columns:minmax(0,1fr) 89px;gap:13px;padding:8px}
  .mv-nitem-ph{aspect-ratio:1}
  .mv-news .mv-nitem h3{font-size:16px}
  .mv-flash-art .mv-art-h{font-size:33px}
}
@media (prefers-reduced-motion:reduce){
  .mv-nlive-dot,.mv-nitem.is-new{animation:none}
}
