/* mod_mlarticles — article display, 7 styles. Uses NovaFlex tokens with fallbacks. */
.mla{--mla-cols:3;--mla-gap:20px;--mla-ratio:16/9;}
.mla *{box-sizing:border-box;}
.mla img{display:block;width:100%;height:auto;}
.mla a{text-decoration:none;color:inherit;}
.mla ul,.mla ol{list-style:none;}
.mla li::marker{content:"";}

/* shared atoms */
.mla-media{display:block;overflow:hidden;border-radius:var(--nf-radius,12px);}
.mla-media img{aspect-ratio:var(--mla-ratio,16/9);object-fit:cover;transition:transform .4s ease;}
.mla-media:hover img{transform:scale(1.04);}
.mla-cat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--nf-primary,#2f8f3f);margin-bottom:.15rem;}
.mla-title{font-family:var(--nf-font-heading,inherit);font-weight:700;font-size:1.12rem;line-height:1.3;margin:.15rem 0 0;color:var(--nf-text,#16313f);}
.mla-title a:hover{color:var(--nf-primary,#2f8f3f);}
/* Site template heading rules (.nf-main h2/h3) inject large top/bottom margins
   on the title tag; pin it tight regardless of which heading tag is chosen. */
.mla .mla-title{margin:0 0 .35rem !important;}
.mla-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:var(--nf-muted,#5f7280);font-size:.82rem;margin-top:.4rem;}
.mla-meta-sep{opacity:.5;}
.mla-intro{color:var(--nf-muted,#5f7280);font-size:.92rem;line-height:1.55;margin:.5rem 0 0;}
.mla-more{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;font-weight:600;font-size:.85rem;color:var(--nf-primary,#2f8f3f);}
.mla-arrow{display:inline-block;flex:0 0 auto;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;font:inherit;line-height:1;transform:none;transition:transform .15s;}
.mla-more:hover .mla-arrow{transform:translateX(3px);}

/* ---- Cards (grid) ---- */
.mla-grid{display:grid;grid-template-columns:repeat(var(--mla-cols,3),minmax(0,1fr));gap:var(--mla-gap,20px);}
.mla-card{display:flex;flex-direction:column;background:var(--nf-bg,#fff);border:1px solid var(--nf-border,#e7edf0);border-radius:var(--nf-radius,12px);overflow:hidden;transition:transform .18s,box-shadow .18s;}
.mla-card:hover{transform:translateY(-4px);box-shadow:var(--nf-shadow-lg,0 12px 34px rgba(15,43,62,.10));}
/* The card owns the outer radius. Images inside a rounded card must not
   have their own bottom corners rounded (the site template may apply a
   global radius directly to img elements). */
.mla-card .mla-media,
.mla-card .mla-media img{border-radius:0;}
.mla-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;}

/* ---- List (media left) ---- */
.mla-listing{display:flex;flex-direction:column;}
.mla-listing .mla-row{padding:22px 0;border-bottom:1px dotted var(--nf-border,#cbd5dd);}
.mla-listing .mla-row:first-child{padding-top:0;}
.mla-listing .mla-row:last-child{padding-bottom:0;border-bottom:0;}
.mla-row{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:1.2rem;align-items:start;}
.mla-row-body{display:flex;flex-direction:column;}
@media(max-width:560px){.mla-row{grid-template-columns:1fr;}}

/* ---- Module width / Safari hardening ---- */
.mla{width:100%;max-width:100%;min-width:0;margin-inline:0;}
.mla,.mla *,.mla *::before,.mla *::after{box-sizing:border-box;}
.mla img{max-width:100%;}
.mla-mag,.mla-mag-lead,.mla-mag-side,.mla-mini,.mla-mini-body{min-width:0;max-width:100%;}
.mla-title,.mla-title a,.mla-intro{overflow-wrap:anywhere;word-break:normal;}

/* Link arrows are text glyphs instead of inline SVGs. This avoids browser/template
   SVG rules ever expanding a small arrow to the SVG default 300x150 viewport. */
.mla .mla-arrow{display:inline-block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;font-size:1.05em!important;line-height:1!important;}
.mla .mla-car-arrow svg{display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;}
.mla .mla-notice__icon svg{display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;}

/* ---- Magazine (lead + side) ---- */
.mla-mag{display:grid;grid-template-columns:var(--mla-mag-cols,1fr 1fr);gap:var(--mla-gap,20px);align-items:start;}
.mla-mag-media img{aspect-ratio:16/10;}
.mla-mag-body{padding-top:.8rem;display:flex;flex-direction:column;}
.mla-mag-lead .mla-title{font-size:clamp(1.3rem,2.5vw,1.7rem);}
.mla-mag-side{display:flex;flex-direction:column;gap:1rem;}
.mla-mini{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.95rem;align-items:center;}
.mla-mini-media{min-width:0;}
.mla-mini-media img{aspect-ratio:1/1;}
.mla-mini .mla-title{font-size:.98rem;margin:0 !important;}
.mla-mag--side-intro .mla-mini{align-items:start;}
.mla-mini .mla-intro{font-size:.84rem;line-height:1.45;margin:.35rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:780px){
	.mla-mag{grid-template-columns:minmax(0,1fr);width:100%;}
	.mla-mag-lead,.mla-mag-side{width:100%;}
	.mla-mini{grid-template-columns:minmax(88px,120px) minmax(0,1fr);}
}
@media(max-width:480px){
	.mla-mini{grid-template-columns:96px minmax(0,1fr);gap:.75rem;align-items:start;}
	.mla-mini .mla-title{font-size:.94rem;}
}

/* ---- Carousel ---- */
.mla-carousel{position:relative;}
.mla-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--mla-cols) - 1) * var(--mla-gap)) / var(--mla-cols));gap:var(--mla-gap,20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.4rem;scrollbar-width:thin;}
.mla-slide{scroll-snap-align:start;}
.mla-car-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--nf-border,#e7edf0);background:var(--nf-bg,#fff);color:var(--nf-text,#16313f);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--nf-shadow-lg,0 12px 34px rgba(15,43,62,.10));}
.mla-car-arrow svg{width:20px;height:20px;}
.mla-car-prev{left:-8px;}
.mla-car-next{right:-8px;}
.mla-car-arrow[disabled]{opacity:.3;cursor:default;}
.mla-car-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.8rem;}
.mla-car-dots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--nf-border,#cbd5dd);cursor:pointer;padding:0;}
.mla-car-dots button.is-active{background:var(--nf-primary,#2f8f3f);}
.mla-track::-webkit-scrollbar{height:6px;}
.mla-track::-webkit-scrollbar-thumb{background:var(--nf-border,#cbd5dd);border-radius:6px;}
@media(max-width:780px){.mla-track{grid-auto-columns:82%;}.mla-car-arrow{display:none;}}

/* ---- Overlay ---- */
.mla-grid--overlay{grid-template-columns:repeat(var(--mla-cols,3),minmax(0,1fr));}
.mla-ov{position:relative;display:flex;align-items:flex-end;min-height:260px;border-radius:var(--nf-radius,12px);overflow:hidden;background-size:cover;background-position:center;background-color:#1a2b36;color:#fff;transition:transform .18s;}
.mla-ov:hover{transform:translateY(-3px);}
.mla-ov-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,30,43,0) 30%,rgba(11,30,43,.85) 100%);}
.mla-ov-inner{position:relative;z-index:2;padding:1.1rem;display:flex;flex-direction:column;}
.mla-ov .mla-title{color:#fff;font-size:1.15rem;}
.mla-ov .mla-cat{color:#fff;opacity:.92;}
.mla-ov .mla-meta{color:rgba(255,255,255,.82);}

/* ---- Compact ---- */
.mla-compact{list-style:none;margin:0;padding:0;border-top:1px solid var(--nf-border,#e7edf0);}
.mla-cx{border-bottom:1px solid var(--nf-border,#e7edf0);}
.mla-cx-link{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem .2rem;transition:background .15s;}
.mla-cx-link:hover{background:var(--nf-surface,#f4f6f8);}
.mla-cx-title{font-family:var(--nf-font-heading,inherit);font-weight:600;font-size:.98rem;color:var(--nf-text,#16313f);line-height:1.35;}
.mla-cx-link:hover .mla-cx-title{color:var(--nf-primary,#2f8f3f);}
.mla-cx-date{flex:0 0 auto;color:var(--nf-muted,#5f7280);font-size:.8rem;white-space:nowrap;}

/* ---- Grid responsiveness ----
   Generic fallback. default.php also emits an ID-scoped per-module rule so the
   configured mobile column count cannot be overridden by the site template. ---- */
@media(max-width:980px){.mla-grid,.mla-grid--overlay{grid-template-columns:repeat(var(--mla-cols-m,2),minmax(0,1fr));gap:var(--mla-gap-m,var(--mla-gap,20px));}}

@media (prefers-reduced-motion:reduce){
	.mla-media img,.mla-card,.mla-ov,.mla-notice,.mla-arrow{transition:none;}
	.mla-track{scroll-behavior:auto;}
}

/* ---- Read more as button: inherits the active template button (.nf-btn-primary)
       so it matches the site's other buttons (e.g. header CTA). mla-btn = layout only. ---- */
.mla-btn{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;margin-top:.85rem;text-decoration:none}
.mla-btn .mla-arrow{transition:transform .15s}
.mla-btn:hover .mla-arrow{transform:translateX(3px)}

/* ---- Module footer link/button (e.g. "Older news") ---- */
.mla-footer{display:flex;justify-content:center;margin-top:1.4rem}
.mla-footer .mla-foot{align-self:auto;margin-top:0}
.mla-footer .mla-more.mla-foot{margin-top:0}

/* Keep button text on one line + consistent arrow (read-more + footer) */
.mla-btn,.mla-cta{white-space:nowrap}
.mla-cta{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}
.mla-btn .mla-arrow,.mla-cta .mla-arrow{flex:0 0 auto;transition:transform .15s}
.mla-btn:hover .mla-arrow,.mla-cta:hover .mla-arrow{transform:translateX(3px)}
.mla-footer .mla-cta{align-self:auto;margin-top:0}

/* ---- Section header (above the items) ---- */
.mla-header{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem 1.4rem;flex-wrap:wrap;margin:0 0 1.4rem;}
.mla-header__main{min-width:0;}
.mla-header__kicker{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nf-primary,#2f8f3f);margin-bottom:.25rem;}
.mla-header__title{font-family:var(--nf-font-heading,inherit);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.75rem);line-height:1.2;margin:0;color:var(--nf-heading,#15396b);}
.mla-header__sub{margin:.4rem 0 0;color:var(--nf-muted,#5f7280);font-size:.95rem;line-height:1.5;max-width:60ch;}
.mla-header__link{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;font-weight:600;font-size:.9rem;color:var(--nf-primary,#2f8f3f);white-space:nowrap;}
.mla-header__link .mla-arrow{transition:transform .15s;}
.mla-header__link:hover .mla-arrow{transform:translateX(3px);}
.mla-header.has-rule:not(.mla-header--band){border-bottom:1px solid var(--nf-border,#e7edf0);padding-bottom:.9rem;}
.mla-header--underline .mla-header__title::after,.mla-header--centered .mla-header__title::after{content:"";display:block;width:52px;height:3px;border-radius:3px;background:var(--nf-primary,#2f8f3f);margin-top:.55rem;}
.mla-header--accent .mla-header__main{border-left:4px solid var(--nf-primary,#2f8f3f);padding-left:.9rem;}
.mla-header--centered{flex-direction:column;align-items:center;text-align:center;}
.mla-header--centered .mla-header__sub{margin-left:auto;margin-right:auto;}
.mla-header--centered .mla-header__title::after{margin-left:auto;margin-right:auto;}
.mla-header--band{background:var(--nf-surface,#f4f6f8);border:1px solid var(--nf-border,#e7edf0);border-left:4px solid var(--nf-primary,#2f8f3f);border-radius:var(--nf-radius,12px);padding:.95rem 1.2rem;align-items:center;}
@media(max-width:560px){.mla-header__link{font-size:.85rem;}}

/* Notice grid — image-less cards for tenders & announcements */
.mla-notice{display:flex;flex-direction:column;height:100%;background:var(--nf-bg,#fff);border:1px solid var(--nf-border,#e7edf0);border-radius:var(--nf-radius,12px);padding:1.1rem 1.15rem 1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s;}
.mla-notice:hover{transform:translateY(-4px);border-color:var(--nf-primary,#2f8f3f);box-shadow:var(--nf-shadow-lg,0 12px 34px rgba(15,43,62,.10));}
.mla-notice__head{display:flex;align-items:center;gap:.55rem;margin-bottom:.55rem;}
.mla-notice__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--nf-primary,#2f8f3f) 12%,transparent);color:var(--nf-primary,#2f8f3f);}
.mla-notice__icon svg{width:18px;height:18px;}
.mla-notice__head .mla-cat{margin:0;}
.mla-notice__head .mla-meta{margin:0 0 0 auto;}
.mla--notice .mla-title{color:var(--nf-heading,#15396b);}
.mla--notice .mla-intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mla--notice .mla-more{margin-top:auto;padding-top:.7rem;}

/* Magazine: overlay lead (title over image) */
.mla-mag--overlay{align-items:stretch;}
.mla-mag-lead--overlay{position:relative;display:block;height:100%;min-height:260px;border-radius:var(--nf-radius,12px);overflow:hidden;background:var(--nf-heading,#15396b);text-decoration:none;}
.mla .mla-mag-leadimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mla-mag-lead--overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,24,48,.94) 0%,rgba(12,24,48,.82) 16%,rgba(12,24,48,.5) 42%,rgba(12,24,48,.16) 68%,transparent 90%);}
.mla-mag-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.15rem 1.2rem 1.25rem;}
.mla-mag-lead--overlay .mla-cat{display:inline-block;margin:0 0 .4rem;color:#fff;background:rgba(255,255,255,.2);padding:.12rem .6rem;border-radius:999px;}
.mla-mag-lead--overlay .mla-meta{color:rgba(255,255,255,.82);margin:.1rem 0 .45rem;}.mla-mag-lead--overlay .mla-title{color:#fff;font-size:clamp(1.2rem,2.3vw,1.65rem);margin:0 0 .35rem !important;}
.mla-mag-lead--overlay .mla-intro{margin:0;color:rgba(255,255,255,.92);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Mobile Magazine overlay: preserve the full lead image instead of forcing it
   through a stretched card + object-fit:cover. On a single-column phone layout
   the image participates in normal flow, so its natural aspect ratio defines
   the card height and neither the left nor right edge gets cropped. */
@media(max-width:780px){
	.mla-mag--overlay{align-items:start;}
	.mla-mag-lead--overlay{height:auto;min-height:0;}
	.mla .mla-mag-leadimg{
		position:relative;
		inset:auto;
		display:block;
		width:100%;
		height:auto;
		max-width:100%;
		aspect-ratio:auto;
		object-fit:contain;
		border-radius:0;
	}
}


/* ---- Icon list ---------------------------------------------------------
   Backwards-compatible replacement for the legacy "Lista s ikonama" layout.
   The legacy layout used inline SVG arrows; if its CSS was removed by an update,
   browsers rendered each SVG at the default 300x150 size and list bullets became
   visible. This implementation deliberately uses a text glyph and fully resets
   the list so it stays safe even next to aggressive template styles. ---- */
.mla .mla-iconlist{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:flex;
    flex-direction:column;
    gap:0;
}
.mla .mla-iconlist__item{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
}
.mla .mla-iconlist__item::before,
.mla .mla-iconlist__item::after,
.mla .mla-iconlist__item::marker{
    content:none!important;
    display:none!important;
}
.mla .mla-iconlist__link{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center;
    gap:.8rem;
    width:100%;
    min-width:0;
    padding:.72rem 0;
    border-bottom:1px solid var(--nf-border,#e7edf0);
    color:var(--nf-text,#16313f)!important;
    text-decoration:none!important;
}
.mla .mla-iconlist__item:last-child .mla-iconlist__link{border-bottom:0;}
.mla .mla-iconlist__icon{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:50%;
    background:color-mix(in srgb,var(--nf-primary,#2f8f3f) 12%,transparent);
    color:var(--nf-primary,#2f8f3f);
    font:700 20px/1 Arial,sans-serif!important;
    overflow:hidden;
    transform:none;
    transition:transform .15s ease,background-color .15s ease;
}
.mla .mla-iconlist__body{display:block;min-width:0;}
.mla .mla-iconlist__title{
    display:block;
    min-width:0;
    color:var(--nf-text,#16313f);
    font-family:var(--nf-font-heading,inherit);
    font-size:.95rem;
    font-weight:700;
    line-height:1.32;
    overflow-wrap:anywhere;
}
.mla .mla-iconlist__date{
    display:block;
    margin-top:.22rem;
    color:var(--nf-muted,#5f7280);
    font-size:.78rem;
    line-height:1.3;
}
.mla .mla-iconlist__link:hover .mla-iconlist__title{color:var(--nf-primary,#2f8f3f);}
.mla .mla-iconlist__link:hover .mla-iconlist__icon{
    transform:translateX(2px);
    background:color-mix(in srgb,var(--nf-primary,#2f8f3f) 18%,transparent);
}
@media(max-width:480px){
    .mla .mla-iconlist__link{grid-template-columns:32px minmax(0,1fr);gap:.65rem;padding:.65rem 0;}
    .mla .mla-iconlist__icon{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;font-size:18px!important;}
    .mla .mla-iconlist__title{font-size:.92rem;}
}

/* ========================================================================
   1.1.12 — tags, sports header and sports card variant
   ======================================================================== */

/* Header sizing is instance-configurable. The default medium remains restrained
   so section titles such as "Novosti" do not overpower the page hero. */
.mla-header--size-small .mla-header__title{font-size:clamp(1.25rem,2vw,1.55rem)}
.mla-header--size-medium .mla-header__title{font-size:clamp(1.45rem,2.4vw,1.95rem)}
.mla-header--size-large .mla-header__title{font-size:clamp(1.8rem,3.2vw,2.65rem)}

/* Editorial / sports section header. A short slash signature gives the block a
   club-like visual identity without turning the whole header into a coloured bar. */
.mla-header--sport{
    align-items:flex-end;
    flex-wrap:nowrap;
    gap:0;
    margin-bottom:1.25rem;
    border:0!important;
    padding-bottom:0!important;
}
.mla-header--sport .mla-header__main{order:1;flex:0 1 auto;min-width:0;}
.mla-header--sport::after{
    content:"";
    order:2;
    flex:1 1 auto;
    height:1px;
    min-width:40px;
    margin:0 1rem .5rem;
    background:color-mix(in srgb,var(--nf-heading,#15396b) 20%,transparent);
}
.mla-header--sport .mla-header__link{order:3;margin-bottom:.18rem;}
.mla-header--sport .mla-header__kicker{
    color:var(--nf-muted,#5f7280);
    font-size:.68rem;
    letter-spacing:.12em;
    margin-bottom:.18rem;
}
.mla-header--sport .mla-header__title{
    display:flex;
    align-items:baseline;
    gap:.55rem;
    font-weight:900;
    letter-spacing:-.035em;
    text-transform:uppercase;
    color:var(--nf-heading,#15396b);
}
.mla-header--sport .mla-header__title::after{
    content:"///";
    color:var(--nf-primary,#147ff3);
    font-size:.62em;
    letter-spacing:-.14em;
    transform:skewX(-10deg);
}
@media(max-width:620px){
    .mla-header--sport{flex-wrap:wrap;gap:.45rem 1rem;}
    .mla-header--sport::after{display:none;}
    .mla-header--sport .mla-header__main{flex:1 1 100%;}
    .mla-header--sport .mla-header__link{margin:0;}
}

/* Sport card variant — intentionally subtle: light floating surface, slightly
   angled image edge and a compact rectangular badge instead of rounded pills. */
.mla-variant-sport .mla-card{
    background:rgba(255,255,255,.96);
    border:1px solid color-mix(in srgb,var(--nf-heading,#15396b) 8%,transparent);
    border-radius:8px;
    box-shadow:0 12px 30px rgba(10,37,69,.075);
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
@media(hover:hover) and (pointer:fine){
    .mla-variant-sport .mla-card:hover{
        transform:translateY(-3px);
        box-shadow:0 18px 38px rgba(10,37,69,.12);
        border-color:color-mix(in srgb,var(--nf-primary,#147ff3) 20%,transparent);
    }
    .mla-variant-sport .mla-card:hover .mla-media img{transform:scale(1.025);}
}
.mla-variant-sport .mla-media{
    overflow:hidden;
    border-radius:0;
    clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);
    background:var(--nf-surface,#eef3f8);
}
.mla-variant-sport .mla-media img{transition:transform .35s ease;}
.mla-variant-sport .mla-card-body{padding:1rem 1.05rem 1.1rem;}
.mla-variant-sport .mla-cat{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin-bottom:.5rem;
    border-radius:2px;
    padding:.22rem .5rem;
    background:var(--nf-primary,#147ff3);
    color:#fff;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.mla-variant-sport .mla-title{
    font-weight:850;
    letter-spacing:-.018em;
    line-height:1.18;
}
.mla-variant-sport .mla-meta{margin-top:.45rem;}
.mla-variant-sport .mla-intro{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}

@media(max-width:560px){
    .mla-variant-sport .mla-media{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);}
}

/* ========================================================================
   1.1.13 — tighter sports grid, image badge overlay, optional accent colour
   ======================================================================== */
.mla{--mla-accent:var(--nf-primary,#147ff3)}
.mla-header--sport .mla-header__title::after{color:var(--mla-accent,var(--nf-primary,#147ff3))}
.mla-header--sport .mla-header__kicker{color:color-mix(in srgb,var(--mla-accent,var(--nf-primary,#147ff3)) 74%,#31465b)}
.mla-variant-sport .mla-card{
    border:1px solid rgba(10,37,69,.075);
    border-radius:7px;
    background:rgba(255,255,255,.965);
    box-shadow:0 12px 28px rgba(10,37,69,.085);
}
.mla-variant-sport .mla-sport-media-wrap{position:relative;overflow:hidden;background:var(--nf-surface,#eef3f8)}
.mla-variant-sport .mla-sport-media-wrap .mla-media{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 22px) 100%,0 100%)}
.mla-variant-sport .mla-sport-badge{position:absolute;left:12px;bottom:11px;z-index:2}
.mla-variant-sport .mla-sport-badge:empty{display:none}
.mla-variant-sport .mla-sport-badge .mla-cat{
    margin:0;
    padding:.3rem .58rem;
    border-radius:2px;
    background:var(--mla-accent,var(--nf-primary,#147ff3));
    color:#fff;
    box-shadow:0 4px 14px rgba(5,28,58,.18);
}
.mla-variant-sport .mla-card-body{padding:.9rem 1rem 1.05rem}
.mla-variant-sport .mla-meta{order:0;margin:0 0 .42rem;color:#7a8999;font-size:.74rem}
.mla-variant-sport .mla-title{order:1;font-size:clamp(1.03rem,1.45vw,1.25rem);line-height:1.15;font-weight:900;letter-spacing:-.025em;color:var(--nf-heading,#102b50);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mla-variant-sport .mla-intro{order:2;margin-top:.48rem;-webkit-line-clamp:2;font-size:.86rem;line-height:1.45}
.mla-variant-sport .mla-more,.mla-variant-sport .mla-btn{order:3;margin-top:auto;padding-top:.72rem;color:var(--nf-primary,#147ff3);font-weight:800}
@media(hover:hover) and (pointer:fine){
    .mla-variant-sport .mla-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(10,37,69,.13)}
    .mla-variant-sport .mla-card:hover .mla-media img{transform:scale(1.035)}
}
@media(max-width:560px){
    .mla-variant-sport .mla-sport-media-wrap .mla-media{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 15px) 100%,0 100%)}
}

/* ========================================================================
   1.1.14 — RK editorial sports grid polish
   ======================================================================== */
.mla-header--size-medium .mla-header__title{font-size:clamp(1.35rem,2vw,1.72rem)}
.mla-variant-sport .mla-card{
    position:relative;
    border:0;
    border-radius:6px;
    background:rgba(255,255,255,.985);
    box-shadow:0 12px 32px rgba(7,31,61,.10);
    overflow:hidden;
}
.mla-variant-sport .mla-card::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:3px;
    background:linear-gradient(90deg,var(--mla-accent,#d6aa2d) 0 42px,#0b4ea2 42px 100%);
    opacity:.95;
}
.mla-variant-sport .mla-sport-media-wrap{aspect-ratio:16/9;overflow:hidden;background:#dfe7f0}
.mla-variant-sport .mla-sport-media-wrap .mla-media{height:100%;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 24px) 100%,0 100%)}
.mla-variant-sport .mla-sport-media-wrap .mla-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.mla-variant-sport .mla-sport-badge{left:14px;bottom:13px}
.mla-variant-sport .mla-sport-badge .mla-cat{
    margin:0;
    padding:.32rem .62rem;
    border-radius:2px;
    background:#0b315f;
    border-left:3px solid var(--mla-accent,#d6aa2d);
    color:#fff;
    box-shadow:0 5px 16px rgba(5,24,48,.2);
    font-size:.62rem;
    letter-spacing:.07em;
}
.mla-variant-sport .mla-card-body{padding:1rem 1.05rem 1.15rem;min-height:190px}
.mla-variant-sport .mla-meta{margin:0 0 .45rem!important;color:#8793a3!important;font-size:.7rem!important;order:0}
.mla-variant-sport .mla-title{margin:0!important;font-size:clamp(1.02rem,1.3vw,1.22rem)!important;line-height:1.16!important;font-weight:900!important;letter-spacing:-.025em!important;color:#0c2344!important;-webkit-line-clamp:2}
.mla-variant-sport .mla-title a{color:#0c2344!important;text-decoration:none!important}
.mla-variant-sport .mla-title a:hover{color:#0b63c6!important}
.mla-variant-sport .mla-intro{margin:.58rem 0 0!important;color:#627187!important;font-size:.82rem!important;line-height:1.45!important;-webkit-line-clamp:2!important}
.mla-variant-sport .mla-more{margin-top:auto!important;padding-top:.75rem!important;color:#0b63c6!important;font-size:.78rem!important;font-weight:850!important}
.mla-variant-sport .mla-more .mla-arrow{color:var(--mla-accent,#d6aa2d)}
@media(hover:hover) and (pointer:fine){
  .mla-variant-sport .mla-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(7,31,61,.15)}
  .mla-variant-sport .mla-card:hover .mla-media img{transform:scale(1.04)}
}
@media(max-width:560px){
  .mla-variant-sport .mla-card-body{min-height:0;padding:.9rem .9rem 1.05rem}
  .mla-variant-sport .mla-sport-media-wrap .mla-media{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 15px) 100%,0 100%)}
}

/* RK Pozega sharp/editorial variant */
.mla.mla-variant-sport *, .mla.mla-variant-sport *::before, .mla.mla-variant-sport *::after{border-radius:0!important}

/* ========================================================================
   1.1.16 — Sports premium / RK editorial news cards
   ======================================================================== */
.mla-variant-rkp{
    --mla-rkp-navy:#0b315f;
    --mla-rkp-blue:#0b63c6;
    --mla-rkp-gold:var(--mla-accent,#d6aa2d);
}
.mla-variant-rkp .mla-card,
.mla-variant-rkp .mla-card *,
.mla-variant-rkp .mla-card *::before,
.mla-variant-rkp .mla-card *::after{
    border-radius:0!important;
}
.mla-variant-rkp .mla-card{
    position:relative;
    min-width:0;
    background:#fff;
    border:0;
    box-shadow:0 15px 38px rgba(5,28,58,.11);
    overflow:hidden;
    transition:transform .22s ease,box-shadow .22s ease;
}
.mla-variant-rkp .mla-card::before{
    content:"";
    position:absolute;
    z-index:4;
    left:0;
    bottom:0;
    width:72px;
    height:4px;
    background:var(--mla-rkp-gold);
}
.mla-variant-rkp .mla-card::after{
    content:"";
    position:absolute;
    z-index:3;
    left:72px;
    right:0;
    bottom:0;
    height:4px;
    background:var(--mla-rkp-navy);
}
.mla-variant-rkp .mla-sport-media-wrap{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#dce6ef;
}
.mla-variant-rkp .mla-sport-media-wrap::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:42%;
    pointer-events:none;
    background:linear-gradient(to top,rgba(4,24,48,.32),transparent);
}
.mla-variant-rkp .mla-sport-media-wrap .mla-media{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 34px) 100%,0 100%);
}
.mla-variant-rkp .mla-sport-media-wrap .mla-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .42s ease,filter .42s ease;
}
.mla-variant-rkp .mla-sport-badge{
    position:absolute;
    z-index:5;
    left:0;
    bottom:0;
}
.mla-variant-rkp .mla-sport-badge .mla-cat{
    display:inline-flex;
    align-items:center;
    margin:0;
    min-height:31px;
    padding:.42rem .78rem .4rem;
    background:var(--mla-rkp-navy);
    border-left:4px solid var(--mla-rkp-gold);
    color:#fff;
    box-shadow:none;
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.mla-variant-rkp .mla-card-body{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:205px;
    padding:1rem 1.15rem 1.25rem;
}
.mla-variant-rkp .mla-meta{
    order:0;
    margin:0 0 .5rem!important;
    color:#78899b!important;
    font-size:.7rem!important;
    font-weight:650;
    letter-spacing:.015em;
}
.mla-variant-rkp .mla-title{
    order:1;
    margin:0!important;
    color:var(--mla-rkp-navy)!important;
    font-size:clamp(1.06rem,1.35vw,1.28rem)!important;
    line-height:1.13!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.mla-variant-rkp .mla-title a{
    color:inherit!important;
    text-decoration:none!important;
}
.mla-variant-rkp .mla-intro{
    order:2;
    margin:.62rem 0 0!important;
    color:#5e6f82!important;
    font-size:.83rem!important;
    line-height:1.48!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2!important;
    overflow:hidden;
}
.mla-variant-rkp .mla-more,
.mla-variant-rkp .mla-btn{
    order:3;
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    width:max-content;
    margin-top:auto!important;
    padding-top:.8rem!important;
    color:var(--mla-rkp-blue)!important;
    font-size:.78rem!important;
    font-weight:900!important;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.mla-variant-rkp .mla-more .mla-arrow,
.mla-variant-rkp .mla-btn .mla-arrow{
    color:var(--mla-rkp-gold)!important;
}
@media(hover:hover) and (pointer:fine){
    .mla-variant-rkp .mla-card:hover{
        transform:translateY(-5px);
        box-shadow:0 22px 50px rgba(5,28,58,.16);
    }
    .mla-variant-rkp .mla-card:hover .mla-media img{
        transform:scale(1.045);
        filter:saturate(1.05) contrast(1.02);
    }
    .mla-variant-rkp .mla-title a:hover{color:var(--mla-rkp-blue)!important;}
}
/* Keep the premium cards deliberately sharp, even if the site template exposes
   a global radius variable. */
.mla-variant-rkp .mla-media,
.mla-variant-rkp .mla-cat,
.mla-variant-rkp .mla-btn,
.mla-variant-rkp .mla-more{border-radius:0!important;}

/* Compact/mobile refinement. */
@media(max-width:980px){
    .mla-variant-rkp .mla-card-body{min-height:185px;}
}
@media(max-width:560px){
    .mla-variant-rkp .mla-sport-media-wrap{aspect-ratio:16/9;}
    .mla-variant-rkp .mla-sport-media-wrap .mla-media{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 20px) 100%,0 100%);}
    .mla-variant-rkp .mla-card-body{min-height:0;padding:.9rem 1rem 1.15rem;}
}