/* MyJuve News Feed 1.2 — scoped styles; does not alter Newspaper or Header & Hero. */
.mjnf{--mjnf-ink:#0b0b0b;--mjnf-gold:#c8a84b;--mjnf-light:#e0be6a;--mjnf-muted:#62666b;--mjnf-line:#e1e2e4;--mjnf-bg:#f7f7f7;box-sizing:border-box;max-width:100%;min-width:0;background:#f8f8f8;border:1px solid #e2e3e4;border-radius:18px;padding:28px 26px 30px;font-family:'Fira Sans',Arial,sans-serif;color:var(--mjnf-ink);container-type:inline-size}
.mjnf *,.mjnf *::before,.mjnf *::after{box-sizing:border-box}
.mjnf button,.mjnf input{font-family:inherit}
.mjnf__section-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;min-width:0}
.mjnf__heading{font:900 clamp(22px,2.1vw,33px)/1.15 'Fira Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:-.035em!important;color:#080808!important;margin:0!important;min-width:0}
.mjnf__heading-line{height:3px;flex:1;min-width:18px;background:var(--mjnf-gold)}
.mjnf__toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 19px;min-width:0}
.mjnf__tabs{display:flex;gap:9px;align-items:center;min-width:0;max-width:100%;scrollbar-width:none}
.mjnf__tabs::-webkit-scrollbar{display:none}
.mjnf__tab{appearance:none;display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:8px 16px!important;border:1px solid transparent!important;border-radius:7px!important;background:#e9e9e9!important;color:#171717!important;white-space:nowrap;font-size:12px!important;font-weight:800!important;line-height:1.25!important;text-transform:uppercase;letter-spacing:0!important;box-shadow:none!important;cursor:pointer;transition:background .18s ease,color .18s ease}
.mjnf__tab.is-active,.mjnf__tab:hover{background:var(--mjnf-gold)!important;color:#0a0a0a!important}
.mjnf__tab:focus-visible,.mjnf__search-input:focus-visible,.mjnf__load:focus-visible,.mjnf__card-link:focus-visible{outline:3px solid var(--mjnf-gold)!important;outline-offset:3px}
.mjnf__search{position:relative;display:flex;align-items:center;flex:0 1 260px;min-width:165px;width:260px;max-width:100%;height:39px;border:1px solid #dedede;background:#fff;border-radius:40px;padding:0 12px;box-shadow:none!important;margin:0!important}
.mjnf__search-submit{width:27px;min-width:27px;height:29px;margin-right:8px;display:flex;align-items:center;justify-content:center;appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;padding:3px!important;cursor:pointer;color:#111!important;line-height:1!important}
.mjnf__search-submit svg{width:19px;height:19px;stroke:#111}
.mjnf__search-input{width:100%!important;min-width:0!important;height:35px!important;padding:0!important;margin:0!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#111!important;font-size:13px!important;line-height:1.2!important}
.mjnf__search-input:focus{box-shadow:none!important}
.mjnf__search-input::-webkit-search-cancel-button{cursor:pointer}
.mjnf__search-submit:focus-visible{outline:2px solid var(--mjnf-gold)!important;border-radius:50%}
.mjnf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;min-width:0}
.mjnf__card{min-width:0;margin:0!important;overflow:hidden;background:#fff;border:1px solid #e1e2e3;border-radius:13px;box-shadow:0 2px 3px rgba(0,0,0,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mjnf__card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.085);border-color:#d3c5a3}
.mjnf__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none!important;color:inherit!important;outline-offset:0;overflow:hidden}
.mjnf__media{position:relative;overflow:hidden;aspect-ratio:16/9;flex:none;background:#181818}
.mjnf__image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important;margin:0!important;transition:transform .35s ease}
.mjnf__card:hover .mjnf__image{transform:scale(1.035)}
.mjnf__image-fallback{height:100%;background:linear-gradient(125deg,#080808,#303030);display:flex;align-items:center;justify-content:center;color:var(--mjnf-gold);font-size:46px;font-weight:900}
.mjnf__badge{position:absolute;left:13px;top:12px;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:7px 12px;background:var(--mjnf-gold);color:#111;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.mjnf__content{padding:15px 17px 16px;display:flex;flex-direction:column;flex:1;min-width:0}
.mjnf__title{margin:0 0 8px!important;font:800 clamp(17px,1.3vw,20px)/1.25 'Fira Sans',Arial,sans-serif!important;letter-spacing:-.02em;color:#101010!important;text-transform:uppercase!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.mjnf__card:hover .mjnf__title{color:#624c10!important}
.mjnf__excerpt{margin:0 0 15px!important;font:400 13.5px/1.5 'Fira Sans',Arial,sans-serif!important;color:#616469!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.mjnf__meta{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:auto;font:400 12px/1.35 'Fira Sans',Arial,sans-serif;color:#515458}
.mjnf__date,.mjnf__comments{display:inline-flex;align-items:center;gap:6px;min-width:0}
.mjnf__date svg,.mjnf__comments svg{display:block;width:15px;height:15px;flex:0 0 15px}
.mjnf__comments{font-weight:700;color:#171717}
.mjnf__category{color:#8c6214;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.mjnf__card--compact .mjnf__card-link{flex-direction:row;align-items:stretch}
.mjnf__card--compact .mjnf__media{aspect-ratio:auto;width:43%;min-height:120px}
.mjnf__card--compact .mjnf__content{padding:13px 14px;justify-content:center}
.mjnf__card--compact .mjnf__title{font-size:15px!important;-webkit-line-clamp:3;line-clamp:3;margin-bottom:8px!important}
.mjnf__card--compact .mjnf__meta{font-size:11px}
.mjnf__ad{grid-column:1/-1;min-width:0;margin:1px 0;padding:10px 12px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;overflow:hidden;text-align:center}
.mjnf__ad-caption{display:block;margin-bottom:6px;text-align:right;color:#909090;font:400 10px/1.2 'Fira Sans',sans-serif;text-transform:uppercase}
.mjnf__empty{grid-column:1/-1;text-align:center;padding:52px 16px;border-radius:12px;background:#fff;border:1px solid #e1e2e3;color:#555;font-size:15px}
.mjnf__load-wrap{text-align:center;margin:24px 0 0}
.mjnf__load-wrap[hidden]{display:none!important}
.mjnf__load{appearance:none;padding:12px 25px!important;min-width:190px;min-height:42px;background:var(--mjnf-gold)!important;border:1px solid #b79b4a!important;border-radius:8px!important;color:#141414!important;font:800 13px/1.3 'Fira Sans',Arial,sans-serif!important;text-transform:uppercase;cursor:pointer;transition:background .18s ease}
.mjnf__load:hover{background:var(--mjnf-light)!important}
.mjnf__load:disabled{opacity:.65;cursor:wait}
.mjnf.is-loading .mjnf__grid{opacity:.8;transition:opacity .16s}
.mjnf .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container (max-width:800px){.mjnf__toolbar{flex-wrap:wrap}.mjnf__tabs{width:100%;overflow-x:auto}.mjnf__search{flex:1 1 250px;width:100%}}
@container (max-width:590px){.mjnf__grid{grid-template-columns:1fr}.mjnf__section-head{gap:10px}.mjnf__heading{font-size:22px!important;letter-spacing:-.035em!important}.mjnf__heading-line{min-width:12px}.mjnf__card--compact .mjnf__card-link{flex-direction:column}.mjnf__card--compact .mjnf__media{width:100%;aspect-ratio:16/9;min-height:0}.mjnf__card--compact .mjnf__content{padding:15px 17px}.mjnf__card--compact .mjnf__title{font-size:17px!important}.mjnf__card--compact .mjnf__category{display:none}}
@media(max-width:767px){.mjnf{border-radius:16px;padding:20px 14px 110px}.mjnf__section-head{margin-bottom:17px}.mjnf__heading{font-size:20px!important}.mjnf__tabs{gap:7px}.mjnf__tab{padding:8px 12px!important;font-size:11px!important;min-height:36px}.mjnf__grid{gap:16px}.mjnf__card{border-radius:12px}.mjnf__title{font-size:18px!important}.mjnf__excerpt{font-size:13px!important}.mjnf__content{padding:14px 14px 15px}.mjnf__load-wrap{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mjnf__card,.mjnf__image,.mjnf__tab,.mjnf__load{transition:none!important}}

/* Yandex RTB 19405579-2: spans both feed columns at the fourth news item. */
.mjnf .mjnf__ad{grid-column:1/-1;width:100%;min-width:0;max-width:100%;margin:0;padding:12px 14px 16px;overflow:hidden;}
.mjnf .mjnf__ad-unit{width:100%;min-width:0;min-height:150px;overflow:hidden;}
@container (max-width:590px){.mjnf .mjnf__ad{padding:10px 8px 12px}.mjnf .mjnf__ad-unit{min-height:120px}}

/* v2.7.2 — Mobile feed: precisely 90% of the visible viewport.
   Center relative to the shortcode's original container; do not expand
   desktop feed or affect Newspaper/global header elements. */
@media screen and (max-width:767px){
  .mjnf{
    width:90vw!important;
    max-width:90vw!important;
    min-width:0!important;
    margin-left:calc(50% - 45vw)!important;
    margin-right:0!important;
  }
}


/* 2.7.9 — Wide editorial news feed, below the full-width Matches Strip.
   Desktop: 4 cards per row × 2 rows, then one Yandex RTB banner.
   Keep legacy .mjnf (classic) untouched, including its 4th-post ad. */
.mjnf.mjnf--wide{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:30px 0 46px!important;
  background:#fff;
  border:0!important;
  border-radius:0!important;
}
@supports (width:100dvw){
  .mjnf.mjnf--wide{
    width:100dvw!important;max-width:100dvw!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:calc(50% - 50dvw)!important;
  }
}
.mjnf--wide > .mjnf__section-head,
.mjnf--wide > .mjnf__toolbar,
.mjnf--wide > .mjnf__grid,
.mjnf--wide > .mjnf__load-wrap{
  width:90%!important;
  max-width:90%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mjnf--wide .mjnf__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}
.mjnf--wide .mjnf__card-link{flex-direction:column!important}
.mjnf--wide .mjnf__card .mjnf__media{width:100%!important;min-height:0!important;aspect-ratio:16/9!important}
.mjnf--wide .mjnf__content{padding:13px 13px 15px!important}
.mjnf--wide .mjnf__title{font-size:clamp(15px,1.13vw,18px)!important;line-height:1.24!important;-webkit-line-clamp:3;line-clamp:3}
.mjnf--wide .mjnf__excerpt{font-size:12.5px!important;line-height:1.42!important;margin-bottom:12px!important;-webkit-line-clamp:2;line-clamp:2}
.mjnf--wide .mjnf__meta{font-size:11px!important}
.mjnf--wide .mjnf__badge{font-size:10px;padding:6px 9px}
.mjnf--wide .mjnf__ad{grid-column:1/-1}
@media (min-width:951px) and (max-width:1279px){
  .mjnf--wide .mjnf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:701px) and (max-width:950px){
  .mjnf--wide .mjnf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .mjnf.mjnf--wide{padding:24px 0 105px!important}
  .mjnf--wide .mjnf__grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  .mjnf--wide .mjnf__toolbar{margin-bottom:20px}
  .mjnf--wide .mjnf__title{font-size:18px!important}
  .mjnf--wide .mjnf__excerpt{font-size:13px!important}
  .mjnf--wide .mjnf__content{padding:14px!important}
}
