:root{
  --brand:#332475; --brand-d:#221859; --brand-l:#ECEAF5;
  --red:#C8102E;
  --ink:#1C1C22; --muted:#5E5E6B; --line:#DCDCE3; --mist:#F3F3F6; --paper:#FFFFFF;
  --head:"Noto Serif Devanagari", serif;
  --sans:"Mukta", system-ui, sans-serif;
  --wrap:1200px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover h1,a:hover h2,a:hover h3,h1 a:hover,h2 a:hover,h3 a:hover{color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
h1,h2{font-family:var(--head);font-weight:700;line-height:1.35;margin:0}
h3{font-family:var(--sans);font-weight:700;line-height:1.35;margin:0}
.ph{position:relative;background:var(--mist);overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.empty::after{content:"तस्बिर";position:absolute;inset:0;display:grid;place-items:center;color:#9A9AA8;font-size:14px}

/* Top bar */
.util{border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.util .wrap{display:flex;gap:20px;align-items:center;min-height:34px}
.util .sp{margin-left:auto;display:flex;gap:16px}
.util a:hover{color:var(--brand)}

/* Masthead */

/* Nav */
nav.main{background:var(--brand);color:#fff;position:sticky;top:0;z-index:40}

/* Ticker */
.ticker{border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;min-height:44px}
.ticker .tag{background:var(--red);color:#fff;font-weight:700;padding:1px 10px;flex:none}
.ticker .rail{overflow:hidden;flex:1}
.ticker .run{display:flex;white-space:nowrap;width:max-content;animation:run 45s linear infinite}
.ticker .run a{padding:0 20px;border-right:1px solid var(--line)}
.ticker .run a:hover{color:var(--brand)}
.ticker:hover .run{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
.ticker .presented{flex:none;font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}
.ticker .presented b{color:#0B5D3B}

/* Ad chrome */
.ad{position:relative;overflow:hidden;display:block}
.ad-label{position:absolute;top:0;right:0;z-index:5;font-size:11px;line-height:1;padding:3px 6px;background:rgba(255,255,255,.9);color:#444}
.ad-cap{font-size:12px;color:var(--muted);margin:4px 0 0}
body.show-slots .ad{outline:3px dashed #E0218A;outline-offset:3px}
body.show-slots .ad::after{content:attr(data-slot);position:absolute;left:8px;top:8px;z-index:20;background:#E0218A;color:#fff;font:600 12px/1.3 var(--sans);padding:4px 8px;max-width:calc(100% - 16px)}
.btn-ad{display:inline-block;background:#F2A900;color:#1C1C22;font-weight:700;padding:7px 16px;border-radius:3px;white-space:nowrap;font-size:15px}

/* A1 Leaderboard */
.lb{height:90px;width:970px;max-width:100%;flex:none;background:#0F3D2E;color:#F7E7B0;display:flex;align-items:center;gap:14px;padding:0 18px 0 6px}
.lb .cup{width:80px;height:80px;flex:none}
.lb .steam path{fill:none;stroke:#F7E7B0;stroke-width:3;stroke-linecap:round;opacity:0;animation:steam 3s ease-in-out infinite}
.lb .steam path:nth-child(2){animation-delay:1s}.lb .steam path:nth-child(3){animation-delay:2s}
@keyframes steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.9}100%{opacity:0;transform:translateY(-14px)}}
.lb .brand{font-weight:700;font-size:24px;line-height:1;color:#fff}
.lb .msgs{position:relative;height:28px;flex:1;overflow:hidden}
.lb .msgs span{position:absolute;inset:0;font-size:18px;opacity:0;transform:translateY(100%);animation:msg 9s infinite}
.lb .msgs span:nth-child(2){animation-delay:3s}.lb .msgs span:nth-child(3){animation-delay:6s}
@keyframes msg{0%{opacity:0;transform:translateY(100%)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-100%)}}

/* Lead */
.lead{display:grid;grid-template-columns:2fr 1fr;gap:36px;padding:32px 0 36px;border-bottom:1px solid var(--line)}
.lead .photo{aspect-ratio:16/9}
.lead h1{font-size:clamp(32px,4.2vw,54px);margin:18px 0 10px}
.lead .dek{font-size:20px;color:#3C3C47;margin:0 0 10px;max-width:40em}
.meta{font-size:14px;color:var(--muted)}
.meta b{color:var(--ink);font-weight:600}
.cat{color:var(--brand);font-weight:700;font-size:15px}
.stack{display:flex;flex-direction:column}
.stack article{padding:16px 0;border-bottom:1px solid var(--line)}
.stack article:first-child{padding-top:0}
.stack article:last-child{border-bottom:0}
.stack h2{font-size:26px;margin:4px 0 8px}
.stack h3{font-size:19px;margin:4px 0}

/* Section heads */
.sec-h{display:flex;align-items:baseline;gap:14px;margin:0 0 18px;padding-top:10px;border-top:3px solid var(--brand)}
.sec-h h2{font-size:28px}
.sec-h .more{margin-left:auto;color:var(--brand);font-weight:600;font-size:15px}
.sec-h .sponsor{font-size:13px;color:var(--muted)}
.sec-h .sponsor b{color:#0B5D3B}

/* Story row */
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:36px 0 44px}
.row4 > .sec-h{grid-column:1/-1;margin-bottom:0}
.card .ph{aspect-ratio:16/10;margin-bottom:10px}
.card h3{font-size:20px;margin:2px 0 6px}
.card p{margin:0 0 6px;color:var(--muted);font-size:15px;line-height:1.5}

/* A3 native */
.native{background:#FFF6DD;border:1px solid #EBD9A6;padding:14px;display:flex;flex-direction:column}
.native .spons{font-size:13px;font-weight:700;color:#7A5600}
.native .coins{height:120px;position:relative;margin:10px 0;background:#B30E29;overflow:hidden;display:grid;place-items:center;color:#fff;text-align:center}
.native .coins .amt{font-weight:700;font-size:34px;line-height:1;position:relative;z-index:1}
.native .coins small{display:block;font-size:14px;font-weight:400;opacity:.9;margin-top:6px}
.coin{position:absolute;top:-24px;width:20px;height:20px;border-radius:50%;background:#F2C230;border:2px solid #C79200;animation:drop 2.6s linear infinite}
@keyframes drop{to{transform:translateY(170px)}}
.native h3{font-size:20px;margin:0 0 4px}
.native p{font-size:15px;color:#5A4A1E;margin:0 0 12px;line-height:1.5}
.native .go{margin-top:auto;align-self:flex-start;background:var(--red);color:#fff;padding:6px 14px;border-radius:3px;font-weight:700;font-size:15px}

/* A4 Billboard */
.bb-wrap{padding-bottom:44px}
.bb{height:250px;background:#DCEFF7;color:#0E2A3B}
.bb .hills{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:pan 30s linear infinite}
.bb .hills.far{animation-duration:60s}
@keyframes pan{to{transform:translateX(-50%)}}
.bb .road{position:absolute;left:0;right:0;bottom:0;height:42px;background:#2B3442;overflow:hidden}
.bb .road::before{content:"";position:absolute;left:0;top:19px;width:200%;height:4px;background:repeating-linear-gradient(90deg,#F2A900 0 40px,transparent 40px 80px);animation:pan 1.2s linear infinite}
.bb .car{position:absolute;bottom:28px;left:58%;width:190px;animation:bob .5s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(-2px)}}
.bb .copy{position:absolute;left:32px;top:26px;z-index:3;max-width:48%}
.bb .ev{font-weight:700;color:#0B5D3B}
.bb .copy .h{font-weight:700;font-size:clamp(24px,3vw,38px);line-height:1.2;margin:4px 0 6px}
.bb .range{font-weight:600}
.bb .range b{font-size:40px;color:#0B5D3B;line-height:1}
.bb .cta{position:absolute;right:28px;top:28px;z-index:3;background:#0B5D3B;color:#fff;font-weight:700;padding:9px 18px;border-radius:3px}

/* Category blocks + sidebar */
.cols{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-bottom:48px}
.catgrid{display:grid;grid-template-columns:1fr 1fr;gap:44px 32px}
.block .top .ph{aspect-ratio:16/9;margin-bottom:10px}
.block .top h3{font-size:22px}
.block ul{list-style:none;margin:12px 0 0;padding:0}
.block li{padding:10px 0;border-top:1px solid var(--line);font-weight:600;line-height:1.45}
.block li a:hover{color:var(--brand)}
aside.side{display:flex;flex-direction:column;gap:32px}
.sticky{position:sticky;top:60px}

/* A5 Skyscraper */
.sky{width:300px;height:600px;background:#14294F;color:#fff;padding:24px 22px;display:flex;flex-direction:column}
.sky .air{font-weight:700;font-size:15px;color:#F7E7B0}
.sky .h{font-weight:700;font-size:30px;line-height:1.25;margin:8px 0 4px}
.sky .plane{position:absolute;left:-60px;top:200px;width:60px;animation:fly 7s ease-in-out infinite}
@keyframes fly{0%{transform:translate(0,40px) rotate(-8deg)}100%{transform:translate(420px,-60px) rotate(-14deg)}}
.sky .dest{margin-top:auto;position:relative;height:110px}
.sky .dest > div{position:absolute;inset:0;opacity:0;animation:dest 9s infinite}
.sky .dest > div:nth-child(2){animation-delay:3s}.sky .dest > div:nth-child(3){animation-delay:6s}
@keyframes dest{0%{opacity:0;transform:translateY(12px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0}}
.sky .dest .to{font-weight:700;font-size:42px;line-height:1.15}
.sky .dest .fare b{font-size:24px;color:#FFE38A}
.sky .mtn{position:absolute;left:0;right:0;bottom:0;height:200px;z-index:0}
.sky > *:not(.mtn):not(.plane):not(.ad-label){position:relative;z-index:2}
.sky .btn-ad{text-align:center;margin-top:12px}

.mostread ol{margin:0;padding:0 0 0 1.6em}
.mostread li{padding:10px 0;border-top:1px solid var(--line);font-weight:600;line-height:1.45}
.mostread li::marker{color:var(--brand);font-weight:700}

/* Publisher note */
.pub{background:var(--brand-l);padding:40px 0}
.pub .wrap{display:grid;grid-template-columns:400px 1fr;gap:36px;align-items:center}
.pub .ph{aspect-ratio:400/254}
.pub h2{font-size:clamp(26px,3vw,36px);margin:6px 0 0}

/* Footer */
footer{background:var(--brand-d);color:#CFCBE6;padding:40px 0 120px;font-size:15px}
footer .fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer h4{color:#fff;margin:0 0 10px;font-size:16px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a:hover{color:#fff;text-decoration:underline}
footer .flogo{background:#fff;display:inline-block;padding:8px 12px}
footer .flogo img{height:48px;width:auto}
footer form{display:flex;gap:8px;max-width:380px}
footer input{flex:1;min-width:0;border:0;padding:8px 10px;font:inherit;font-size:15px}
footer button{background:#fff;color:var(--brand);border:0;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}

/* A8 Anchor */
.anchor{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:60;width:min(970px,calc(100% - 24px));height:70px;background:#B30E29;color:#fff;display:flex;align-items:center;gap:18px;padding:0 54px 0 18px;box-shadow:0 6px 20px rgba(0,0,0,.25);overflow:visible;animation:rise .5s ease-out both 1.2s}
@keyframes rise{from{transform:translate(-50%,130%)}}
.anchor .sw{font-weight:700;font-size:22px;color:#FFE38A;white-space:nowrap}
.anchor .txt{font-weight:600;line-height:1.3}
.anchor .cd{display:flex;gap:6px;margin-left:auto}
.anchor .cd div{background:rgba(0,0,0,.22);padding:2px 8px;text-align:center;min-width:46px}
.anchor .cd b{display:block;font-size:19px;line-height:1.2}
.anchor .cd span{font-size:11px}
.anchor .x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:18px;cursor:pointer}
.anchor .ad-label{top:-17px;right:auto;left:0}
.anchor.gone{display:none}

/* Article */
.art{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:56px;justify-content:center;padding:36px 0 60px}
.art .crumbs{font-size:15px;color:var(--muted);margin-bottom:8px}
.art .crumbs a{color:var(--brand);font-weight:600}
.art h1{font-size:clamp(32px,4vw,48px)}
.art .dek{font-size:21px;color:#3C3C47;margin:14px 0 16px}
.art .byl{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art .share{margin-left:auto;display:flex;gap:14px;font-size:15px;font-weight:600;color:var(--brand)}
.art .hero{aspect-ratio:16/9;margin:24px 0 6px}
.art figcaption{font-size:14px;color:var(--muted)}
.body{font-size:20px;line-height:1.85;margin-top:24px}
.body p{margin:0 0 1.2em}
.body blockquote{margin:1.6em 0;padding:0 0 0 22px;border-left:4px solid var(--brand);font-family:var(--head);font-weight:600;font-size:25px;line-height:1.55;color:var(--brand)}

/* A6 In-read */
.inread{margin:2em 0;background:#0F3D2E;color:#F7E7B0;max-height:0;transition:max-height .9s ease-out}
.inread.open{max-height:360px}
.inread .stage{height:250px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 28px;gap:20px}
.inread .stage .h{font-weight:700;font-size:30px;line-height:1.25;color:#fff;margin:6px 0 12px}
.inread .rows{position:relative;height:200px}
.inread .rows svg{position:absolute;inset:0;width:100%;height:100%}
.inread .bar{height:4px;background:rgba(255,255,255,.15)}
.inread .bar i{display:block;height:100%;width:0;background:#F2A900}
.inread.open .bar i{animation:prog 8s linear forwards}
@keyframes prog{to{width:100%}}
.inread .lbl-top{font-size:12px;padding:6px 12px;color:#B9D7C9}

/* A7 Scroll window */
.window{margin:2.2em 0;height:320px;clip-path:inset(0)}
.window .fixed{position:fixed;inset:0;display:grid;place-items:center;background:#DCEFF7;pointer-events:none}
.window .inner{text-align:center;color:#0E2A3B}
.window .inner .h{font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.2;margin:6px 0}
.window .car{width:260px;margin:16px auto 0}

.endsponsor{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-top:2em;font-size:16px;line-height:1.5}
.endsponsor .lg{width:56px;height:56px;background:#0F3D2E;display:grid;place-items:center;flex:none}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.tags a{border:1px solid var(--line);padding:2px 12px;font-size:15px;font-weight:600}
.tags a:hover{border-color:var(--brand);color:var(--brand)}


/* Masthead (centred, Nepali-portal style) */
.mast .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding-top:16px;padding-bottom:16px}
.mast .logo img{height:88px;width:auto}
.m-left{font-size:14px;color:var(--muted);line-height:1.7}
.m-left .today{display:block;font-size:18px;font-weight:700;color:var(--brand);line-height:1.3}
.m-left a{margin-right:8px;color:var(--brand)}
.m-right{display:flex;justify-content:flex-end;gap:16px;font-size:14px;font-weight:600;color:var(--brand)}
.m-right a:hover,.m-left a:hover{text-decoration:underline}

/* Trending chips */
.chips{border-bottom:1px solid var(--line)}
.chips .wrap{display:flex;align-items:center;gap:8px;min-height:48px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.chips .lbl{font-weight:700;color:var(--red);margin-right:4px}
.chips a{border:1px solid var(--line);border-radius:20px;padding:1px 12px;font-size:15px}
.chips a:hover{border-color:var(--brand);color:var(--brand)}
.chips .presented{margin-left:auto;font-size:13px;color:var(--muted);padding-left:12px}
.chips .presented b{color:#0B5D3B}

/* Leaderboard row */
.lb-row{padding-top:18px;display:flex;justify-content:center}
.lb-row .adc{max-width:970px}
.lb{width:970px}

/* Banner stories */
.banners{padding-top:28px}
.banner{text-align:center;padding:8px 0 32px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.banner h1{font-size:clamp(32px,4.6vw,58px);line-height:1.3;max-width:24ch;margin:0 auto;text-wrap:balance}
.banner h1 a:hover{color:var(--brand)}
.banner.boxed{border:1px solid var(--line);padding:24px 20px;background:#fff}
.banner .chip{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:14px;padding:1px 12px;border-radius:3px;margin-bottom:12px}
.banner .sub{font-size:21px;color:#3C3C47;margin:10px auto 0;max-width:40em}
.banner .photo{display:block;aspect-ratio:16/8;margin:20px 0 0}
.banner .ex{font-size:18px;color:#3C3C47;max-width:46em;margin:14px auto 0}
.banner .ex a{color:var(--brand);font-weight:600}
.by{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:15px;color:var(--muted)}
.by b{color:var(--ink);font-weight:600}
.by .av{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.lb.wide{width:100%;height:110px;background:#B30E29;justify-content:center;padding:0 24px;margin:0 0 32px;gap:24px}
.lb.wide .msgs{max-width:520px;height:32px}
.lb.wide .msgs span{font-size:22px;font-weight:600;color:#fff;text-align:center}
.lb.wide .brand{font-size:28px}
.tbanners article{text-align:center;padding:18px 0;border-bottom:1px solid var(--line)}
.tbanners h2{font-size:clamp(24px,3vw,36px);max-width:30ch;margin:0 auto 4px;text-wrap:balance}

/* Special coverage */
.special{padding:44px 20px 8px}
.sp-lbl{display:inline-block;background:var(--red);color:#fff;font-size:22px;padding:4px 16px;margin-bottom:0}
.sp-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;border-top:3px solid var(--red);padding-top:20px}
.sp-lead .ph{aspect-ratio:16/9;margin-bottom:10px}
.sp-lead h3{font-size:24px}
.special ul{list-style:none;margin:0;padding:0}
.special li{padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:19px;line-height:1.4}
.special li:first-child{padding-top:0}
.special li .meta{display:block;font-weight:400;margin-top:4px}
.special li a:hover{color:var(--brand)}

@media (max-width:760px){
  .mast .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
  .m-left,.m-right{display:none}
  .mast .logo img{height:auto;width:100%;max-width:360px}
  .chips .presented{display:none}
  .banner .photo{aspect-ratio:4/3}
  .lb.wide{height:auto;min-height:90px;flex-wrap:wrap;padding:12px;gap:8px}.lb.wide .msgs{flex-basis:100%;order:3}.lb.wide .msgs span{font-size:17px}
  .sp-grid{grid-template-columns:1fr}
}


/* Per-sponsor creative tweaks */
.lb.ultranet{background:#fff;border:2px solid #0C5688;color:#0C5688;box-shadow:inset 0 -6px 0 #F06923}
.lb.ultranet .un-logo{position:relative;flex:none;display:flex;align-items:center}
.lb.ultranet .un-logo img{height:62px;width:auto}
.lb.ultranet .un-wave{position:absolute;right:-30px;top:-4px;width:30px;height:18px}
.lb.ultranet .un-wave path{fill:none;stroke:#F06923;stroke-width:3;stroke-linecap:round;opacity:.15;animation:unwave 1.8s ease-in-out infinite}
.lb.ultranet .un-wave path:nth-child(2){animation-delay:.2s}.lb.ultranet .un-wave path:nth-child(3){animation-delay:.4s}
@keyframes unwave{40%{opacity:1}}
.lb.ultranet .msgs span{color:#0C5688;font-weight:600}
.lb.ultranet .msgs b{color:#F06923}
.lb.ultranet .btn-ad{background:#F06923;color:#fff}
.speed{display:flex;align-items:flex-end;gap:4px;height:40px;flex:none}
.speed i{width:7px;background:#5CE1E6;animation:sig 1.4s ease-in-out infinite}
.speed i:nth-child(1){height:30%}.speed i:nth-child(2){height:55%;animation-delay:.15s}.speed i:nth-child(3){height:80%;animation-delay:.3s}.speed i:nth-child(4){height:100%;animation-delay:.45s}
@keyframes sig{50%{opacity:.25}}
.native{background:#EEF6FC;border-color:#C7DDEE}
.native .spons{color:#1D5C8C}
.native .coins{background:#1D5C8C}
.native .coin{background:#fff;border-color:#CFE3F3;border-radius:50% 50% 50% 0;animation-name:milk}
@keyframes milk{from{transform:rotate(-45deg)}to{transform:translateY(170px) rotate(-45deg)}}
.native p{color:#3D5568}
.native .go{background:#1D5C8C}
.inread{background:#0B4F5C}
.inread .ecg{stroke-dasharray:420;stroke-dashoffset:420;animation:ecg 2.4s linear infinite}
@keyframes ecg{60%,100%{stroke-dashoffset:0}}
.window .fixed{background:#FFF4E5}
.window .inner{color:#5A2A0E}
.window .car{width:170px;margin-top:10px}
.window .umb{transform-origin:100px 60px;animation:sway 3s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.sky.books{background:#4A1F2E}
.sky.books .air{color:#F4E3C1}
.sky .shelf{margin-top:24px;width:100%}
.sky .shelf .pull{transform-box:fill-box;animation:pull 4s ease-in-out infinite}
@keyframes pull{0%,70%,100%{transform:none}35%{transform:translateY(-16px)}}


/* Menu: centred links, sliding underline, compact on scroll */
nav.main{transition:box-shadow .25s}
.nav-in{position:relative;display:flex;justify-content:center;align-items:center}
.links{position:relative;display:flex;max-width:calc(100% - 150px);overflow-x:auto;scrollbar-width:none}
.links::-webkit-scrollbar{display:none}
.links a{padding:12px 14px;font-weight:600;white-space:nowrap;color:#E4E0F5;transition:color .2s,padding .25s}
.links a:first-of-type{margin-left:auto}
.links a:nth-last-of-type(1){margin-right:auto}
.links a:hover,.links a[aria-current]{color:#fff}
.ink{position:absolute;left:0;bottom:0;height:3px;width:0;background:#fff;border-radius:2px 2px 0 0;pointer-events:none}
.ink.ready{transition:transform .35s cubic-bezier(.3,.7,.2,1),width .35s cubic-bezier(.3,.7,.2,1)}
nav.main .search{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600}
.seal{position:absolute;left:20px;top:50%;width:38px;height:38px;border-radius:50%;background:#fff;padding:2px;opacity:0;transform:translate(-14px,-50%) scale(.8);transition:opacity .25s,transform .3s cubic-bezier(.3,.7,.2,1);pointer-events:none}
.seal img{width:100%;height:100%;object-fit:contain}
nav.main.compact{box-shadow:0 3px 12px rgba(20,12,60,.28)}
nav.main.compact .links a{padding-top:8px;padding-bottom:8px}
nav.main.compact .seal{opacity:1;transform:translate(0,-50%);pointer-events:auto}

/* Trending chips centred */
.chips .wrap{position:relative;justify-content:flex-start}
.chips .lbl{margin-left:auto}
.chips a:last-of-type{margin-right:auto}
.chips .presented{position:absolute;right:20px;margin:0;background:#fff;padding-left:12px}
@media (max-width:1080px){.chips .presented{display:none}}
@media (max-width:760px){
  .links{max-width:calc(100% - 56px);margin-right:56px}
  nav.main .search{right:16px}
  .seal{display:none}
}

/* Social icons */
.social{display:flex;gap:8px;margin-top:6px}
.social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0;color:#fff;transition:transform .2s,box-shadow .2s}
.social svg{width:18px;height:18px;fill:currentColor}
.social a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2);text-decoration:none}
.social .fb{background:#1877F2}
.social .x{background:#000}
.social .yt{background:#FF0000}
.social .yt svg{width:20px;height:20px}


@media (max-width:1080px){
  .row4{grid-template-columns:repeat(2,1fr)}
  .cols,.art{grid-template-columns:1fr}
  aside.side{align-items:center}
  .sticky{position:static}
  .pub .wrap{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .lb{height:64px;gap:8px;padding:0 10px 0 2px}.lb .cup{width:56px;height:56px}.lb .brand{font-size:18px}.lb .msgs span{font-size:15px}.lb .btn-ad{display:none}
  .lead{grid-template-columns:1fr;padding-top:20px}
  .row4,.catgrid,footer .fgrid{grid-template-columns:1fr}
  .ticker .presented,.util .sp{display:none}
  .bb{height:360px}.bb .copy{max-width:none;right:20px}.bb .cta{top:auto;bottom:56px;right:auto;left:32px}.bb .car{left:auto;right:6%;width:150px}
  .inread .stage{grid-template-columns:1fr;height:auto;padding:20px}.inread .rows{height:110px}
  .body{font-size:18px}
  .anchor{height:auto;min-height:62px;padding:10px 48px 10px 12px;gap:10px}.anchor .cd{display:none}.anchor .sw{font-size:18px}.anchor .txt{font-size:14px}.anchor .btn-ad{display:none}

}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .lb .msgs span:first-child,.sky .dest > div:first-child{opacity:1;transform:none}
  .inread{max-height:none}
}

/* Laravel additions */
.pagination{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:32px 0}
.pagination a,.pagination span{display:block;border:1px solid var(--line);padding:6px 14px;font-weight:600}
.pagination a:hover{border-color:var(--brand);color:var(--brand)}
.cat-head{padding:28px 0 8px}

/* Copy-caption button (task 13): looks like the neighbouring share links */
.art .share .copy-caption{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}