/* ===== News: cards, lists, latest-live, opinion, most-read, category chips ===== */
.ncard{display:flex;flex-direction:column;color:var(--c-text)}
.ncard:hover{color:var(--c-text);border-color:var(--c-line-2)}
.ncard__media{height:150px;flex:none}
.ncard__media--text{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--cat,var(--c-primary)) 88%,#000),var(--cat,var(--c-primary)))}
.ncard__media--text span{font:900 84px/0.4 var(--ff-display);color:rgba(255,255,255,.5);transform:translateY(22px)}
.ncard__media--sm{height:148px}.ncard__media--lg{height:352px}.ncard__media--md{height:196px}
.ncard__body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.ncard__body--lg{padding:22px 24px 20px}
.ncard .kick{color:var(--c-lajme)}
.ncard--sport .kick{color:var(--c-sport)}.ncard--video .kick{color:var(--c-video)}
.ncard__t{font:700 17px/1.28 var(--ff-display);margin:8px 0 9px}
.ncard__t--sm{font-size:16px}
.ncard__t--lg{font-size:var(--fs-display-md);line-height:1.12;font-weight:800;margin:10px 0 12px}
.ncard__lead{font:400 16px/1.6 var(--ff-serif);color:var(--c-body)}
.ncard__x{font:400 13.5px/1.55 var(--ff-serif);color:var(--c-body);margin:0}
.vcard-v__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ncard__meta{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid var(--c-line);font-size:12.5px;color:var(--c-muted)}
.ncard__who{font-weight:600;color:var(--c-body)}
.ncard__sep{color:var(--c-dot)}
.ncard__go{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--c-raised);color:var(--c-primary);display:grid;place-items:center;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s,background .2s}
.ncard__go svg{width:13px;height:13px}
a.card:hover .ncard__go{opacity:1;transform:none}
a.card:hover .ncard__go{background:var(--c-primary);color:#fff}
.ncard__body--lg .ncard__meta{margin-top:14px}
/* horizontal small card */
.hcard{display:flex;flex-direction:row;gap:14px;padding:14px;color:var(--c-text)}
.hcard:hover{color:var(--c-text);border-color:var(--c-line-2)}
.hcard__media{width:132px;height:92px;border-radius:var(--r-md);flex:none}
.hcard__media--sm{width:124px;height:88px}
.hcard .kick{color:var(--c-lajme)}
.hcard__t{font:700 17px/1.28 var(--ff-display);margin:8px 0 8px}
.hcard__t--sm{font-size:16px}
/* latest live list */
.latest{padding:4px 18px 14px;position:relative}
.latest__row{display:block;position:relative;padding:12px 0 12px 24px;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent 24px,var(--c-line) 24px) 1;color:var(--c-text)}
.latest__row::before{content:"";position:absolute;left:4px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--c-line-2);box-shadow:0 0 0 3px #fff;z-index:1;transition:background .2s}
.latest__row::after{content:"";position:absolute;left:8px;top:30px;bottom:-8px;width:1px;background:var(--c-line)}
.latest__row:last-of-type::after{display:none}
.latest__row:hover{color:var(--c-text)}
.latest__row:hover::before{background:var(--c-primary)}
.latest__row:hover .latest__t{color:var(--c-link)}
.latest__row:last-of-type{border-bottom:0}
.latest__tm{color:var(--c-muted);font-size:12.5px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}
.latest__ago{font-size:11px;color:var(--c-muted)}
.latest__row.is-new::before{background:var(--c-live);animation:lb-pulse 1.8s ease-out infinite}
.latest__row.is-new .latest__tm{color:var(--c-live-soft);font-weight:700}
.latest__row.is-new .latest__ago{color:var(--c-live-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.latest__t{font:600 15px/1.4 var(--ff-ui);margin-top:4px;transition:color .15s}
.latest__more{margin-top:8px;text-align:center;padding-top:6px;font:600 14px/1 var(--ff-ui)}
.latest--sm{padding:2px 16px 12px}.latest--sm .latest__row{padding:12px 0 12px 22px}.latest--sm .latest__row::before{top:18px}.latest--sm .latest__row::after{top:28px}.latest--sm .latest__t{font-size:14px;margin-top:4px}
/* most read */
.mostread{padding:4px 16px 16px}
.mostread__row{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--c-line);color:var(--c-text);font:600 14px/1.35 var(--ff-ui)}
.mostread__row:last-child{border-bottom:0}
.mostread__n{font:800 22px/1 var(--ff-display);color:var(--c-lajme);flex:none}
/* week guide cards (home) */
.wk{padding:16px;color:var(--c-text);display:block}
.wk:hover{color:var(--c-text);border-color:var(--c-line-2)}
.wk__tm{font:700 15px/1 var(--ff-display);color:var(--c-muted);display:flex;align-items:center;justify-content:space-between}
.wk__t{font:700 16px/1.25 var(--ff-display);margin:9px 0 7px}
.wk.is-past{opacity:.55}
.wk.is-live{border-color:var(--c-live);background:linear-gradient(160deg,rgba(249,97,66,.08),var(--c-card) 70%)}
.wk.is-live .wk__tm{color:var(--c-live-soft)}
/* serial of the week */
/* vertical feed */
.vcard-v{border-radius:var(--r-lg);aspect-ratio:9/16;height:auto;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--c-shadow)}
.vcard-v:hover{color:#fff}
.vcard-v__cap{position:relative;z-index:2;padding:12px;font:600 13px/1.3 var(--ff-ui);background:linear-gradient(transparent,rgba(30,32,93,.9));width:100%}
.vcard-v--sm{width:118px;height:200px;flex:none;border-radius:var(--r-md)}
.vcard-v--sm .vcard-v__cap{padding:10px;font-size:12px}
.vcard-v--m{width:120px;height:206px;flex:none;border-radius:var(--r-md)}
/* shows grid card */
.scard{color:var(--c-text);display:block}
.scard:hover{color:var(--c-text);border-color:var(--c-line-2)}
.scard__media{height:126px}
.scard__body{padding:14px}
.scard__t{font:700 17px/1.2 var(--ff-display)}
/* channels band (newsletter / notifications / app) */
.chan{padding:22px;display:flex;flex-direction:column}
.chan .kick{color:var(--c-dosje);margin-bottom:12px}
.chan__t{font:700 19px/1.25 var(--ff-display);margin-bottom:9px}
.chan .mu{line-height:1.55;margin-bottom:16px}
.chan__form{display:flex;gap:9px;margin-top:auto}
.chan__form .form-control{flex-grow:1}
.chan__form .btn-primary{padding:11px 17px;border-radius:var(--r-md)}
.chan__chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}
.chan__chips .chip--on{background:var(--c-primary-soft-2);border-color:transparent;color:var(--c-dosje)}
/* video cards (VOD) */
.vcard{color:var(--c-text);display:block}
.vcard:hover{color:var(--c-text);border-color:var(--c-line-2)}
.vcard__media{height:134px;display:flex;align-items:center;justify-content:center}
.vcard__media .play{width:40px;height:40px}
.vcard__media .play svg{width:15px;height:15px}
.vcard__body{padding:14px}
.vcard__t{font:700 16px/1.25 var(--ff-display)}
@media (max-width:575.98px){.ncard__t--lg{font-size:22px}.ncard__media--lg{height:196px}}
/* ===== Category colour hooks ===== */
.kick{color:var(--cat,var(--c-lajme))}
.ncard .kick,.hcard .kick{color:var(--cat,var(--c-lajme))}
.ncard--sport .kick{color:var(--cat,var(--c-sport))}
/* ===== Section head (DECISIONS #181): the brand's dark band, the section's hue on the label and the
   active chip, and — when the section has a picture — that picture behind a scrim that keeps the
   left side readable. Politics borrows its top story's picture when it has none of its own. */
.cat-band{position:relative;isolation:isolate;overflow:hidden;margin:28px 0 26px;border-radius:var(--r-lg);padding:36px 38px 30px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2A2D7A 0%,#1E205D 55%,#101232 100%);box-shadow:var(--c-shadow-lg)}
.cat-band::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cat,var(--c-primary)),transparent 70%);z-index:1}
.cat-band .kick{color:color-mix(in srgb,var(--cat,var(--c-primary)) 45%,#fff)}
.cat-band h1{font-size:var(--fs-display-lg);font-weight:900;letter-spacing:var(--track-tighter);color:#fff;margin:8px 0 6px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.cat-band .mu{color:var(--c-on-dark-muted);max-width:640px}
.cat-band .chips{margin-top:16px}
.cat-band .chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.cat-band .chip:hover{background:#fff;color:var(--c-dark);border-color:#fff}
.cat-band .chip.is-active{background:var(--cat,var(--c-primary));border-color:var(--cat,var(--c-primary));color:#fff}
.cat-band__bg{position:absolute;inset:0;z-index:-1}
.cat-band__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.cat-band__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,62,.94) 0%,rgba(20,22,62,.72) 48%,rgba(20,22,62,.28) 100%)}
.cat-band--img{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.cat-band__live{display:flex;align-items:center;gap:10px;margin-top:12px}

/* ===== More card layouts ===== */
/* overlay card: image fills, text over gradient */
.ocard{display:block;position:relative;border-radius:var(--r-card);overflow:hidden;color:#fff;min-height:240px}
.ocard--lg{min-height:420px}.ocard--md{min-height:260px}.ocard--sm{min-height:200px}
.ocard .ph{position:absolute;inset:0}
.ocard .ph>img{transition:transform .5s}
.ocard:hover .ph>img{transform:scale(1.04)}
.ocard__cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(30,32,93,.92));z-index:2}
.ocard .kick{color:#fff;background:var(--cat,var(--c-primary));display:inline-block;padding:5px 9px;border-radius:var(--r-xs);margin-bottom:10px}
.ocard__t{font:800 var(--fs-h2)/1.2 var(--ff-display);letter-spacing:-.02em;color:#fff}
.ocard--lg .ocard__t{font-size:var(--fs-display-md);line-height:1.1}
.ocard__meta{color:#DCDFEA;font-size:12.5px;margin-top:8px}
.ocard:hover{color:#fff}
/* wide card: image left, lead right */
.wcard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);color:var(--c-text)}
.wcard__media{min-height:260px}
.wcard__body{padding:22px 24px;display:flex;flex-direction:column}
.wcard__t{font:800 var(--fs-h1)/1.15 var(--ff-display);margin:10px 0 10px;letter-spacing:-.02em}
.wcard__lead{font:400 16px/1.6 var(--ff-serif);color:var(--c-body)}
.wcard__meta{margin-top:auto;padding-top:12px;color:var(--c-muted);font-size:13px}
/* compact list row */
.lrow{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--c-line);color:var(--c-text)}
.lrow:hover{color:var(--c-link)}
.lrow__media{width:112px;height:72px;border-radius:var(--r-md);flex:none}
.lrow__t{font:700 16px/1.3 var(--ff-display)}
.lrow__meta{color:var(--c-muted);font-size:12.5px;margin-top:4px}
.lrow .kick{font-size:10px;margin-bottom:4px}
/* minimal text card with coloured edge */
.mcard{display:block;padding:16px 18px;border-left:3px solid var(--cat,var(--c-primary));color:var(--c-text)}
.mcard__t{font:700 var(--fs-h3)/1.25 var(--ff-display);margin:8px 0 8px}
.mcard__x{color:var(--c-body);font:400 14px/1.55 var(--ff-serif)}
.mcard .mu{margin-top:8px}
/* timeline (Kronikë) */
.timeline{position:relative;padding-left:28px}
.timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--cat,var(--c-primary)),transparent)}
.timeline .trow{position:relative;padding:0 0 22px}
.timeline .trow::before{content:"";position:absolute;left:-24px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--cat,var(--c-primary));box-shadow:0 0 0 4px #fff}
.trow__tm{font:700 13px/1 var(--ff-display);color:var(--cat,var(--c-primary))}
.trow .hcard{margin-top:8px}
/* mosaic: 1 large + 4 small overlay cards */
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:14px}
.mosaic>:first-child{grid-column:span 2;grid-row:span 2}
.mosaic .ocard{min-height:0;height:100%}
/* magazine: big overlay + 3 tall cards */
.magazine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.magazine>:first-child{grid-column:1/-1}
.magazine .ncard__media{height:220px}
/* tabs panels */
[data-tab-panel][hidden]{display:none}
@media (max-width:991.98px){.wcard{grid-template-columns:minmax(0,1fr)}.wcard__media{min-height:200px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic>:first-child{grid-column:1/-1}.magazine{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-band{padding:20px}}
@media (max-width:575.98px){.mosaic{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.mosaic .ocard{min-height:200px}.magazine{grid-template-columns:minmax(0,1fr)}.ocard--lg{min-height:300px}.ocard--lg .ocard__t{font-size:24px}}
.opinion-card{display:flex;flex-direction:row;gap:18px;padding:18px;align-items:flex-start;color:var(--c-text)}
.opinion-card__av{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none}
.opinion-card__av img{width:100%;height:100%;object-fit:cover}
.opinion-card__t{font:800 var(--fs-h2)/1.2 var(--ff-display);margin:4px 0 6px}
.opinion-card__x{font:400 15px/1.55 var(--ff-serif);color:var(--c-body)}


/* ===== Kryesore: numbered 2×2 (the lead slider lives in the first block — live.css) ===== */
.lead__cat{display:inline-block;background:var(--cat,var(--c-primary));color:#fff;font:700 11px/1 var(--ff-ui);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:var(--r-xs)}
.kcard{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;aspect-ratio:16/9;color:#fff;isolation:isolate;box-shadow:var(--c-shadow);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.kcard:hover{transform:translateY(-4px);box-shadow:0 20px 46px -14px rgba(30,32,93,.3)}
.kcard__media{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,color-mix(in srgb,var(--cat,var(--c-primary)) 92%,#000),var(--cat,var(--c-primary)))}
.kcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.kcard:hover .kcard__media img{transform:scale(1.05)}
.kcard__media::after{content:"";position:absolute;inset:0;background:var(--scrim-b)}
.kcard__cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;display:flex;flex-direction:column;gap:7px;z-index:1}
.kcard__kick{display:flex;align-items:center;gap:8px}
.kcard__t{font:900 19px/1.22 var(--ff-display);letter-spacing:var(--track-tight);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.kcard__t:hover{color:#DCDFEA}
.kcard__meta{font:600 12px/1 var(--ff-ui);color:#DCDFEA}
.kcard__meta .author-link{position:relative;z-index:2;color:#DCDFEA;font-weight:700}
.kcard__meta .author-link:hover{color:#fff;text-decoration:underline}
.author-link{color:inherit}
@media (max-width:575.98px){.kcard__t{font-size:16px}.kcard__cap{padding:12px 14px}}
/* vertical shorts: button cards open the popup player */
button.vcard-v{border:0;padding:0;text-align:left;cursor:pointer;width:100%}
.vcard-v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.vcard-v .vcard-v__cap{font:700 15px/1.35 var(--ff-display);letter-spacing:-.015em;padding:56px 14px 14px;border-radius:0 0 var(--r-lg) var(--r-lg);background:linear-gradient(transparent,rgba(16,18,50,.55) 35%,rgba(16,18,50,.95));text-shadow:0 1px 8px rgba(0,0,0,.4)}
.vcard-v__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vcard-v .play--sm{opacity:.9}
/* popup player (9:16 lightbox) */
.vmodal{position:fixed;inset:0;z-index:1300;background:rgba(5,5,32,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;grid-template-rows:1fr auto;padding:30px 0 22px;animation:vmodal-in .22s ease-out}
.vmodal[hidden]{display:none}
/* the width is capped by what the height allows, so the box keeps its ratio in any window */
.vmodal__box{width:min(92vw,1180px,calc(min(78vh,720px) * 16 / 9));aspect-ratio:16/9;height:auto;border-radius:var(--r-lg);overflow:hidden;background:#000;box-shadow:0 40px 120px rgba(0,0,0,.6)}
.vmodal--v .vmodal__box{width:min(92vw,calc(min(78vh,760px) * 9 / 16));height:auto;max-width:92vw;aspect-ratio:9/16}
.vmodal__box iframe{width:100%;height:100%;border:0;display:block}
.vmodal__t{color:#fff;font:600 15px/1.45 var(--ff-ui);max-width:min(760px,90vw);text-align:center;padding:14px 10px 0}
.vmodal--v .vmodal__t{max-width:min(420px,90vw);font-size:14px}
.vmodal__yt{position:absolute;left:18px;top:24px;color:#C9CBEA;font:600 13px/1 var(--ff-ui)}
.vmodal__yt:hover{color:#fff}
.vmodal__btn{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font:600 20px/1 var(--ff-ui);display:grid;place-items:center;padding:0;backdrop-filter:blur(8px)}
.vmodal__btn:hover{background:var(--c-primary);border-color:var(--c-primary)}
.vmodal__close{top:18px;right:18px}
.vmodal__nav{top:50%;transform:translateY(-50%)}
.vmodal__nav--prev{left:max(16px,calc(50% - min(46vw,590px) - 62px))}
.vmodal__nav--next{right:max(16px,calc(50% - min(46vw,590px) - 62px))}
.vmodal--v .vmodal__nav--prev{left:max(16px,calc(50% - min(39vh,380px) - 80px))}
.vmodal--v .vmodal__nav--next{right:max(16px,calc(50% - min(39vh,380px) - 80px))}
.vmodal__btn[hidden]{display:none}
@keyframes vmodal-in{from{opacity:0}to{opacity:1}}
@media (max-width:575.98px){.vmodal{padding:12px 0}.vmodal__box{width:min(94vw,calc(74vh * 16 / 9))}.vmodal--v .vmodal__box{width:min(94vw,calc(74vh * 9 / 16))}.vmodal__nav--prev{left:10px}.vmodal__nav--next{right:10px}.vmodal__close{top:10px;right:10px}}
@media (prefers-reduced-motion:reduce){.vmodal{animation:none}}

/* ===== Lajme desk: newspaper composition with integrated Opinion column ===== */
.desk{border-top:3px solid var(--c-text);position:relative;padding-top:0}
.desk::before{content:"";position:absolute;left:0;right:0;top:2px;height:1px;background:var(--c-line-2)}
.desk__main{padding-top:22px}
.desk__panel[hidden]{display:none}
.desk__feat{padding-right:28px;display:flex;flex-direction:column}
.desk__media{display:block;position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;margin-bottom:14px}
.desk__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.desk__feat:hover .desk__media img{transform:scale(1.04)}
.desk__quote{display:grid;place-items:center;height:100%;font:900 110px/0.4 var(--ff-display);color:rgba(255,255,255,.5);background:linear-gradient(135deg,color-mix(in srgb,var(--cat,var(--c-primary)) 88%,#000),var(--cat,var(--c-primary)));padding-top:52px}
.desk__t{display:block;font:900 var(--fs-h1)/1.2 var(--ff-display);letter-spacing:var(--track-tight);color:var(--c-text);margin:8px 0 10px}
.desk__t:hover,.desk__feat:hover .desk__t{color:var(--c-link)}
.desk__feat .desk__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,22,62,.28),transparent 55%);opacity:0;transition:opacity .3s}
.desk__feat:hover .desk__media::after{opacity:1}
.desk__x{font:400 14.5px/1.6 var(--ff-ui);color:var(--c-body);margin:0 0 12px}
.desk__meta{font-size:12.5px;color:var(--c-muted);margin-top:auto;padding-top:6px}
.desk__meta .author-link{font-weight:600;color:var(--c-muted);position:relative;z-index:2}
.desk__meta .author-link:hover{color:var(--c-link)}
/* headline list */
.desk__list{border-left:1px solid var(--c-line);padding-left:28px;padding-right:32px;display:flex;flex-direction:column}
.desk__row{padding:13px 0;border-bottom:1px solid var(--c-line)}
.desk__row:first-child{padding-top:2px}
.desk__row .kick{display:flex;align-items:center;gap:8px;margin-bottom:6px}
/* When every row in the list is the section the tab already names, repeating it five times is
   noise — the row keeps its time, and the label returns only for a story filed elsewhere. */
.desk__list[data-same] .desk__cat{display:none}
.desk__list[data-same] .desk__tm{margin-left:0}
.desk__tm{margin-left:auto;font:500 11px/1 var(--ff-ui);color:var(--c-muted);letter-spacing:0;text-transform:none}
.desk__rt{display:block;font:600 15.5px/1.35 var(--ff-display);color:var(--c-text);letter-spacing:-.01em}
.desk__row:hover .desk__rt{color:var(--c-link)}
.desk__all{display:inline-block;margin-top:auto;padding-top:14px;font:700 13px/1 var(--ff-ui);color:var(--c-link)}
.desk__all:hover{color:var(--c-primary-dark)}
/* opinion column */
.desk__op{border-left:1px solid var(--c-line);padding:22px 0 0 28px}
.desk__ophead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--c-line)}
/* Opinion reads in the brand blue: red belongs to LIVE and Breaking, and an opinion column
   borrowing it made four different reds compete on one screen. The quote mark is drawn, not typed,
   so it can sit large and low-contrast behind the word instead of looking like a stray character. */
.desk__opkick{position:relative;padding-left:20px;font:800 12px/1 var(--ff-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary)}
.desk__opkick::before{content:"\201C";position:absolute;left:0;top:-9px;font:900 30px/1 var(--ff-display);color:var(--c-primary);opacity:.32}
.desk__ophead a{font:600 11.5px/1 var(--ff-ui);color:var(--c-muted)}
.desk__ophead a:hover{color:var(--c-link)}
.desk__oprow{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--c-line)}
.desk__oprow:last-of-type{border-bottom:0}
.desk__opav{width:58px;height:58px;border-radius:50%;overflow:hidden;flex:none;border:2px solid #fff;box-shadow:0 3px 10px rgba(30,32,93,.2)}
.desk__opav img{width:100%;height:100%;object-fit:cover}
.desk__opbody{min-width:0;display:flex;flex-direction:column;gap:4px}
.desk__opname{font:700 11.5px/1 var(--ff-ui);color:var(--c-primary);position:relative;z-index:2;width:fit-content}
.desk__opname:hover{color:var(--c-link);text-decoration:underline}
.desk__opt{font:600 14.5px/1.4 var(--ff-display);color:var(--c-text);letter-spacing:-.01em;font-style:italic}
.desk__oprow:hover .desk__opt{color:var(--c-link)}
.desk__opmeta{font-size:11.5px;color:var(--c-muted)}
@media (max-width:991.98px){
  .desk__op{border-left:0;border-top:1px solid var(--c-line);padding:18px 0 0;margin-top:8px}
  .desk__feat{padding-right:0}
  .desk__list{border-left:0;padding-left:0;margin-top:18px}
}

/* The image lead stays, but the band is a light surface: the photo sits behind a pale wash that
   goes almost solid where the text is, so the head reads in the page's own colours. */
.cat-band__live{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#fff;font:700 13px/1.3 var(--ff-ui);background:var(--c-live-soft-bg);border:1px solid rgba(249,97,66,.45);border-radius:var(--r-pill);padding:7px 14px 7px 8px;max-width:100%}
.cat-band__live span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-band__live:hover{color:#fff;background:rgba(249,97,66,.3)}
/* split hero + ranked side list */
.pol-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:26px;margin-bottom:30px}
.pol-hero{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;color:#fff;isolation:isolate;box-shadow:var(--c-shadow-lg)}
.pol-hero__media{position:absolute;inset:0;z-index:-1}
.pol-hero__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pol-hero:hover .pol-hero__media img{transform:scale(1.04)}
.pol-hero__media::after{content:"";position:absolute;inset:0;background:var(--scrim-b)}
.pol-hero__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pol-hero__t{display:block;font:900 var(--fs-display-md)/1.08 var(--ff-display);letter-spacing:var(--track-tighter);color:#fff}
.pol-hero__t:hover{color:#DCDFEA}
.pol-hero__x{font:400 15px/1.6 var(--ff-ui);color:var(--c-on-dark-muted)}
.pol-hero__by{font:600 12.5px/1 var(--ff-cond);color:#C9CBEA;display:flex;gap:6px}
.pol-hero__by .author-link{color:#fff;position:relative;z-index:2}
.pol-side{display:flex;flex-direction:column;gap:2px}
.pol-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--c-line)}
.pol-row:first-child{padding-top:0}
.pol-row:last-child{border-bottom:0}
.pol-row__n{font:900 22px/1 var(--ff-display);color:color-mix(in srgb,var(--cat,var(--c-primary)) 45%,#fff);width:30px;flex:none}
.pol-row__b{min-width:0;flex:1}
.pol-row__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 16px/1.32 var(--ff-display);color:var(--c-text)}
.pol-row:hover .pol-row__t{color:var(--c-link)}
.pol-row__m{display:block;margin-top:5px;font:500 12px/1 var(--ff-cond);color:var(--c-muted)}
.pol-row__th{width:78px;height:56px;border-radius:var(--r-md);overflow:hidden;flex:none}
.pol-row__th img{width:100%;height:100%;object-fit:cover}
/* statement pull-quote */
.pol-stmt{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(115deg,color-mix(in srgb,var(--c-primary) 10%,#fff),#fff 65%);border:1px solid color-mix(in srgb,var(--c-primary) 22%,var(--c-line));border-left:4px solid var(--c-primary);border-radius:var(--r-lg);padding:26px 28px;margin-bottom:34px}
.pol-stmt__mark{font:900 68px/.7 var(--ff-display);color:color-mix(in srgb,var(--c-primary) 30%,transparent);flex:none}
.pol-stmt__t{display:block;font:700 var(--fs-h2)/1.45 var(--ff-display);letter-spacing:var(--track-tight);color:var(--c-text)}
.pol-stmt__t:hover{color:var(--c-link)}
.pol-stmt__by{display:flex;align-items:center;gap:10px;margin-top:14px;font:600 12.5px/1 var(--ff-cond);color:var(--c-muted)}
.pol-stmt__av{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none}
.pol-stmt__av img{width:100%;height:100%;object-fit:cover}
.pol-stmt__who{color:var(--c-primary)}
.sub-head--light{border-top:1px solid var(--c-line);padding-top:16px;margin-bottom:16px}
.sub-head--light .kick{color:var(--c-muted)}
@media (max-width:991.98px){
  .cat-band{padding:24px 20px 20px}
  .cat-band__bg::after{background:linear-gradient(0deg,rgba(20,22,62,.96) 0%,rgba(20,22,62,.72) 55%,rgba(20,22,62,.35) 100%)}
  .cat-band--img{min-height:200px}
  .pol-top{grid-template-columns:minmax(0,1fr);gap:20px}
  .pol-hero{aspect-ratio:16/9}
  .pol-stmt{padding:20px;gap:14px}
  .pol-stmt__t{font-size:18px}
  .pol-stmt__mark{font-size:48px}
}

/* ===== Sport page (DECISIONS #77): a stadium, not another news list ===== */
.sportp-hero{position:relative;margin-inline:calc(50% - 50vw);padding:0 max(16px,calc(50vw - var(--container)/2 + var(--bs-gutter-x,24px)/2));
  min-height:clamp(420px,46vw,560px);display:flex;flex-direction:column;justify-content:flex-end;
  color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#2A2D7A,#14163E 70%)}
.sportp__skin{position:absolute;inset:0;z-index:-1}
.sportp__skin img{width:100%;height:100%;object-fit:cover}
.sportp__skin::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(20,22,62,.95) 6%,rgba(20,22,62,.62) 46%,rgba(20,22,62,.35) 100%),
             linear-gradient(90deg,rgba(65,69,197,.28),transparent 60%)}
/* when the background is sold, the banner keeps its click-through and its label */
.sportp__skin .ad{position:absolute;inset:0;margin:0;padding:0;border:0;background:none}
.sportp__skin .ad__link,.sportp__skin picture,.sportp__skin .ad img{display:block;width:100%;height:100%}
.sportp__skin .ad__tag{z-index:3;top:14px;left:auto;right:14px}
.sportp-hero__in{position:relative;z-index:2;padding-block:48px 26px;width:100%}
.sportp-hero__head .kick{color:#A7AAE8;letter-spacing:var(--track-label)}
.sportp-hero__head h1{font:900 var(--fs-display-xl)/1 var(--ff-display);letter-spacing:var(--track-tighter);margin:12px 0 0;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.sportp-hero__head p{margin:14px 0 0;max-width:52ch;font:400 16px/1.6 var(--ff-serif);color:#DCDFEA}
.sportp-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sportp-hero__cta .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.34)}
.sportp-hero__cta .ic{width:15px;height:15px;margin-right:7px;vertical-align:-2px}

.sportp{margin-top:34px}
.sportp-lead__media{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden}
.sportp-lead__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sportp-lead__media:hover img{transform:scale(1.03)}
.sportp-lead__tag{position:absolute;left:14px;top:14px;background:var(--c-sport);color:#fff;font:700 10.5px/1 var(--ff-cond);
  letter-spacing:var(--track-pill);text-transform:uppercase;padding:7px 11px;border-radius:var(--r-pill)}
.sportp-lead__t{margin:18px 0 0;font:900 var(--fs-display-md)/1.15 var(--ff-display);letter-spacing:var(--track-tighter)}
.sportp-lead__t a{color:var(--c-text)}
.sportp-lead__t a:hover{color:var(--c-sport)}
.sportp-lead__x{margin:12px 0 8px;font:400 16px/1.65 var(--ff-serif);color:var(--c-body)}
.sportp .mostread__n{color:var(--c-sport)}

.stv{display:flex;gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid var(--c-line);color:var(--c-text)}
.stv:last-of-type{border-bottom:0}
.stv__when{flex:none;width:74px;text-align:center;padding:8px 4px;border-radius:var(--r-sm);background:var(--c-raised)}
.stv__when b{display:block;font:700 11px/1 var(--ff-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--c-sport)}
.stv__when span{display:block;margin-top:4px;font:700 15px/1 var(--ff-cond)}
.stv__body{min-width:0}
.stv__body b{display:block;font:700 14.5px/1.3 var(--ff-display)}
.stv:hover .stv__body b{color:var(--c-sport)}

@media (max-width:991.98px){
  .sportp-hero{min-height:0;padding-inline:16px}
  .sportp-hero__in{padding-block:34px 20px}
  .sportp-hero__head p{font-size:15px}
}

/* ===== The four corners of sport (DECISIONS #79) ===== */
.sblock{--tone:var(--c-sport);display:flex;flex-direction:column;height:100%;overflow:hidden;
  border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);transition:transform .2s,box-shadow .2s}
.sblock:hover{transform:translateY(-3px);box-shadow:var(--c-shadow-lg)}
.sblock--shqiptar{--tone:var(--c-sport)}
.sblock--serie-a{--tone:#1E205D}
.sblock--champions{--tone:#4145C5}
.sblock--te-tjera{--tone:#6A6FDD}

.sblock__head{position:relative;padding:18px 18px 16px;color:#fff;overflow:hidden;
  background:linear-gradient(140deg,var(--tone),color-mix(in srgb,var(--tone) 45%,#14163E))}
.sblock__mark{position:absolute;right:-6px;bottom:-16px;font:900 62px/1 var(--ff-cond);letter-spacing:-.04em;
  color:rgba(255,255,255,.16)}
.sblock__kick{display:block;font:700 10.5px/1 var(--ff-cond);letter-spacing:var(--track-label);text-transform:uppercase;color:rgba(255,255,255,.78)}
.sblock__t{margin-top:8px;font:900 21px/1.1 var(--ff-display);letter-spacing:var(--track-tighter);color:#fff}

.sblock__lead{display:block;padding:14px 16px 12px;color:var(--c-text)}
.sblock__media{display:block;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;margin-bottom:11px}
.sblock__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sblock:hover .sblock__media img{transform:scale(1.04)}
.sblock__lt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font:700 15.5px/1.3 var(--ff-display);color:var(--c-text)}
.sblock__lead:hover .sblock__lt{color:var(--tone)}
.sblock__lead .mu{display:block;margin-top:6px;font-size:12px}

.sblock__list{padding:0 16px;margin:0;display:grid;gap:1px}
.sblock__list li{border-top:1px solid var(--c-line);padding:11px 0}
.sblock__list a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:600 13.5px/1.35 var(--ff-ui);color:var(--c-body)}
.sblock__list a:hover{color:var(--tone)}
.sblock__empty{padding:16px}
.sblock__all{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 16px;border-top:1px solid var(--c-line);background:var(--c-raised);
  font:700 12px/1 var(--ff-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--tone)}
.sblock__all .ic{width:14px;height:14px}
.sblock__all:hover{background:color-mix(in srgb,var(--tone) 10%,var(--c-raised));color:var(--tone)}

/* ===== Layout badge (DECISIONS #125): the story's shape beside its kicker. Primary on light; the dark surfaces
   (lead slide, kcard, ocard, the dark bands) flip it to white through the same --lbadge tokens ===== */
.lbadge{--lbadge-bg:var(--c-primary-soft);--lbadge-fg:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;gap:5px;height:18px;min-width:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--lbadge-bg);color:var(--lbadge-fg);vertical-align:middle;flex:none}
.lbadge .ic{width:11px;height:11px;stroke-width:2}
.lbadge--text{padding:0 8px 0 5px;font:700 10px/1 var(--ff-cond);letter-spacing:.06em;text-transform:uppercase}
.kick .lbadge,.lead__kick .lbadge,.kcard__kick .lbadge,.sresult__top .lbadge{margin-right:7px}
.latest__t .lbadge,.lrow__t .lbadge,.mostread__row .lbadge{margin-right:6px;position:relative;top:-1px}
.lead .lbadge,.kcard .lbadge,.ocard .lbadge,.band--dark .lbadge,.band--blue .lbadge,.pol-hero .lbadge,.mega--dark .lbadge{--lbadge-bg:rgba(255,255,255,.18);--lbadge-fg:#fff;backdrop-filter:blur(6px)}
.lead .lbadge,.kcard .lbadge{height:26px;min-width:26px;padding:0 6px}
.lead .lbadge .ic,.kcard .lbadge .ic{width:13px;height:13px}

/* ---- Aktualitet: one wide feature + a 2×2 of horizontal cards (home/news.php) ---- */
/* the tabs: the week band's family (.days-epg + .day-btn) in their own row; the rail's header takes
   the same height, so the feature and the rail's edition start on the same line */
.akt__tabs{margin-bottom:22px;flex-wrap:wrap;overflow:visible;scroll-snap-type:none;mask-image:none;-webkit-mask-image:none}
.akt__tabs .day-btn{touch-action:manipulation}
.akt__railhead .sh{min-height:44px;margin-bottom:22px}
.akt__all{display:inline-block;margin-top:14px;font:600 13px/1 var(--ff-ui);color:var(--c-link)}
@media (max-width:991.98px){.akt__railhead .sh{min-height:0;margin-bottom:16px}}
.akt__lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;overflow:hidden;position:relative;margin-bottom:16px}
.akt__media{display:block;aspect-ratio:16/9;min-height:100%}
.akt__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.akt__lead:hover .akt__media img{transform:scale(1.04)}
.akt__body{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 24px}
.akt__t{margin:0;font:900 var(--fs-h2)/1.18 var(--ff-display);letter-spacing:var(--track-tight)}
.akt__t a{color:var(--c-text)}
.akt__t a:hover{color:var(--c-primary)}
.akt__x{margin:0;color:var(--c-body);font-size:15px;line-height:1.55}
.akt__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-muted);position:relative;z-index:2}
.akt__meta .author-link{font-weight:700;color:var(--c-text)}
.akt__grid .hcard{height:100%}
@media (max-width:767.98px){
  .akt__lead{grid-template-columns:1fr}
  .akt__media{min-height:0}
  .akt__body{padding:16px}
}

/* ---- News editions: the playlist's newest clip large, the rest listed (home/editions.php) ---- */

/* ===== Tag archive head (DECISIONS #172) ===== */
.tag-band h1{display:flex;align-items:baseline;gap:2px}
.tag-band__hash{color:var(--c-primary);font-weight:900;opacity:.55}
.tag-band__meta{margin-top:0;font-size:14px}
.tag-band__years{margin:18px 0 0}
.tag-band__years .day-btn{min-width:0;padding:9px 14px}
.tag-band__years .dom{display:block;font-size:11px;opacity:.7;margin-top:2px}
.tag-band__rel{margin-top:18px;padding-top:16px;border-top:1px solid var(--c-line)}
.tag-band__rel .kick{display:block;margin-bottom:10px;color:var(--c-muted)}
.tag-band__rel .chips{margin-top:0}