:root{
  --orange:#ff6400;
  --black:#111;
  --grey:#666;
  --line:#cfcfcf;
  --soft:#f7f7f7;
  --max:1380px;
  --sans:Arial, Helvetica, sans-serif;
  --serif:Georgia, "Times New Roman", serif;
  --gotham:"Gotham","Montserrat","Arial Black",Arial,sans-serif;
  --masthead:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#111;font-family:var(--serif)}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.container{width:min(var(--max),calc(100% - 34px));margin:auto}

/* HEADER */
.header{
  position:relative;
  background:#fff;
  border-bottom:1px solid #c7c7c7;
  overflow:hidden;
}
.header-inner{
  height:118px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
}
.datebox{
  font-family:var(--sans);
  font-size:12px;
  line-height:1.65;
  padding-left:140px;
  color:#111;
}
.weather{display:flex;gap:8px;align-items:center}
.brandwrap{text-align:center}
.brand{
  font-family:var(--masthead);
  font-size:36px;
  line-height:.88;
  font-weight:700;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.brand .roar{
  color:var(--orange);
  font-style:italic;
  font-weight:700;
}
.tagline{
  font-family:var(--sans);
  margin-top:12px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.30em;
  color:#111;
}
.actions{
  padding-right:110px;
  font-family:var(--sans);
  text-align:right;
}
.newsletter{font-size:12px;color:#111}
.newsletter b{color:var(--orange);font-size:18px;margin-left:8px}
.social{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:15px;color:#111}
.social-icon{
  width:32px;
  height:32px;
  display:inline-grid;
  place-items:center;
  flex:0 0 32px;
  color:#111;
  background:#fff;
  border:1.5px solid #111;
  border-radius:50%;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.social-icon svg{width:16px;height:16px;display:block;fill:currentColor}
.social-icon svg rect,.social-icon svg circle{fill:none;stroke:currentColor;stroke-width:1.8}
.social-icon svg .social-icon-dot{fill:currentColor;stroke:none}
.social-icon svg.social-icon-threads{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
a.social-icon:hover,a.social-icon:focus-visible{
  color:#fff;
  background:var(--orange);
  border-color:var(--orange);
  box-shadow:0 4px 0 #111;
  transform:translateY(-2px);
  outline:none;
}
.social-icon.is-placeholder{cursor:default}

/* NAV */
.nav{
  border-bottom:2px solid #111;
  background:#fff;
}
.nav-inner{
  height:45px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:35px;
  overflow-x:auto;
  scrollbar-width:none;
}
.nav-inner::-webkit-scrollbar{display:none}
.nav a{
  font-family:var(--gotham);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
  padding:15px 0 12px;
  position:relative;
  transition:color .2s ease;
}
.nav a:hover{color:var(--orange)}
.nav a.active{color:var(--orange)}
.nav a.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;background:var(--orange);
}

/* TICKER */
.ticker{
  border-bottom:1px solid #9d9d9d;
}
.ticker-inner{
  height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
}
.badge{
  background:var(--orange);
  color:#fff;
  font-family:var(--gotham);
  font-size:10px;
  font-weight:800;
  padding:8px 10px;
  text-transform:uppercase;
}
.stream{
  display:flex;
  gap:16px;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  align-items:center;
  font-family:var(--serif);
  font-size:12px;
}
.time{font-family:var(--sans);color:var(--orange);font-size:11px;font-weight:700}
.sep{color:#999}
.more{
  font-family:var(--gotham);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.more span{color:var(--orange);font-size:16px;margin-left:10px}

/* MAIN TOP */
.main-top{
  padding-top:20px;
  border-bottom:1px solid #9d9d9d;
}
.top-grid{
  display:grid;
  grid-template-columns:.91fr 1.1fr .85fr;
  gap:0;
}
.top-left{padding:0 28px 18px 0}
.top-left h1{
  margin:0 0 14px;
  font-size:41px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.deck{
  font-size:15px;
  line-height:1.45;
  margin:0 0 14px;
}
.byline{
  font-family:var(--sans);
  font-size:10px;
  line-height:1.55;
}
.bullets{
  border-top:1px solid #aaa;
  padding-top:11px;
  margin-top:10px;
  font-size:12px;
  line-height:1.5;
}

.hero{
  padding:0 20px 18px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.hero img{
  aspect-ratio:1.68/1;
}
.caption{
  font-family:var(--sans);
  font-size:9px;
  margin-top:6px;
}

.opinion{
  padding-left:20px;
}
.title-row{
  font-family:var(--gotham);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  border-bottom:1px solid #888;
  padding-bottom:7px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.title-row span{
  font-family:var(--sans);
  font-size:9px;
  text-transform:none;
  font-weight:400;
}
.op-item{
  display:grid;
  grid-template-columns:65px 1fr;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #ddd;
}
.op-item img{
  width:65px;height:65px;
  filter:grayscale(1);
}
.op-item h3{
  margin:0 0 5px;
  font-size:14px;
  line-height:1.12;
}
.op-name,.op-date{
  font-family:var(--sans);
  font-size:9px;
}
.op-date{color:#777;margin-top:4px}

/* LOWER GRID */
.lower{
  display:grid;
  grid-template-columns:.75fr 1.35fr;
  gap:0;
}
.col{
  padding:12px 22px 0;
}
.col:first-child{padding-left:0}
.col:last-child{padding-right:0}
.col + .col{border-left:1px solid #ddd}
.section-title{
  font-family:var(--gotham);
  color:var(--orange);
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
  padding-bottom:8px;
  border-bottom:1px solid #aaa;
  margin:0 0 12px;
}
.section-title.black{color:#111}
.news-row{
  display:grid;
  grid-template-columns:108px 1fr;
  gap:10px;
  padding:0 0 15px;
  margin-bottom:15px;
  border-bottom:1px solid #eee;
}
.news-row img{height:72px}
.cat{
  font-family:var(--gotham);
  font-size:8px;
  color:var(--orange);
  font-weight:800;
  text-transform:uppercase;
}
.news-row h3{
  margin:4px 0 7px;
  font-size:13px;
  line-height:1.2;
}
.meta{
  font-family:var(--sans);
  font-size:9px;
  color:#777;
}

/* feature */
.feature{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:15px;
}
.feature img{aspect-ratio:1.55/1}
.feature-copy h2{
  font-size:22px;
  line-height:1.08;
  margin:6px 0 9px;
}
.feature-copy p{
  font-size:12px;
  line-height:1.45;
  margin:0 0 11px;
}
.mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:12px;
}
.mini{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:8px;
}
.mini img{width:80px;height:56px}
.mini h4{
  margin:3px 0 0;
  font-size:11px;
  line-height:1.2;
}

/* PODCAST */
.podcast-head{
  font-family:var(--gotham);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  border-bottom:1px solid #888;
  padding-bottom:7px;
  margin-bottom:11px;
  display:flex;
  justify-content:space-between;
}
.podcast-head span{
  font-family:var(--sans);
  font-size:9px;
  font-weight:400;
  text-transform:none;
}
.podcast-card{
  background:#111;
  color:#fff;
  display:grid;
  grid-template-columns:120px 1fr;
  min-height:170px;
  overflow:hidden;
  position:relative;
}
.podcast-card:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(244,109,0,.9),rgba(0,0,0,.15));
}
.mic-wrap{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
}
.mic{
  width:78px;height:128px;
  border-radius:40px 40px 18px 18px;
  background:linear-gradient(#d8d8d8,#7b7b7b);
  box-shadow:inset 0 0 0 8px #222;
  position:relative;
}
.mic:before{
  content:"";
  position:absolute;
  top:14px;left:14px;right:14px;height:54px;
  border-radius:25px;
  background:repeating-linear-gradient(0deg,#222 0 5px,#bbb 5px 8px);
}
.podcast-copy{
  position:relative;
  z-index:2;
  align-self:center;
  padding-right:14px;
}
.podcast-copy small{
  color:#ff9b4e;
  font-family:var(--gotham);
  text-transform:uppercase;
  font-size:8px;
  font-weight:800;
}
.podcast-copy h3{
  margin:6px 0 8px;
  font-size:15px;
  line-height:1.12;
}
.podcast-copy p{
  font-family:var(--sans);
  font-size:9px;
  margin:0;
}
.podcast-meta{
  margin-top:7px;
  font-family:var(--sans);
  font-size:9px;
}
.player{
  display:flex;align-items:center;gap:8px;margin-top:11px
}
.play{
  width:30px;height:30px;
  background:var(--orange);border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--sans);font-size:11px
}
.wave{
  flex:1;height:20px;
  background:repeating-linear-gradient(90deg,#888 0 2px,transparent 2px 5px);
}
.episode{
  display:grid;
  grid-template-columns:25px 1fr;
  gap:10px;
  padding:9px 6px;
  border-bottom:1px solid #ccc;
}
.circle{
  width:21px;height:21px;border:1px solid #111;border-radius:50%;
  display:grid;place-items:center;font-family:var(--sans);font-size:8px
}
.episode h4{margin:0 0 4px;font-size:12px}
.episode p{margin:0;font-family:var(--sans);font-size:9px;color:#666}




/* THE TIGER SHOW PODCAST TOPIC TICKER */
.podcast-topic-ticker{
  width:100%;
  background:#ff5a12;
  color:#050505;
  overflow:hidden;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
}
.podcast-topic-ticker-inner{
  min-height:43px;
  display:flex;
  align-items:center;
  overflow:hidden;
  width:100%;
}
.podcast-topic-track{
  display:flex;
  align-items:center;
  width:max-content;
  white-space:nowrap;
  will-change:transform;
  animation:podcastTickerMove 28s linear infinite;
}
.podcast-topic-group{
  display:flex;
  align-items:center;
  flex:none;
}
.podcast-topic-label,
.podcast-topic-item{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;
  font-size:clamp(13px,1.25vw,22px);
  line-height:1;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.podcast-topic-label{margin-right:17px}
.podcast-topic-item{display:inline-flex;align-items:center}
.podcast-topic-item::after{
  content:"✦";
  display:inline-block;
  margin:0 17px;
  font-size:.72em;
  transform:translateY(-1px);
}
@keyframes podcastTickerMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.podcast-topic-ticker:hover .podcast-topic-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .podcast-topic-track{animation:none;transform:none}
}
@media(max-width:760px){
  .podcast-topic-ticker-inner{min-height:34px}
  .podcast-topic-label,
  .podcast-topic-item{font-size:13px}
  .podcast-topic-label{margin-right:12px}
  .podcast-topic-item::after{margin:0 12px}
}

/* PODCAST INTRO */
.podcast-intro{
  background:#fff;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}
.podcast-intro-inner{
  width:min(1380px,calc(100% - 70px));
  margin:auto;
  padding:72px 0 76px;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:84px;
  align-items:start;
}
.podcast-intro-kicker{
  padding-top:10px;
}
.podcast-intro-logo{
  display:block;
  width:min(100%,320px);
  height:auto;
  object-fit:contain;
}
.podcast-intro-copy h2{
  margin:0 0 20px;
  max-width:780px;
  font-family:var(--serif);
  font-size:clamp(36px,4.2vw,68px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:700;
}
.podcast-intro-copy p{
  margin:0;
  max-width:820px;
  font-family:var(--sans);
  font-size:18px;
  line-height:1.6;
  color:#333;
}
.podcast-intro-tags{
  margin-top:26px;
  font-family:var(--gotham);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#111;
}

/* LIVE POLITICS / PODCAST PROMO */
.live-politics{
  width:100%;
  background:#e82119;
  color:#fff;
  margin:0;
}
.live-politics-inner{
  width:min(1840px,calc(100% - 70px));
  margin:auto;
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(430px,.9fr) minmax(480px,1.35fr);
  align-items:center;
  gap:90px;
  padding:58px 0;
}
.live-politics-title{
  margin:0;
  font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(70px,7.2vw,145px);
  line-height:.84;
  letter-spacing:-.045em;
  text-transform:uppercase;
  font-weight:900;
}
.live-politics-copy{
  max-width:860px;
  align-self:center;
}
.live-politics-copy p{
  margin:0 0 34px;
  font-family:var(--sans);
  font-size:clamp(19px,1.7vw,30px);
  line-height:1.45;
  font-weight:500;
}
.live-politics-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:0 28px;
  background:#111;
  color:#fff;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;
  font-size:16px;
  letter-spacing:.015em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease;
}
.live-politics-link:hover{
  transform:translateY(-2px);
  background:#000;
}

/* PODCAST SHOWCASE — moved below LIVE POLITICS */
.podcast-showcase{
  background:#fff;
  border-bottom:1px solid #d9d9d9;
  padding:54px 0 62px;
}
.podcast-showcase-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:34px;
  align-items:stretch;
}
.podcast-showcase .podcast-card{
  min-height:230px;
}
.podcast-showcase .episode-list{
  border-top:1px solid #ccc;
}
.podcast-showcase .episode{
  min-height:76px;
  align-items:center;
  padding:12px 6px;
}
.podcast-showcase .episode h4{
  font-size:15px;
  line-height:1.25;
}
.podcast-showcase .episode p{
  font-size:10px;
}

/* newsletter */
.newsletterbar{
  margin:16px 0 0;
  border:1px solid #ccc;
  min-height:70px;
  display:grid;
  grid-template-columns:1.05fr 1.15fr .9fr;
  align-items:center;
}
.nl-intro{
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:16px;
  font-size:13px;
}
.env{
  width:31px;height:22px;border:1px solid #aaa;position:relative;flex:none;
}
.env:before,.env:after{
  content:"";position:absolute;top:5px;width:18px;height:1px;background:#aaa;
}
.env:before{left:0;transform:rotate(27deg)}
.env:after{right:0;transform:rotate(-27deg)}
.form{
  display:flex;
  padding:0 20px;
}
.form input{
  height:40px;flex:1;border:1px solid #ddd;padding:0 13px;font-family:var(--sans);outline:none
}
.form button{
  height:40px;border:0;background:var(--orange);color:#fff;padding:0 30px;
  font-family:var(--gotham);font-size:10px;font-weight:800;text-transform:uppercase
}
.follow{
  height:100%;
  border-left:1px solid #ddd;
  display:flex;
  align-items:center;
  gap:25px;
  padding:0 22px;
  font-family:var(--gotham);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.follow-icons{display:flex;gap:18px;font-size:16px}
/* ROAR CTA + FOOTER */
.roar-cta-wrap{
  padding:70px 0 86px;
  background:#fff;
}
.roar-cta{
  position:relative;
  overflow:hidden;
  min-height:190px;
  border-radius:30px;
  background:#ff7300;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:center;
  gap:50px;
  padding:38px 54px;
}
.roar-cta:after{
  content:"";
  position:absolute;
  top:-45px;right:-20px;bottom:-40px;
  width:310px;
  opacity:.35;
  background:repeating-linear-gradient(122deg,transparent 0 24px,rgba(122,55,0,.8) 24px 47px);
  transform:skewX(-7deg);
}
.roar-cta-copy,.roar-cta-form{position:relative;z-index:1}
.roar-cta h2{
  margin:0 0 8px;
  font-family:var(--gotham);
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.04em;
}
.roar-cta p{
  margin:0;
  max-width:610px;
  font-family:var(--sans);
  font-size:15px;
  line-height:1.35;
}
.roar-cta-form{display:flex;gap:10px;align-items:center}
.roar-cta-form input{
  width:100%;
  height:58px;
  border:0;
  border-radius:999px;
  padding:0 22px;
  font-family:var(--sans);
  font-size:14px;
  outline:none;
}
.roar-cta-form button{
  height:58px;
  border:0;
  border-radius:999px;
  background:#111;
  color:#fff;
  padding:0 30px;
  font-family:var(--gotham);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.site-footer{
  border-top:8px solid #ff7300;
  background:#121212;
  color:#d6d6d6;
  font-family:var(--sans);
}
.footer-inner{
  padding:66px 0 18px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr .9fr .9fr .9fr;
  gap:72px;
  padding-bottom:48px;
}
.footer-brand{max-width:330px}
.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.footer-mark{
  width:48px;height:48px;border-radius:11px;
  position:relative;overflow:hidden;flex:none;
  background:linear-gradient(145deg,#ff7300 0 38%,#171717 38% 72%,#ff7300 72% 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.footer-mark:after{
  content:"R";position:absolute;inset:0;display:grid;place-items:center;
  color:#fff;font-family:var(--gotham);font-size:20px;font-weight:900;
}
.footer-logo-text small{
  display:block;color:#9f9f9f;font-family:var(--gotham);font-size:10px;
  font-weight:800;letter-spacing:.18em;
}
.footer-logo-text strong{
  display:block;color:#ff7300;font-family:var(--gotham);font-size:22px;
  line-height:1;margin-top:3px;
}
.footer-brand p{
  margin:0;color:#b5b5b5;font-size:14px;line-height:1.65;
}
.footer-col h3{
  margin:0 0 18px;color:#ff7300;font-family:var(--gotham);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
}
.footer-col a{
  display:block;margin:0 0 11px;color:#e1e1e1;font-size:13px;
}
.footer-col a:hover{color:#ff7300}
.footer-bottom{
  border-top:1px solid #303030;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:20px 0 0;color:#8f8f8f;font-size:10px;
}
.footer-legal{display:flex;gap:12px;align-items:center}
.footer-legal span{color:#555}

/* responsive */
@media(max-width:1150px){
  .datebox{padding-left:0}
  .actions{padding-right:0}
  .nav-inner{justify-content:flex-start}
  .top-grid{grid-template-columns:1fr 1fr}
  .opinion{grid-column:1/-1;padding:20px 0 0;margin-top:15px;border-top:1px solid #999}
  .opinion-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .lower{grid-template-columns:.75fr 1.35fr}
  .newsletterbar{grid-template-columns:1fr 1.1fr}
  .follow{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;justify-content:center;min-height:50px}
  .roar-cta{grid-template-columns:1fr;gap:24px}
  .footer-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:38px}
  .podcast-showcase-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:900px){

  .podcast-intro-inner{
    width:min(100% - 36px,1380px);
    grid-template-columns:1fr;
    gap:18px;
    padding:54px 0 58px;
  }
 .podcast-intro-kicker{padding-top:0}
  .podcast-intro-copy p{font-size:17px}
  .podcast-showcase-grid{grid-template-columns:1fr}
  .live-politics-inner{
    width:min(100% - 36px,1380px);
    grid-template-columns:1fr;
    gap:34px;
    min-height:auto;
    padding:52px 0;
  }
  .live-politics-title{font-size:clamp(64px,15vw,112px);max-width:760px}
  .live-politics-copy{max-width:760px}
}
@media(max-width:760px){

  .podcast-intro-inner{width:calc(100% - 32px);padding:42px 0 46px}
  .podcast-intro-logo{width:min(100%,260px)}
  .podcast-intro-copy h2{font-size:clamp(38px,12vw,56px);margin-bottom:16px}
  .podcast-intro-copy p{font-size:16px;line-height:1.55}
  .podcast-intro-tags{font-size:10px;line-height:1.6}
  .live-politics-inner{width:calc(100% - 32px);padding:42px 0}
  .live-politics-title{font-size:clamp(58px,17vw,88px);line-height:.84}
  .live-politics-copy p{font-size:18px;line-height:1.45;margin-bottom:24px}
  .live-politics-link{min-height:54px;padding:0 22px;font-size:14px}
  .header-inner{height:auto;display:block;text-align:center;padding:20px 0 18px}
  .datebox{display:none}
  .actions{text-align:center;margin-top:12px}
  .social{justify-content:center}
  .brand{font-size:24px}
  .tagline{font-size:8px}
  .ticker-inner{grid-template-columns:auto 1fr}
  .more{display:none}
  .top-grid{grid-template-columns:1fr}
  .top-left{padding:0 0 18px}
  .hero{padding:0;border:0}
  .opinion{padding-left:0}
  .opinion-list{grid-template-columns:1fr}
  .lower{grid-template-columns:1fr}
  .col{padding:20px 0;border-left:0!important;border-top:1px solid #aaa}
  .feature{grid-template-columns:1fr}
  .mini-grid{grid-template-columns:1fr}
  .newsletterbar{grid-template-columns:1fr}
  .nl-intro{padding:17px}
  .form{padding:0 17px 17px}
  .follow{grid-column:auto}
  .roar-cta-wrap{padding:40px 0 50px}
  .roar-cta{padding:30px 24px;border-radius:22px;min-height:auto}
  .roar-cta h2{font-size:28px}
  .roar-cta-form{display:grid;grid-template-columns:1fr}
  .roar-cta-form input,.roar-cta-form button{height:52px}
  .roar-cta-form button{width:100%}
  .footer-inner{padding-top:42px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px 28px;padding-bottom:34px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .brand{font-size:34px}
  .tagline{font-size:7px;letter-spacing:.24em}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}

/* ARTICLE PAGE */
.article-page{padding:42px 0 72px}
.article-shell{max-width:900px;margin:0 auto}
.article-category{font-family:var(--gotham);color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.article-title{margin:0 0 16px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em}
.article-deck{margin:0 0 18px;font-size:20px;line-height:1.45;color:#333}
.article-author-row{display:flex;align-items:center;gap:18px;padding:0 0 22px;border-bottom:1px solid #ccc;margin-bottom:28px}
.article-author-thumb{width:128px!important;height:128px!important;flex:0 0 128px;aspect-ratio:1/1;object-fit:cover;border-radius:0;background:#eee}
.article-author-copy{min-width:0;font-family:var(--sans)}
.article-author-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:5px}
.article-author-name{font-size:18px;font-weight:800;line-height:1.2;color:#111;margin-bottom:8px}
.article-meta{font-family:var(--sans);font-size:11px;color:#666}
.article-hero{margin:0 0 28px}.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-caption{font-family:var(--sans);font-size:10px;color:#666;margin-top:7px}
.article-body{max-width:760px;margin:0 auto;font-size:19px;line-height:1.75}.article-body p{margin:0 0 1.35em}
.article-back{display:inline-block;margin-top:30px;font-family:var(--gotham);font-size:11px;font-weight:900;text-transform:uppercase;color:var(--orange)}
@media(max-width:760px){.article-page{padding:28px 0 50px}.article-deck{font-size:17px}.article-author-row{align-items:flex-start}.article-author-thumb{width:128px!important;height:128px!important;flex-basis:128px}.article-body{font-size:17px;line-height:1.65}}


/* SECTION LIST PAGE */
.section-page{padding:42px 0 76px}.section-page-head{border-bottom:3px solid #111;padding-bottom:18px;margin-bottom:28px}.section-page-head h1{font-size:48px;line-height:1;margin:5px 0 0}.section-list{max-width:980px}.section-card{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #ccc}.section-card img{width:280px;height:170px}.section-card h2{font-size:27px;line-height:1.08;margin:6px 0 10px}.section-card p{font-size:15px;line-height:1.5;margin:0 0 10px}.section-author{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--sans)}.section-author img{width:42px!important;height:42px!important;flex:0 0 42px;object-fit:cover;aspect-ratio:1/1}.section-author b{display:block;font-size:11px;line-height:1.2}.section-author span{display:block;margin-top:3px;font-size:9px;color:#777}@media(max-width:760px){.section-page{padding-top:28px}.section-page-head h1{font-size:38px}.section-card{grid-template-columns:1fr}.section-card>a>img{width:100%;height:auto;aspect-ratio:16/9}.section-author img{width:42px!important;height:42px!important}}

.section-intro{max-width:760px;margin:12px 0 0;font-family:var(--sans);font-size:13px;line-height:1.5;color:#666}


/* CMS v4.5 — public author thumbnail hard fix */
.article-page .article-author-row{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.article-page .article-author-row .article-author-thumb{
  display:block!important;
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  flex:0 0 128px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
.article-page .article-author-copy{
  min-width:0!important;
}


/* CMS v4.13 — Rich-text article content */
.article-body p,
.article-body > div{
  margin:0 0 1.35em;
}
.article-body h2{
  margin:1.45em 0 .55em;
  font-size:30px;
  line-height:1.16;
  letter-spacing:-.025em;
}
.article-body h3{
  margin:1.35em 0 .5em;
  font-size:24px;
  line-height:1.2;
}
.article-body h4{
  margin:1.25em 0 .45em;
  font-size:20px;
  line-height:1.25;
}
.article-body ul,
.article-body ol{
  margin:0 0 1.35em;
  padding-left:1.45em;
}
.article-body li{
  margin:.35em 0;
}
.article-body blockquote{
  margin:1.5em 0;
  padding:.2em 0 .2em 1.15em;
  border-left:4px solid var(--orange);
  font-size:1.08em;
  color:#444;
}
.article-body mark{
  padding:.05em .18em;
}
.article-body a:not(.article-back){
  color:#c94f00;
  text-decoration:underline;
  text-underline-offset:2px;
}
.article-body hr{
  border:0;
  border-top:1px solid #ccc;
  margin:2em 0;
}
@media(max-width:760px){
  .article-body h2{font-size:25px}
  .article-body h3{font-size:21px}
}


/* CMS v4.16 — dynamic article hero orientation + full-size image viewer */

/* Remove the old forced 16:9 crop. */
.article-page .article-hero{
  width:100%;
  margin:0 0 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.article-page .article-hero-open{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
  overflow:visible;
}

.article-page .article-hero-image{
  display:block!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  background:transparent;
}

/* Landscape / panoramic image: use the article width, preserve ratio. */
.article-page .article-hero.is-landscape .article-hero-image{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:760px!important;
}

/* Portrait image: keep it visibly vertical and at an editorially useful size. */
.article-page .article-hero.is-portrait .article-hero-open{
  width:auto;
  max-width:100%;
}

.article-page .article-hero.is-portrait .article-hero-image{
  width:auto!important;
  height:clamp(430px,58vw,760px)!important;
  max-width:100%!important;
  max-height:760px!important;
}

/* Square / near-square images do not need to fill the whole article width. */
.article-page .article-hero.is-square .article-hero-open{
  width:min(100%,760px);
}

.article-page .article-hero.is-square .article-hero-image{
  width:min(100%,760px)!important;
  height:auto!important;
  max-width:760px!important;
  max-height:760px!important;
}

.article-page .article-caption{
  width:100%;
  margin-top:8px;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.45;
  color:#666;
}

.article-page .article-hero.is-portrait .article-caption,
.article-page .article-hero.is-square .article-caption{
  width:min(100%,760px);
}

.article-image-zoom-hint{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:2;
  padding:6px 9px;
  border-radius:4px;
  background:rgba(0,0,0,.68);
  color:#fff;
  font-family:var(--sans);
  font-size:9px;
  line-height:1;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}

@media(hover:hover) and (pointer:fine){
  .article-hero-open:hover .article-image-zoom-hint{
    opacity:1;
    transform:translateY(0);
  }
}

/* Full-size viewer */
html.article-lightbox-open,
body.article-lightbox-open{
  overflow:hidden!important;
}

.article-image-lightbox[hidden]{
  display:none!important;
}

.article-image-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.93);
  color:#fff;
}

.article-lightbox-scroll{
  position:absolute;
  inset:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:66px 38px 42px;
  text-align:center;
}

.article-lightbox-content{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  min-width:min-content;
  margin:0 auto;
}

.article-lightbox-caption{
  position:sticky;
  left:0;
  top:0;
  z-index:3;
  box-sizing:border-box;
  width:min(900px,calc(100vw - 96px));
  max-width:calc(100vw - 96px);
  margin:0 0 12px;
  padding:0;
  background:transparent!important;
  color:#fff;
  text-align:left;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.45;
  text-shadow:0 1px 5px rgba(0,0,0,.95),0 1px 12px rgba(0,0,0,.8);
}

/*
  Deliberately no max-width/max-height here:
  the lightbox image is rendered at its intrinsic pixel dimensions.
  Larger images can be explored by scrolling.
*/
.article-lightbox-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:initial!important;
  margin:0!important;
  box-shadow:0 10px 40px rgba(0,0,0,.45);
}

.article-lightbox-close{
  position:fixed;
  top:15px;
  right:20px;
  z-index:100002;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(0,0,0,.22);
  color:#fff;
  font:300 32px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
}

.article-lightbox-close:hover{
  background:rgba(255,255,255,.14);
}

@media(max-width:760px){
  .article-page .article-hero.is-portrait .article-hero-image{
    height:auto!important;
    width:auto!important;
    max-width:100%!important;
    max-height:620px!important;
  }

  .article-image-zoom-hint{
    display:none;
  }

  .article-lightbox-scroll{
    padding:62px 18px 30px;
  }

  .article-lightbox-caption{
    width:min(720px,calc(100vw - 44px));
    max-width:calc(100vw - 44px);
    font-size:12px;
  }

  .article-lightbox-close{
    top:10px;
    right:12px;
  }
}


/* CMS v4.17 — saved author crop/zoom */
.article-author-thumb-frame{
  display:block;
  width:128px;
  height:128px;
  min-width:128px;
  flex:0 0 128px;
  overflow:hidden;
  background:#eee;
}
.article-author-thumb-frame .article-author-thumb{
  display:block!important;
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  object-fit:cover!important;
  transform-origin:center!important;
}
.op-author-thumb{
  display:block;
  width:65px;
  height:65px;
  overflow:hidden;
}
.op-author-thumb img{
  display:block!important;
  width:65px!important;
  height:65px!important;
  max-width:none!important;
  object-fit:cover!important;
  transform-origin:center!important;
}
.section-author-thumb{
  display:block;
  width:42px;
  height:42px;
  flex:0 0 42px;
  overflow:hidden;
  background:#eee;
}
.section-author-thumb img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  max-width:none!important;
  object-fit:cover!important;
  transform-origin:center!important;
}

/* CMS v4.17 — Hero image Fit / Zoom-Crop rendering */
.article-page .article-hero-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent;
}

/* FIT TO FRAME: keep v4.16 dynamic natural orientation behaviour */
.article-page .article-hero.hero-mode-fit.is-landscape .article-hero-frame{
  width:100%;
}
.article-page .article-hero.hero-mode-fit.is-landscape .article-hero-image{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:760px!important;
  object-fit:contain!important;
  transform:none!important;
}
.article-page .article-hero.hero-mode-fit.is-portrait .article-hero-open{
  width:auto;
  max-width:100%;
}
.article-page .article-hero.hero-mode-fit.is-portrait .article-hero-frame{
  width:auto;
  max-width:100%;
}
.article-page .article-hero.hero-mode-fit.is-portrait .article-hero-image{
  width:auto!important;
  height:clamp(430px,58vw,760px)!important;
  max-width:100%!important;
  max-height:760px!important;
  object-fit:contain!important;
  transform:none!important;
}
.article-page .article-hero.hero-mode-fit.is-square .article-hero-open{
  width:min(100%,760px);
}
.article-page .article-hero.hero-mode-fit.is-square .article-hero-frame{
  width:min(100%,760px);
}
.article-page .article-hero.hero-mode-fit.is-square .article-hero-image{
  width:min(100%,760px)!important;
  height:auto!important;
  max-width:760px!important;
  max-height:760px!important;
  object-fit:contain!important;
  transform:none!important;
}

/* ZOOM / CROP: orientation-aware editorial crop frame */
.article-page .article-hero.hero-mode-crop .article-hero-frame{
  position:relative;
  overflow:hidden;
}
.article-page .article-hero.hero-mode-crop .article-hero-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  transform:scale(var(--hero-zoom,1))!important;
  transform-origin:center!important;
}
.article-page .article-hero.hero-mode-crop.is-landscape .article-hero-open,
.article-page .article-hero.hero-mode-crop.is-landscape .article-hero-frame{
  width:100%;
}
.article-page .article-hero.hero-mode-crop.is-landscape .article-hero-frame{
  aspect-ratio:16/9;
}
.article-page .article-hero.hero-mode-crop.is-portrait .article-hero-open{
  width:min(100%,600px);
}
.article-page .article-hero.hero-mode-crop.is-portrait .article-hero-frame{
  width:100%;
  aspect-ratio:4/5;
}
.article-page .article-hero.hero-mode-crop.is-square .article-hero-open{
  width:min(100%,760px);
}
.article-page .article-hero.hero-mode-crop.is-square .article-hero-frame{
  width:100%;
  aspect-ratio:1/1;
}
@media(max-width:760px){
  .article-page .article-author-thumb-frame{
    width:128px;
    height:128px;
    min-width:128px;
    flex-basis:128px;
  }
  .article-page .article-hero.hero-mode-fit.is-portrait .article-hero-image{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:620px!important;
  }
}


/* CMS v4.18 — larger captions site-wide */
.article-caption,
.hero-caption,
.card-caption,
.gallery-caption,
.photo-caption,
.image-caption,
figure figcaption,
figcaption{
  font-size:14px!important;
  line-height:1.5!important;
}

.article-page .article-caption{
  font-size:14px!important;
  line-height:1.5!important;
  margin-top:9px!important;
}

@media(max-width:760px){
  .article-caption,
  .hero-caption,
  .card-caption,
  .gallery-caption,
  .photo-caption,
  .image-caption,
  figure figcaption,
  figcaption{
    font-size:13px!important;
    line-height:1.5!important;
  }
}


/* CMS v4.19 — saved author crop follows X + Y position */
.article-author-thumb-frame .article-author-thumb,
.op-author-thumb img,
.section-author-thumb img{
  transform-origin:var(--author-origin-x,50%) var(--author-origin-y,50%)!important;
}


/* CMS v4.20 — images embedded inside article body */
.article-body .article-inline-image{
  display:block;
  box-sizing:border-box;
  max-width:100%;
  margin-top:1.6em;
  margin-bottom:1.6em;
  clear:both;
}

.article-body .article-inline-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  margin:0!important;
  object-fit:contain!important;
}

.article-body .article-inline-image figcaption{
  margin-top:7px;
  color:#666;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
}

.article-body .article-inline-image figcaption:empty{
  display:none;
}

.article-body .article-inline-image.align-left{
  margin-left:0;
  margin-right:auto;
}

.article-body .article-inline-image.align-center{
  margin-left:auto;
  margin-right:auto;
}

.article-body .article-inline-image.align-right{
  margin-left:auto;
  margin-right:0;
}

.article-body .article-inline-image.align-full{
  width:100%!important;
  margin-left:0;
  margin-right:0;
}

.article-body .article-inline-image.width-25{width:25%}
.article-body .article-inline-image.width-40{width:40%}
.article-body .article-inline-image.width-50{width:50%}
.article-body .article-inline-image.width-60{width:60%}
.article-body .article-inline-image.width-75{width:75%}
.article-body .article-inline-image.width-100{width:100%}

@media(max-width:760px){
  .article-body .article-inline-image.width-25,
  .article-body .article-inline-image.width-40,
  .article-body .article-inline-image.width-50,
  .article-body .article-inline-image.width-60,
  .article-body .article-inline-image.width-75{
    width:100%;
  }
}


/* CMS v4.22 — homepage lead story: full-ratio image first, copy below */
.homepage-lead-grid{
  grid-template-columns:minmax(0,2.15fr) minmax(260px,.85fr)!important;
  gap:24px!important;
  align-items:start;
}

.lead-story{
  grid-column:1;
  min-width:0;
  padding:0 24px 24px 0;
  border-right:1px solid #ddd;
}

.lead-story-media{
  width:100%;
  margin:0 0 18px;
}

.lead-story-image-link{
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  background:#f3f3f3;
}

.lead-story-image{
  display:block!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Landscape uses the available lead-story width without cropping. */
.lead-story-media.is-landscape .lead-story-image{
  width:100%!important;
  max-width:100%!important;
  max-height:650px!important;
}

/* Portrait remains visibly portrait instead of being forced horizontal. */
.lead-story-media.is-portrait .lead-story-image{
  width:auto!important;
  height:min(66vw,680px)!important;
  max-width:100%!important;
  max-height:680px!important;
}

/* Square and near-square get an editorially sensible display width. */
.lead-story-media.is-square .lead-story-image{
  width:min(100%,760px)!important;
  height:auto!important;
  max-width:760px!important;
  max-height:680px!important;
}

/* Before image orientation is known, preserve the source ratio naturally. */
.lead-story-media:not(.is-landscape):not(.is-portrait):not(.is-square) .lead-story-image{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
}

.lead-story-caption{
  margin-top:8px;
  color:#666;
  font-family:var(--sans);
  font-size:14px!important;
  line-height:1.5!important;
}

.lead-story-copy{
  max-width:940px;
}

.lead-story-category{
  margin-bottom:7px;
  color:var(--orange);
  font-family:var(--gotham);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.lead-story h1{
  margin:0 0 12px;
  font-size:clamp(36px,4.15vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.lead-story-deck{
  max-width:850px;
  margin:0 0 13px;
  font-size:18px;
  line-height:1.48;
}

.lead-story-byline{
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  align-items:center;
  color:#555;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.5;
}

.lead-story-bullets{
  max-width:850px;
  margin:15px 0 0;
  padding:12px 0 0 18px;
  border-top:1px solid #aaa;
  font-size:13px;
  line-height:1.5;
}

.lead-story-readmore{
  display:inline-block;
  margin-top:15px;
  color:var(--orange);
  font-family:var(--gotham);
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.homepage-lead-grid > .opinion{
  grid-column:2;
  padding-left:0;
}

/* Article page is wider than the homepage preview so the clicked image becomes larger. */
.article-page .article-shell{
  max-width:1120px!important;
}

/* Keep article text comfortable even though media/title shell is wider. */
.article-page .article-body{
  max-width:760px!important;
}

@media(max-width:1150px){
  .homepage-lead-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .lead-story{
    grid-column:1!important;
    padding-right:0;
    border-right:0;
  }

  .homepage-lead-grid > .opinion{
    grid-column:1!important;
    padding:20px 0 0!important;
    margin-top:12px;
    border-top:1px solid #999;
  }
}

@media(max-width:760px){
  .lead-story{
    padding-bottom:20px;
  }

  .lead-story-media.is-portrait .lead-story-image{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:560px!important;
  }

  .lead-story h1{
    font-size:clamp(32px,10vw,46px);
  }

  .lead-story-deck{
    font-size:16px;
  }

  .lead-story-caption{
    font-size:13px!important;
  }
}


/* CMS v4.23 — reference-style landing page */
.landing-reference{
  padding-top:18px;
}

.landing-reference a{
  color:inherit;
}

.landing-primary-grid{
  display:grid;
  grid-template-columns:minmax(0,2.15fr) minmax(285px,.92fr);
  gap:22px;
  align-items:start;
}

.landing-lead{
  min-width:0;
  padding-right:22px;
  border-right:1px solid #ddd;
}

.landing-lead-media{
  width:100%;
  margin:0 0 12px;
}

/*
  v4.22 lead-image max height was 650px.
  This is intentionally around 70% of that visual size.
*/
.landing-lead-image-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-height:455px;
  overflow:hidden;
  background:#f1f1f1;
}

.landing-lead-image{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
}

.landing-lead-media.is-landscape .landing-lead-image{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:455px!important;
}

.landing-lead-media.is-portrait .landing-lead-image{
  width:auto!important;
  height:min(48vw,455px)!important;
  max-width:100%!important;
  max-height:455px!important;
}

.landing-lead-media.is-square .landing-lead-image{
  width:auto!important;
  height:min(48vw,455px)!important;
  max-width:100%!important;
  max-height:455px!important;
}

.landing-lead-media:not(.is-landscape):not(.is-portrait):not(.is-square) .landing-lead-image{
  width:100%!important;
  height:auto!important;
  max-height:455px!important;
}

.landing-lead-caption{
  margin-top:6px;
  font-family:var(--sans);
  font-size:13px!important;
  line-height:1.45!important;
  color:#666;
}

.landing-lead-copy{
  max-width:850px;
}

.landing-lead-category,
.landing-side-cat{
  display:inline-block;
  color:var(--orange)!important;
  font-family:var(--gotham);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}

/* Approximately 70% of the v4.22 lead-title scale. */
.landing-lead h1{
  margin:4px 0 9px;
  max-width:900px;
  font-size:clamp(29px,2.9vw,41px)!important;
  line-height:1.03!important;
  letter-spacing:-.035em;
}

.landing-lead h1 a:hover,
.landing-side-row h3 a:hover,
.landing-opinion-row h3 a:hover,
.landing-latest-row h3 a:hover,
.landing-section-feature h2 a:hover,
.landing-mini-card h3 a:hover,
.landing-sport-feature h2 a:hover{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.landing-lead-deck{
  max-width:760px;
  margin:0 0 10px;
  font-size:15px;
  line-height:1.48;
}

.landing-lead-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
  align-items:center;
  color:#555;
  font-family:var(--sans);
  font-size:9px;
  line-height:1.4;
}

.landing-read-full{
  display:inline-block;
  margin-top:10px;
  color:var(--orange)!important;
  font-family:var(--gotham);
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Right editorial rail */
.landing-sidebar{
  display:grid;
  gap:24px;
  min-width:0;
}

.landing-side-section{
  min-width:0;
}

.landing-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 8px;
  padding:0 0 6px;
  border-bottom:1px solid #bbb;
  font-family:var(--gotham);
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
}

.landing-section-head.orange > a:first-child{
  color:var(--orange)!important;
}

.landing-section-more{
  font-family:var(--sans);
  font-size:8px;
  font-weight:700;
  text-transform:none;
}

.landing-side-list,
.landing-opinion-list,
.landing-latest-list{
  display:grid;
}

.landing-side-row,
.landing-opinion-row,
.landing-latest-row{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid #ddd;
  min-width:0;
}

.landing-side-thumb,
.landing-latest-thumb{
  display:block;
  width:70px;
  height:48px;
  overflow:hidden;
  background:#eee;
}

.landing-side-thumb img,
.landing-latest-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.landing-side-copy,
.landing-side-row > div,
.landing-latest-row > div{
  min-width:0;
}

.landing-side-cat{
  margin-bottom:2px;
  font-size:7px;
}

.landing-side-row h3,
.landing-latest-row h3{
  margin:0 0 3px;
  font-size:11px;
  line-height:1.13;
}

.landing-side-meta{
  color:#777;
  font-family:var(--sans);
  font-size:7px;
  line-height:1.3;
}

.landing-opinion-row{
  grid-template-columns:54px minmax(0,1fr);
}

.landing-opinion-thumb{
  display:block;
  width:54px;
  height:54px;
  overflow:hidden;
  background:#eee;
}

.landing-opinion-thumb img{
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:none!important;
  object-fit:cover!important;
  transform-origin:var(--author-origin-x,50%) var(--author-origin-y,50%)!important;
}

.landing-opinion-row h3{
  margin:0 0 2px;
  font-size:11px;
  line-height:1.13;
}

.landing-opinion-author{
  margin-bottom:2px;
  font-family:var(--sans);
  font-size:7px;
}

/* Lower 3-column row */
.landing-lower-grid{
  display:grid;
  grid-template-columns:1fr 1.06fr .92fr;
  gap:22px;
  margin-top:22px;
  padding-top:0;
}

.landing-lower-col{
  min-width:0;
  padding-right:16px;
  border-right:1px solid #ddd;
}

.landing-lower-col:last-child{
  padding-right:0;
  border-right:0;
}

.landing-section-head.lower-head{
  margin-bottom:8px;
  font-size:17px;
}

.landing-section-head.lower-head > a:first-child{
  color:#111!important;
}

.landing-latest-row{
  grid-template-columns:82px minmax(0,1fr);
  gap:9px;
}

.landing-latest-thumb{
  width:82px;
  height:55px;
}

.landing-latest-row h3{
  font-size:11px;
}

.landing-section-feature{
  min-width:0;
}

.landing-feature-image,
.landing-sport-image{
  display:block;
  width:100%;
  overflow:hidden;
  margin-bottom:7px;
  background:#eee;
}

.landing-feature-image img,
.landing-sport-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:240px!important;
  object-fit:contain!important;
}

.landing-section-feature .landing-side-cat{
  font-size:7px;
}

.landing-section-feature h2,
.landing-sport-feature h2{
  margin:3px 0 7px;
  font-size:19px;
  line-height:1.06;
}

.landing-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

.landing-mini-card{
  min-width:0;
}

.landing-mini-card img{
  display:block!important;
  width:100%!important;
  height:70px!important;
  object-fit:cover!important;
  margin-bottom:4px;
}

.landing-mini-card .landing-side-cat{
  font-size:6px;
}

.landing-mini-card h3{
  margin:1px 0 0;
  font-size:9px;
  line-height:1.12;
}

.landing-sport-feature p{
  margin:0 0 8px;
  font-size:11px;
  line-height:1.4;
}

.landing-sport-small{
  display:grid;
  gap:0;
  margin-top:10px;
  border-top:1px solid #ddd;
}

.landing-sport-small h3{
  margin:0;
  padding:8px 0;
  border-bottom:1px solid #ddd;
  font-size:10px;
  line-height:1.2;
}

/* Ensure podcast ticker remains fully linked and visually continuous. */
.landing-reference .podcast-topic-label{
  color:inherit!important;
  text-decoration:none!important;
}

/* Remove old v4.22 homepage lead layout if those selectors survive in cache/order. */
.landing-reference .homepage-lead-grid,
.landing-reference .lead-story{
  display:none!important;
}

@media(max-width:1100px){
  .landing-primary-grid{
    grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);
  }

  .landing-lower-grid{
    grid-template-columns:1fr 1fr;
  }

  .landing-lower-col:last-child{
    grid-column:1 / -1;
    padding-top:12px;
    border-top:1px solid #ddd;
  }
}

@media(max-width:820px){
  .landing-primary-grid,
  .landing-lower-grid{
    grid-template-columns:1fr;
  }

  .landing-lead{
    padding-right:0;
    border-right:0;
  }

  .landing-sidebar{
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid #aaa;
  }

  .landing-lower-col,
  .landing-lower-col:last-child{
    grid-column:auto;
    padding-right:0;
    border-right:0;
  }

  .landing-lower-col + .landing-lower-col{
    padding-top:16px;
    border-top:1px solid #aaa;
  }

  .landing-lead h1{
    font-size:clamp(28px,8.5vw,39px)!important;
  }

  .landing-lead-media.is-portrait .landing-lead-image,
  .landing-lead-media.is-square .landing-lead-image{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:440px!important;
  }
}

@media(max-width:560px){
  .landing-mini-grid{
    grid-template-columns:1fr;
  }

  .landing-mini-card{
    display:grid;
    grid-template-columns:90px minmax(0,1fr);
    gap:8px;
  }

  .landing-mini-card img{
    width:90px!important;
    height:62px!important;
    margin:0;
  }

  .landing-side-row,
  .landing-latest-row{
    grid-template-columns:78px minmax(0,1fr);
  }

  .landing-side-thumb,
  .landing-latest-thumb{
    width:78px;
    height:52px;
  }
}


/* CMS v4.25 — dynamic navigation + dropdown */
.nav{
  position:relative;
  z-index:500;
}
.nav-inner{
  overflow:visible!important;
}
.nav-menu-item{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.nav-menu-link{
  display:flex;
  align-items:center;
  min-height:52px;
  white-space:nowrap;
}
.nav-menu-item.active > .nav-menu-link{
  color:var(--orange);
}
.nav-menu-item.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:4px;
  height:3px;
  background:var(--orange);
}
.nav-dropdown-toggle{
  width:22px;
  height:32px;
  margin-left:-4px;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  cursor:pointer;
  font-weight:900;
}
.nav-dropdown-menu{
  position:absolute;
  left:0;
  top:calc(100% - 1px);
  z-index:1000;
  display:none;
  min-width:210px;
  padding:6px 0;
  border:1px solid #ccc;
  border-top:3px solid var(--orange);
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.nav-dropdown-menu a{
  display:block!important;
  min-height:0!important;
  padding:10px 13px!important;
  border-bottom:1px solid #eee;
  font-size:11px!important;
  line-height:1.2;
  white-space:nowrap;
}
.nav-dropdown-menu a:last-child{
  border-bottom:0;
}
.nav-dropdown-menu a:hover{
  background:#f7f7f7;
  color:var(--orange);
}
.nav-menu-item:hover > .nav-dropdown-menu,
.nav-menu-item:focus-within > .nav-dropdown-menu,
.nav-menu-item.dropdown-open > .nav-dropdown-menu{
  display:block;
}

/* CMS v4.25 — Landing lead published as fixed 16:9 crop */
.landing-lead-media.fixed-169{
  width:100%;
  margin:0 0 12px;
}
.landing-lead-media.fixed-169 .landing-lead-image-link{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  max-height:none!important;
  overflow:hidden;
  background:#111;
}
.landing-lead-media.fixed-169 .landing-lead-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* CMS v4.25 — stacked automatic categories */
.landing-stacked-columns{
  align-items:start;
}
.landing-stack-column{
  min-width:0;
  display:grid;
  gap:26px;
}
.landing-stack-column > .landing-lower-col{
  padding-right:16px;
  border-right:1px solid #ddd;
}
.landing-stack-column:last-child > .landing-lower-col{
  padding-right:0;
  border-right:0;
}
.landing-lower-col.stacked-second{
  padding-top:5px;
  border-top:1px solid #999;
}
.landing-malaysia-col .landing-section-feature .landing-side-cat,
.landing-malaysia-col .landing-mini-card .landing-side-cat{
  display:none!important;
}

/* Podcast latest video under Sukan */
.podcast-latest-video h3{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.15;
}
.landing-podcast-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.landing-podcast-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.landing-podcast-video-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.landing-podcast-video-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.landing-play-icon{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,100,0,.92);
  color:#fff;
  font-size:20px;
  padding-left:3px;
}
.landing-podcast-placeholder{
  display:grid;
  place-items:center;
  min-height:150px;
  background:#111;
  color:#fff!important;
  font-family:var(--gotham);
  font-weight:900;
  text-transform:uppercase;
}
.landing-podcast-placeholder span{
  display:block;
  margin-bottom:6px;
  color:var(--orange);
  font-size:30px;
}

@media(max-width:820px){
  .nav-inner{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
  .nav-dropdown-menu{
    position:fixed;
    left:12px;
    right:12px;
    top:auto;
    width:auto;
    min-width:0;
  }
  .landing-stack-column > .landing-lower-col,
  .landing-stack-column:last-child > .landing-lower-col{
    padding-right:0;
    border-right:0;
  }
}


/* CMS v4.26 — Landing Lead uses original photo ratio, not fixed 16:9 */
.landing-lead{
  padding-left:8px;
  padding-right:16px;
}

.landing-lead-media.natural-ratio{
  width:calc(100% - 12px)!important;
  margin-left:6px!important;
  margin-right:6px!important;
  margin-bottom:12px!important;
}

.landing-lead-media.natural-ratio .landing-lead-image-link{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:var(--lead-ratio,16/9);
  max-height:none!important;
  overflow:hidden;
  background:#111;
}

.landing-lead-media.natural-ratio .landing-lead-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* Disable the older v4.25 fixed 16:9 rule when natural-ratio is used. */
.landing-lead-media.fixed-169,
.landing-lead-media.fixed-169 .landing-lead-image-link{
  aspect-ratio:auto;
}

@media(max-width:820px){
  .landing-lead{
    padding-left:0;
    padding-right:0;
  }

  .landing-lead-media.natural-ratio{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* CMS v4.27 — remove black strip under Landing Lead image
   The v4.26 natural-ratio frame must win over older orientation rules. */
.landing-lead-media.natural-ratio:not(.is-landscape):not(.is-portrait):not(.is-square) .landing-lead-image,
.landing-lead-media.natural-ratio.is-landscape .landing-lead-image,
.landing-lead-media.natural-ratio.is-portrait .landing-lead-image,
.landing-lead-media.natural-ratio.is-square .landing-lead-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* Do not expose a dark frame if browser image sizing is delayed. */
.landing-lead-media.natural-ratio .landing-lead-image-link{
  background:transparent!important;
  line-height:0!important;
}

/* Landing Lead title: another 30% smaller than v4.26/v4.23. */
.landing-lead h1{
  font-size:clamp(21px,2.03vw,29px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  margin-top:4px!important;
  margin-bottom:8px!important;
}

@media(max-width:820px){
  .landing-lead h1{
    font-size:clamp(21px,6vw,28px)!important;
    line-height:1.06!important;
  }
}


/* CMS v4.28 — Landing Lead caption below image */
.landing-lead-caption{
  display:block;
  width:100%;
  margin:7px 0 0!important;
  padding:0!important;
  background:transparent!important;
  color:#666!important;
  font-family:var(--sans)!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:left;
}
@media(max-width:760px){
  .landing-lead-caption{
    font-size:13px!important;
  }
}


/* CMS v4.30 — fixed public masthead + navigation + ticker */
:root{
  --site-fixed-header-height:0px;
}

body.has-fixed-site-header{
  padding-top:var(--site-fixed-header-height)!important;
}

.site-fixed-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:10000;
  width:100%;
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.12);
  transform:translateZ(0);
}

/* Keep all header layers above page content and dropdowns usable. */
.site-fixed-header .header,
.site-fixed-header .nav,
.site-fixed-header .ticker{
  position:relative;
  z-index:auto;
  background:#fff;
}

.site-fixed-header .nav-dropdown-menu{
  z-index:10020!important;
}

/* Header itself never scrolls with article/page content. */
.site-fixed-header{
  overscroll-behavior:contain;
}

/* Anchor jumps must account for the fixed header height. */
html{
  scroll-padding-top:calc(var(--site-fixed-header-height) + 12px);
}

@media(max-width:820px){
  .site-fixed-header{
    width:100%;
  }

  body.has-fixed-site-header{
    padding-top:var(--site-fixed-header-height)!important;
  }
}


/* CMS v4.31 — automatic Malaysia date + live Kuala Lumpur weather */
.weather{
  display:flex;
  gap:5px;
  align-items:center;
  white-space:nowrap;
}
.weather-location,
.weather-temperature,
.weather-icon{
  display:inline-block;
}
.weather-temperature{
  font-variant-numeric:tabular-nums;
}
.weather-icon{
  min-width:18px;
  text-align:center;
}
.weather-loading .weather-temperature{
  opacity:.55;
}
.weather-error{
  opacity:.8;
}
.weather-live{
  opacity:1;
}


/* CMS v4.35 — newsletter, contact form and visitor counter */
.newsletter{
  display:inline-block;
}
.footer-engagement-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  padding:34px 0;
  border-bottom:1px solid #333;
}
.footer-form-card{
  min-width:0;
}
.footer-form-kicker{
  margin-bottom:7px;
  color:var(--orange);
  font-family:var(--gotham);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-form-card h2{
  margin:0 0 8px;
  font-size:25px;
  line-height:1.05;
}
.footer-form-card > p{
  max-width:620px;
  margin:0 0 15px;
  color:#bbb;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.5;
}
.footer-form-card form{
  display:grid;
  gap:9px;
}
.footer-form-card label{
  display:grid;
  gap:5px;
  color:#ddd;
  font-family:var(--sans);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
}
.footer-form-card label em{
  color:#777;
  font-size:8px;
  font-style:normal;
  font-weight:400;
  text-transform:none;
}
.footer-form-card input,
.footer-form-card textarea{
  width:100%;
  border:1px solid #555;
  border-radius:0;
  outline:none;
  background:#181818;
  color:#fff;
  font-family:var(--sans);
  font-size:12px;
}
.footer-form-card input{
  height:42px;
  padding:0 11px;
}
.footer-form-card textarea{
  min-height:90px;
  padding:10px 11px;
  resize:vertical;
}
.footer-form-card input:focus,
.footer-form-card textarea:focus{
  border-color:var(--orange);
}
.footer-form-card button{
  justify-self:start;
  min-height:40px;
  padding:0 15px;
  border:0;
  background:var(--orange);
  color:#111;
  font-family:var(--gotham);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.contact-form-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.form-honeypot{
  position:absolute!important;
  left:-99999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.public-form-notice{
  margin-bottom:10px;
  padding:8px 10px;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.4;
}
.public-form-notice.success{
  border:1px solid #2d8a55;
  background:#14271c;
  color:#bce6cc;
}
.public-form-notice.error{
  border:1px solid #a43a32;
  background:#2c1816;
  color:#f0c0bc;
}
.visitor-counter{
  margin-top:18px;
  padding-top:13px;
  border-top:1px solid #444;
  font-family:var(--sans);
}
.visitor-counter span{
  display:block;
  margin-bottom:3px;
  color:var(--orange);
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.visitor-counter strong{
  display:inline-block;
  margin-right:4px;
  font-size:20px;
}
.visitor-counter small{
  color:#999;
  font-size:9px;
}
.footer-privacy-note{
  padding:12px 0;
  border-top:1px solid #333;
  color:#777;
  font-family:var(--sans);
  font-size:8px;
  line-height:1.5;
}

@media(max-width:820px){
  .footer-engagement-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .contact-form-two{
    grid-template-columns:1fr;
  }
  .footer-form-card h2{
    font-size:22px;
  }
}


/* CMS v4.38 — Double opt-in newsletter */
.newsletter-consent-note{
  display:block;
  max-width:560px;
  margin-top:2px;
  color:#777;
  font-family:var(--sans);
  font-size:8px;
  line-height:1.5;
}
.newsletter-action-page{
  min-height:52vh;
  padding:72px 0 90px;
  background:#fff;
}
.newsletter-action-card{
  max-width:760px;
  margin:0 auto;
  padding:42px;
  border-top:7px solid var(--orange);
  background:#f6f6f6;
}
.newsletter-action-kicker{
  margin-bottom:12px;
  color:var(--orange);
  font-family:var(--gotham);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.newsletter-action-card h1{
  margin:0 0 16px;
  font-size:clamp(38px,5vw,68px);
  line-height:.98;
}
.newsletter-action-card p{
  max-width:640px;
  margin:0 0 24px;
  font-size:18px;
  line-height:1.5;
}
.newsletter-action-card > a{
  color:var(--orange);
  font-family:var(--gotham);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.newsletter-action-card.error{
  border-top-color:#b42318;
}
@media(max-width:760px){
  .newsletter-action-page{
    padding:42px 0 60px;
  }
  .newsletter-action-card{
    padding:28px 20px;
  }
  .newsletter-action-card p{
    font-size:16px;
  }
}


/* CMS v4.39 — dedicated Subscribe + Contact pages */
.standalone-form-page{
  padding:54px 0 80px;
  background:#fff;
}
.standalone-form-wrap{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:48px;
  align-items:start;
}
.standalone-form-intro{
  position:sticky;
  top:calc(var(--site-fixed-header-height) + 28px);
}
.standalone-form-kicker{
  margin-bottom:10px;
  color:var(--orange);
  font-family:var(--gotham);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.standalone-form-intro h1{
  margin:0 0 16px;
  font-size:clamp(42px,5.3vw,78px);
  line-height:.96;
}
.standalone-form-intro p{
  max-width:560px;
  margin:0;
  color:#555;
  font-size:17px;
  line-height:1.55;
}
.standalone-form-card{
  padding:28px;
  border:1px solid #d8d8d8;
  border-top:6px solid var(--orange);
  background:#fafafa;
}
.standalone-newsletter-form,
.standalone-contact-form{
  display:grid;
  gap:14px;
}
.standalone-newsletter-form label,
.standalone-contact-form label{
  display:grid;
  gap:6px;
  font-family:var(--sans);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.standalone-newsletter-form label em{
  color:#777;
  font-size:9px;
  font-style:normal;
  font-weight:400;
  text-transform:none;
}
.standalone-newsletter-form input,
.standalone-contact-form input,
.standalone-contact-form textarea{
  width:100%;
  border:1px solid #bbb;
  background:#fff;
  color:#111;
  font-family:var(--sans);
  font-size:14px;
}
.standalone-newsletter-form input,
.standalone-contact-form input{
  min-height:48px;
  padding:0 12px;
}
.standalone-contact-form textarea{
  min-height:180px;
  padding:12px;
  resize:vertical;
}
.standalone-newsletter-form input:focus,
.standalone-contact-form input:focus,
.standalone-contact-form textarea:focus{
  border-color:var(--orange);
  outline:none;
}
.standalone-newsletter-form button,
.standalone-contact-form button{
  justify-self:start;
  min-height:44px;
  padding:0 18px;
  border:0;
  background:var(--orange);
  color:#111;
  font-family:var(--gotham);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.standalone-form-card .newsletter-consent-note{
  color:#666;
}

/* Footer now links to dedicated pages instead of embedding full forms. */
.footer-engagement-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:32px 0;
  border-bottom:1px solid #333;
}
.footer-engagement-link{
  display:block;
  padding:20px;
  border:1px solid #333;
  background:#151515;
  color:#fff;
  text-decoration:none;
  transition:border-color .15s ease, transform .15s ease;
}
.footer-engagement-link:hover{
  border-color:var(--orange);
  transform:translateY(-2px);
}
.footer-engagement-link strong{
  display:block;
  margin:3px 0 8px;
  font-size:22px;
  line-height:1.08;
}
.footer-engagement-link small{
  display:block;
  max-width:560px;
  margin-bottom:14px;
  color:#aaa;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.5;
}
.footer-engagement-link > b{
  color:var(--orange);
  font-family:var(--gotham);
  font-size:9px;
  text-transform:uppercase;
}

@media(max-width:820px){
  .standalone-form-wrap{
    grid-template-columns:1fr;
    gap:26px;
  }
  .standalone-form-intro{
    position:static;
  }
  .footer-engagement-links{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .standalone-form-page{
    padding:34px 0 54px;
  }
  .standalone-form-card{
    padding:20px;
  }
  .standalone-form-intro h1{
    font-size:42px;
  }
}


/* CMS v4.45 — ticker URL + hover treatment */
.ticker .stream .ticker-link{
  color:inherit;
  text-decoration:none;
  font-weight:inherit;
  transition:color .14s ease, font-weight .14s ease;
}

.ticker .stream .ticker-link:hover,
.ticker .stream .ticker-link:focus-visible{
  color:var(--orange);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
}

.ticker .stream .ticker-link:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
}

.ticker-admin-example{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #ddd;
  border-left:5px solid #ff6400;
  background:#fafafa;
  font-size:10px;
  line-height:1.5;
}

.ticker-admin-example b{
  display:block;
  margin-bottom:6px;
}

.ticker-admin-example code{
  display:block;
  overflow-x:auto;
  white-space:nowrap;
  font-size:9px;
}


/* CMS v4.46 — definitive ticker link hover */
html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link{
  color:#111!important;
  font-weight:400!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link:hover,
html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link:focus,
html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link:focus-visible{
  color:#ff6400!important;
  font-weight:800!important;
  text-decoration-line:underline!important;
  text-decoration-color:#ff6400!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
}

html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link:visited{
  color:#111!important;
}

html body .site-fixed-header .ticker .ticker-inner .stream a.ticker-link:visited:hover{
  color:#ff6400!important;
}


/* CMS v4.47 — compact circular article author thumbnail */
.article-page .article-author-row{
  gap:12px!important;
}
.article-page .article-author-thumb-frame{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  flex:0 0 64px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#eee!important;
}
.article-page .article-author-row .article-author-thumb{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  flex:0 0 64px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
@media(max-width:760px){
  .article-page .article-author-row .article-author-thumb,
  .article-page .article-author-thumb-frame{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    flex:0 0 64px!important;
  }
}


/* CMS v4.49 — responsive masthead for tablet and mobile */

/* Tablet: keep one line, but reduce masthead width slightly. */
@media (min-width:641px) and (max-width:900px){
  .site-fixed-header .header-inner{
    padding-top:18px!important;
    padding-bottom:16px!important;
  }

  .site-fixed-header .brand{
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:.16em!important;
    max-width:100%!important;
    font-size:21px!important;
    line-height:.95!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }

  .site-fixed-header .brand .roar{
    display:inline!important;
  }

  .site-fixed-header .tagline{
    margin-top:9px!important;
    font-size:7px!important;
    letter-spacing:.25em!important;
  }
}

/* Mobile: ROAR goes below THE TIGER SHOW so the masthead never clips. */
@media (max-width:640px){
  .site-fixed-header .header-inner{
    padding:14px 0 14px!important;
  }

  .site-fixed-header .brandwrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .site-fixed-header .brand{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:100%!important;
    font-size:25px!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .site-fixed-header .brand .roar{
    display:block!important;
    margin-top:4px!important;
    font-size:.88em!important;
    line-height:.9!important;
  }

  .site-fixed-header .tagline{
    margin-top:10px!important;
    padding:0 12px!important;
    font-size:7px!important;
    line-height:1.25!important;
    letter-spacing:.22em!important;
    white-space:nowrap!important;
  }

  .site-fixed-header .actions{
    margin-top:13px!important;
  }

  .site-fixed-header .newsletter{
    font-size:11px!important;
  }

  .site-fixed-header .social{
    margin-top:12px!important;
    gap:17px!important;
    font-size:17px!important;
  }
}

/* Extra-small phones. */
@media (max-width:390px){
  .site-fixed-header .brand{
    font-size:23px!important;
  }

  .site-fixed-header .tagline{
    font-size:6.5px!important;
    letter-spacing:.18em!important;
  }
}


/* CMS v4.50 — September 2026 landing page reference layout */
.landing-layout-v450{padding-top:8px!important;border-bottom:0!important}
.landing-v450-shell{width:min(1460px,calc(100% - 24px))!important}
.landing-v450-grid{
  display:grid;
  grid-template-columns:minmax(240px,.82fr) minmax(430px,1.48fr) minmax(280px,1fr);
  align-items:start;gap:0
}
.landing-v450-column{min-width:0;padding:0 12px}
.landing-v450-left{padding-left:0;border-right:1px solid #aaa}
.landing-v450-center{border-right:1px solid #aaa}
.landing-v450-right{padding-right:0}
.v450-section{min-width:0;margin:0;padding:0 0 15px}
.v450-section+.v450-section{margin-top:12px}
.v450-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 0 7px;padding:0 0 6px;border-bottom:1px solid #999;
  color:#111;font-family:var(--gotham);font-size:13px;font-weight:900;
  line-height:1.05;text-transform:uppercase
}
.v450-section-head>a:first-child{color:#111!important}
.v450-orange-head>a:first-child{color:var(--orange)!important}
.v450-large-head{font-size:19px}
.v450-head-more{color:#111!important;font-family:var(--sans);font-size:7px;font-weight:700;text-transform:none}
.v450-list{display:grid;min-width:0}
.v450-row{
  display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;align-items:start;
  min-width:0;padding:8px 0;border-bottom:1px solid #ddd
}
.v450-thumb{display:block;width:66px;height:47px;overflow:hidden;background:#eee}
.v450-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.v450-square-thumb{width:52px;height:52px}
.v450-row-copy{min-width:0}
.v450-row h3{margin:0 0 2px;font-size:10px;line-height:1.12;font-weight:700}
.v450-row h3 a:hover,.v450-feature h2 a:hover,.v450-mini-card h3 a:hover,.v450-video-title a:hover,.v450-lead h1 a:hover{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px
}
.v450-cat{
  display:block;margin-bottom:2px;color:var(--orange)!important;font-family:var(--gotham);
  font-size:6px;font-weight:900;text-transform:uppercase
}
.v450-meta{color:#777;font-family:var(--sans);font-size:6.5px;line-height:1.35}
.v450-read-section{
  display:inline-block;margin-top:9px;color:var(--orange)!important;font-family:var(--gotham);
  font-size:7.5px;font-weight:900;letter-spacing:.025em;text-transform:uppercase
}
.v450-read-section:hover{text-decoration:underline;text-underline-offset:3px}

/* Landing Lead smaller, width fixed to centre column; height follows source ratio. */
.v450-lead{
  width:100%;margin:0;padding:10px 10px 17px!important;
  border-right:0!important;border-bottom:1px solid #aaa
}
.v450-lead-media.landing-lead-media.natural-ratio{
  width:calc(100% - 12px)!important;margin:0 6px 7px!important
}
.v450-lead-media.landing-lead-media.natural-ratio .landing-lead-image-link{
  width:100%!important;aspect-ratio:var(--lead-ratio,16/9)!important;height:auto!important;
  max-height:none!important;overflow:hidden!important;background:transparent!important
}
.v450-lead-media.landing-lead-media.natural-ratio .landing-lead-image{
  display:block!important;width:100%!important;height:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important
}
.v450-lead .landing-lead-caption{margin-top:5px!important;font-size:9px!important;line-height:1.35!important}
.v450-lead .landing-lead-copy{max-width:none}
.v450-lead .landing-lead-category{margin-top:0;font-size:8px!important}
.v450-lead h1{
  max-width:none!important;margin:3px 0 5px!important;font-size:clamp(20px,1.7vw,27px)!important;
  line-height:1.02!important;letter-spacing:-.025em!important
}
.v450-lead .landing-lead-deck{display:none!important}
.v450-lead .landing-lead-meta{font-size:7px!important}
.v450-lead-read{margin-top:7px!important}

/* Centre sections */
.v450-center-section{padding:13px 10px 15px}
.v450-feature{min-width:0}
.v450-feature-image{
  display:block;width:calc(100% - 54px);margin:0 auto 7px;overflow:hidden;background:#eee
}
.v450-feature-image img{
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important
}
.v450-feature h2{margin:4px 0 8px;font-size:20px;line-height:1.03}
.v450-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.v450-mini-card{min-width:0}
.v450-mini-card img{display:block!important;width:100%!important;height:74px!important;object-fit:cover!important;margin-bottom:4px}
.v450-mini-card h3{margin:0;font-size:9px;line-height:1.1}
.v450-center-list .v450-row{grid-template-columns:52px minmax(0,1fr)}
.v450-sport-feature .v450-sport-image{width:78%}
.v450-sport-feature h2{font-size:18px}

/* Podcast video */
.v450-video-frame,.v450-video-card,.v450-video-placeholder{
  position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111
}
.v450-video-frame iframe{display:block;width:100%;height:100%;border:0}
.v450-video-card img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;will-change:transform,object-position}
.v450-video-card>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--orange);font-size:27px}
.v450-video-placeholder{
  display:grid;place-items:center;align-content:center;gap:8px;color:#fff!important;text-align:center;
  font-family:var(--gotham);font-size:9px;text-transform:uppercase
}
.v450-video-placeholder span{color:var(--orange);font-size:28px}
.v450-video-title{margin:6px 0 0;font-size:10px;line-height:1.15}
.v450-video-caption{
  margin:5px 0 0;color:#666;font-family:var(--sans);font-size:8px;line-height:1.42
}
.v450-video-caption:before{
  content:"YOUTUBE";display:inline-block;margin-right:6px;color:var(--orange);
  font-family:var(--gotham);font-size:6.5px;font-weight:900;letter-spacing:.04em;vertical-align:1px
}

@media(max-width:1100px){
  .landing-v450-grid{grid-template-columns:minmax(210px,.82fr) minmax(360px,1.35fr) minmax(240px,.95fr)}
  .v450-row{grid-template-columns:58px minmax(0,1fr)}
  .v450-thumb{width:58px;height:42px}
  .v450-square-thumb{width:48px;height:48px}
  .v450-feature h2{font-size:18px}
}

@media(max-width:820px){
  .landing-v450-shell{width:min(100% - 24px,760px)!important}
  .landing-v450-grid{grid-template-columns:1fr}
  .landing-v450-left,.landing-v450-center,.landing-v450-right{padding:0!important;border-right:0!important}
  .landing-v450-center{order:1}.landing-v450-left{order:2}.landing-v450-right{order:3}
  .v450-lead{padding-left:0!important;padding-right:0!important}
  .v450-lead-media.landing-lead-media.natural-ratio{width:100%!important;margin-left:0!important;margin-right:0!important}
  .v450-lead h1{font-size:clamp(22px,6.4vw,31px)!important}
  .v450-section{padding-top:13px;border-top:1px solid #aaa}
  .v450-row{grid-template-columns:76px minmax(0,1fr)}
  .v450-thumb{width:76px;height:54px}
  .v450-square-thumb{width:54px;height:54px}
  .v450-feature-image,.v450-sport-feature .v450-sport-image{width:100%}
  .v450-mini-card img{height:auto!important;aspect-ratio:4/3}
}


/* ==========================================================
   CMS v4.51 — Landing section standardisation
   All editorial lists: same thumbnail, title, meta and spacing.
   Malaysia/Sukan: only the newest story receives a larger treatment.
   ========================================================== */

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row,
.landing-layout-v450 .v451-standard-list .v450-row{
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:8px!important;
  min-height:63px;
  padding:8px 0!important;
  border-bottom:1px solid #ddd!important;
}

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-thumb,
.landing-layout-v450 .v451-standard-list .v450-thumb{
  width:66px!important;
  height:47px!important;
  min-width:66px!important;
  border-radius:0!important;
}

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row h3,
.landing-layout-v450 .v451-standard-list .v450-row h3{
  margin:0 0 3px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:10px!important;
  line-height:1.13!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-meta,
.landing-layout-v450 .v451-standard-list .v450-meta{
  font-family:Arial,sans-serif!important;
  font-size:6.5px!important;
  line-height:1.3!important;
  color:#777!important;
}

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-cat,
.landing-layout-v450 .v451-standard-list .v450-cat{
  margin:0 0 2px!important;
  font-size:6px!important;
}

/* Remove older square-card differences so Analisis/Viral/Hiburan match all other lists. */
.landing-layout-v450 .v450-square-thumb{
  width:66px!important;
  height:47px!important;
  min-width:66px!important;
  border-radius:0!important;
}

/* Three-story section rhythm */
.landing-layout-v450 .v450-list,
.landing-layout-v450 .v451-standard-list{
  display:grid;
  width:100%;
}

.landing-layout-v450 .v450-list > .v450-row:last-child,
.landing-layout-v450 .v451-standard-list > .v450-row:last-child{
  border-bottom:1px solid #aaa!important;
}

/* Malaysia + Sukan featured first article */
.v451-featured-section{
  min-width:0;
}

.v451-featured-lead{
  display:grid;
  gap:10px;
  align-items:center;
  margin-bottom:4px;
  padding:8px 0 10px;
  border-bottom:1px solid #ddd;
}

.v451-featured-image{
  display:block;
  min-width:0;
  overflow:hidden;
  background:#eee;
}

.v451-featured-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.v451-featured-copy{
  min-width:0;
}

.v451-featured-copy h2{
  margin:0 0 5px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
}

/* Malaysia reference: larger image at left, headline at right. */
.v451-malaysia-lead{
  grid-template-columns:minmax(0,1.18fr) minmax(145px,.82fr);
}

.v451-malaysia-lead .v451-featured-image{
  aspect-ratio:1.42/1;
}

.v451-malaysia-lead .v451-featured-copy h2{
  font-size:15px!important;
  line-height:1.08!important;
}

/* Sukan reference: larger first image/title, then two normal rows. */
.v451-sports-lead{
  grid-template-columns:1fr;
}

.v451-sports-lead .v451-featured-image{
  width:78%;
  margin:0 auto;
  aspect-ratio:1.15/1;
}

.v451-sports-lead .v451-featured-copy h2{
  font-size:18px!important;
  line-height:1.05!important;
}

/* Section headings remain one theme across the landing page. */
.landing-layout-v450 .v450-section-head{
  font-family:Arial,sans-serif!important;
  font-weight:900!important;
  color:#111!important;
}

.landing-layout-v450 .v450-section-head > a:first-child{
  color:#111!important;
}

.landing-layout-v450 .v450-orange-head > a:first-child{
  color:#ff6400!important;
}

/* Keep Baca Artikel Penuh identical across all sections. */
.landing-layout-v450 .v450-read-section{
  margin-top:8px!important;
  color:#ff6400!important;
  font-family:Arial,sans-serif!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}

/* Tablet */
@media(max-width:1100px){
  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row,
  .landing-layout-v450 .v451-standard-list .v450-row{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-thumb,
  .landing-layout-v450 .v451-standard-list .v450-thumb,
  .landing-layout-v450 .v450-square-thumb{
    width:58px!important;
    height:42px!important;
    min-width:58px!important;
  }

  .v451-malaysia-lead{
    grid-template-columns:minmax(0,1.08fr) minmax(125px,.92fr);
  }
}

/* Mobile */
@media(max-width:820px){
  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row,
  .landing-layout-v450 .v451-standard-list .v450-row{
    grid-template-columns:76px minmax(0,1fr)!important;
  }

  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-thumb,
  .landing-layout-v450 .v451-standard-list .v450-thumb,
  .landing-layout-v450 .v450-square-thumb{
    width:76px!important;
    height:54px!important;
    min-width:76px!important;
  }

  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row h3,
  .landing-layout-v450 .v451-standard-list .v450-row h3{
    font-size:14px!important;
    line-height:1.16!important;
  }

  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-meta,
  .landing-layout-v450 .v451-standard-list .v450-meta{
    font-size:9px!important;
  }

  .v451-malaysia-lead{
    grid-template-columns:1.15fr .85fr;
  }

  .v451-malaysia-lead .v451-featured-copy h2{
    font-size:17px!important;
  }

  .v451-sports-lead .v451-featured-image{
    width:100%;
  }

  .v451-sports-lead .v451-featured-copy h2{
    font-size:22px!important;
  }
}


/* ==========================================================
   CMS v4.52 — Landing typography refinement
   Slightly larger article titles and dates across every section.
   ========================================================== */

/* Standard article rows */
.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row h3,
.landing-layout-v450 .v451-standard-list .v450-row h3{
  font-size:11.5px!important;
  line-height:1.15!important;
}

.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-meta,
.landing-layout-v450 .v451-standard-list .v450-meta{
  font-size:7.5px!important;
  line-height:1.35!important;
}

/* Category labels accompanying row headlines */
.landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-cat,
.landing-layout-v450 .v451-standard-list .v450-cat{
  font-size:6.5px!important;
}

/* Section headings slightly larger, while retaining one theme */
.landing-layout-v450 .v450-section-head{
  font-size:14px!important;
}

.landing-layout-v450 .v450-section-head.v450-large-head{
  font-size:20px!important;
}

/* Malaysia / Sukan feature metadata also gets a small increase */
.landing-layout-v450 .v451-featured-copy .v450-meta{
  font-size:7.5px!important;
}

.landing-layout-v450 .v451-malaysia-lead .v451-featured-copy h2{
  font-size:16px!important;
}

.landing-layout-v450 .v451-sports-lead .v451-featured-copy h2{
  font-size:19px!important;
}

/* Keep the section-ending CTA intact and consistent */
.landing-layout-v450 .v450-read-section{
  display:inline-block!important;
}

/* There should be no secondary "Lihat semua" affordance in v4.52. */
.landing-layout-v450 .v450-head-more{
  display:none!important;
}

@media(max-width:820px){
  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-row h3,
  .landing-layout-v450 .v451-standard-list .v450-row h3{
    font-size:15px!important;
    line-height:1.17!important;
  }

  .landing-layout-v450 .v450-section:not(.v451-featured-section) .v450-meta,
  .landing-layout-v450 .v451-standard-list .v450-meta{
    font-size:10px!important;
  }

  .landing-layout-v450 .v450-section-head{
    font-size:16px!important;
  }

  .landing-layout-v450 .v450-section-head.v450-large-head{
    font-size:21px!important;
  }
}


/* ==========================================================
   CMS v4.53 — full-height landing column separators
   Fixes vertical divider lines stopping early when one column
   has less content than adjacent columns.
   ========================================================== */

.landing-v450-grid{
  position:relative!important;
  align-items:stretch!important;
}

/* Remove the old content-height-dependent borders. */
.landing-v450-left,
.landing-v450-center{
  border-right:0!important;
}

/*
  Draw the separators on the grid itself instead of individual columns.
  This makes both lines run from the top to the bottom of the tallest
  column in the complete landing grid.
*/
.landing-v450-grid::before,
.landing-v450-grid::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:#aaa;
  pointer-events:none;
  z-index:3;
}

/* Desktop column boundaries based on v4.50/v4.51 proportions. */
.landing-v450-grid::before{
  left:calc((.82 / 3.30) * 100%);
}

.landing-v450-grid::after{
  left:calc(((.82 + 1.48) / 3.30) * 100%);
}

/* Slight adjustment when the tablet column proportions change. */
@media(max-width:1100px) and (min-width:821px){
  .landing-v450-grid::before{
    left:calc((.82 / 3.12) * 100%);
  }

  .landing-v450-grid::after{
    left:calc(((.82 + 1.35) / 3.12) * 100%);
  }
}

/* No vertical separators once columns stack. */
@media(max-width:820px){
  .landing-v450-grid::before,
  .landing-v450-grid::after{
    display:none!important;
  }
}


/* ==========================================================
   CMS v4.54 — DUNIA latest story featured in left column
   Latest Dunia: full section-width image + headline below.
   Next two Dunia stories retain the standard compact row.
   ========================================================== */

.v454-dunia-section{
  width:100%;
}

.v454-dunia-lead{
  width:100%;
  margin:0 0 2px;
  padding:0 0 10px;
  border-bottom:1px solid #ddd;
}

.v454-dunia-image{
  display:block;
  width:100%;
  margin:0 0 7px;
  overflow:hidden;
  background:#eee;
}

.v454-dunia-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}

.v454-dunia-title{
  margin:0 0 4px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:15px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
}

.v454-dunia-title a{
  color:#111!important;
  text-decoration:none!important;
}

.v454-dunia-title a:hover{
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

.v454-dunia-lead .v450-meta{
  font-size:7.5px!important;
}

.v454-dunia-small{
  width:100%;
}

/* Keep the two follow-up Dunia stories identical to other standard rows. */
.landing-layout-v450 .v454-dunia-small .v450-row{
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:8px!important;
  min-height:63px!important;
  padding:8px 0!important;
  border-bottom:1px solid #ddd!important;
}

.landing-layout-v450 .v454-dunia-small .v450-thumb{
  width:66px!important;
  height:47px!important;
  min-width:66px!important;
}

.landing-layout-v450 .v454-dunia-small .v450-row h3{
  margin:0 0 3px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:700!important;
}

.landing-layout-v450 .v454-dunia-small .v450-meta{
  font-size:7.5px!important;
}

@media(max-width:1100px) and (min-width:821px){
  .v454-dunia-title{
    font-size:14px!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-row{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-thumb{
    width:58px!important;
    height:42px!important;
    min-width:58px!important;
  }
}

@media(max-width:820px){
  .v454-dunia-title{
    font-size:20px!important;
    line-height:1.1!important;
  }

  .v454-dunia-lead .v450-meta{
    font-size:10px!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-row{
    grid-template-columns:76px minmax(0,1fr)!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-thumb{
    width:76px!important;
    height:54px!important;
    min-width:76px!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-row h3{
    font-size:15px!important;
  }

  .landing-layout-v450 .v454-dunia-small .v450-meta{
    font-size:10px!important;
  }
}


/* CMS v4.55 — latest podcast video card */
.v450-video-card{
  cursor:pointer;
}

.v450-video-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.18));
  pointer-events:none;
}

.v450-video-card>span{
  z-index:2;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  background:rgba(0,0,0,.72);
  color:#ff6400!important;
  font-size:28px!important;
}

.v450-video-card:hover>span{
  transform:translate(-50%,-50%) scale(1.08);
}

.v450-video-frame{
  background:#111;
}


/* CMS v4.56 — previous Podcast videos descend under newest video */
.v456-previous-videos{
  display:grid;
  width:100%;
  margin-top:8px;
  border-top:1px solid #aaa;
}
.v456-previous-video{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid #ddd;
  color:#111!important;
  text-decoration:none!important;
}
.v456-previous-play{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  color:#ff6400;
  font-family:Arial,sans-serif;
  font-size:11px;
}
.v456-previous-thumb{position:relative;display:block;width:82px;aspect-ratio:16/9;overflow:hidden;background:#111}
.v456-previous-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;will-change:transform,object-position}
.v456-previous-thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.7);color:#ff6400;font-family:Arial,sans-serif;font-size:10px;font-style:normal}

.v456-previous-copy{
  display:grid;
  min-width:0;
  gap:2px;
}
.v456-previous-copy b{
  font-family:Georgia,"Times New Roman",serif;
  font-size:10px;
  line-height:1.13;
}
.v456-previous-copy small{
  color:#777;
  font-family:Arial,sans-serif;
  font-size:7px;
  line-height:1.25;
}
.v456-previous-video:hover b{
  color:#ff6400;
  text-decoration:underline;
  text-underline-offset:2px;
}
.v456-podcast-cta{margin-top:9px!important}

@media(max-width:820px){
  .v456-previous-video{grid-template-columns:108px minmax(0,1fr);gap:10px}
  .v456-previous-thumb{width:108px}
  .v456-previous-copy b{font-size:14px}
  .v456-previous-copy small{font-size:9px}
}


/* ==========================================================
   CMS v4.57 — landing Podcast video showcase + Spotify
   ========================================================== */

.podcast-showcase-v457{
  padding:44px 0 58px!important;
  background:#fff;
}

.podcast-v457-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid #aaa;
}

.podcast-v457-head .podcast-head{
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
}

.podcast-v457-head>a{
  color:#ff6400;
  font-family:Arial,sans-serif;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}

.podcast-v457-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);
  gap:34px;
  align-items:start;
}

.podcast-v457-kicker{
  margin-bottom:7px;
  color:#ff6400;
  font-family:Arial,sans-serif;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}

.podcast-v457-player,
.podcast-v457-hero-thumb,
.podcast-v457-placeholder{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}

.podcast-v457-player iframe{
  width:100%;
  height:100%;
  border:0;
}

.podcast-v457-hero-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.podcast-v457-hero-thumb>span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:50%;
  background:rgba(0,0,0,.75);
  color:#ff6400;
  font-size:30px;
}

.podcast-v457-placeholder{
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  color:#fff!important;
  text-align:center;
}

.podcast-v457-placeholder span{
  color:#ff6400;
  font-size:42px;
}

.podcast-v457-placeholder b{
  font-family:Arial,sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.podcast-v457-latest h2{
  margin:10px 0 5px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.05;
}

.podcast-v457-guest{
  margin:0 0 4px;
  font-family:Arial,sans-serif;
  font-size:10px;
}

.podcast-v457-meta{
  color:#777;
  font-family:Arial,sans-serif;
  font-size:9px;
}

.podcast-v457-recent{
  border-top:1px solid #aaa;
}

.podcast-v457-recent>h3{
  margin:0;
  padding:10px 0;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  border-bottom:1px solid #ddd;
}

.podcast-v457-recent-list{
  display:grid;
}

.podcast-v457-recent-item{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid #ddd;
  color:#111!important;
}

.podcast-v457-recent-thumb{
  position:relative;
  display:block;
  width:110px;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}

.podcast-v457-recent-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.podcast-v457-recent-thumb i{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(0,0,0,.7);
  color:#ff6400;
  font-style:normal;
  font-size:12px;
}

.podcast-v457-recent-play{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid #111;
  border-radius:50%;
  color:#ff6400;
}

.podcast-v457-recent-copy{
  display:grid;
  gap:4px;
}

.podcast-v457-recent-copy b{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.15;
}

.podcast-v457-recent-copy small{
  color:#777;
  font-family:Arial,sans-serif;
  font-size:9px;
}

.podcast-v457-recent-item:hover b{
  color:#ff6400;
  text-decoration:underline;
  text-underline-offset:2px;
}

.podcast-v457-empty{
  padding:18px 0;
  color:#777;
  font-family:Arial,sans-serif;
  font-size:10px;
}

/* Spotify */
.podcast-v457-spotify{
  display:grid;
  grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);
  gap:34px;
  align-items:center;
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid #aaa;
}

.podcast-v457-spotify-copy>span{
  display:inline-block;
  margin-bottom:6px;
  color:#1db954;
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.podcast-v457-spotify-copy h2{
  margin:0 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.02;
}

.podcast-v457-spotify-copy p{
  margin:0;
  color:#555;
  font-family:Arial,sans-serif;
  font-size:12px;
  line-height:1.4;
}

.podcast-v457-spotify-player{
  min-width:0;
}

.podcast-v457-spotify-player iframe{
  display:block;
  width:100%;
  border:0;
  border-radius:12px;
}

@media(max-width:900px){
  .podcast-v457-grid,
  .podcast-v457-spotify{
    grid-template-columns:1fr;
  }

  .podcast-v457-recent-item{
    grid-template-columns:100px minmax(0,1fr);
  }

  .podcast-v457-recent-thumb{
    width:100px;
  }
}

@media(max-width:640px){
  .podcast-showcase-v457{
    padding:28px 0 36px!important;
  }

  .podcast-v457-head{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .podcast-v457-latest h2{
    font-size:21px;
  }

  .podcast-v457-recent-item{
    grid-template-columns:92px minmax(0,1fr);
  }

  .podcast-v457-recent-thumb{
    width:92px;
  }

  .podcast-v457-recent-copy b{
    font-size:14px;
  }

  .podcast-v457-spotify-copy h2{
    font-size:24px;
  }
}


/* ==========================================================
   CMS v4.58 — Article left/right rotating news sections
   ========================================================== */
.article-reading-grid{width:min(1480px,calc(100% - 48px));max-width:none!important;display:grid;grid-template-columns:minmax(190px,230px) minmax(0,860px) minmax(190px,230px);gap:30px;align-items:start}.article-main-column{width:100%;max-width:860px!important;min-width:0}.article-side{position:sticky;top:calc(var(--site-fixed-header-height,150px) + 18px);min-width:0}.article-side-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #aaa;font-family:var(--sans);font-size:8px;font-weight:900;text-transform:uppercase;color:#777}.article-side-topline div{display:flex;gap:3px}.article-side-topline button{width:26px;height:24px;border:1px solid #ccc;background:#fff;cursor:pointer}.article-side-slide{display:none}.article-side-slide.is-active{display:block}.article-side-slide h2{margin:10px 0 0;padding-bottom:8px;border-bottom:2px solid #111;font-family:var(--sans);font-size:18px;line-height:1;text-transform:uppercase}.article-side-list{display:grid}.article-side-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #ddd}.article-side-thumb{width:72px;height:54px;overflow:hidden;background:#eee}.article-side-thumb img{width:100%;height:100%;object-fit:cover}.article-side-card h3{margin:0 0 4px;font-family:var(--serif);font-size:13px;line-height:1.1;letter-spacing:-.01em}.article-side-card time{display:block;color:#777;font-family:var(--sans);font-size:7px;line-height:1.25}.article-side-more{display:inline-block;margin-top:9px;color:var(--orange);font-family:var(--sans);font-size:8px;font-weight:900;text-transform:uppercase}.article-side-card a:hover,.article-side-slide h2 a:hover{color:var(--orange)}
@media(max-width:1220px){.article-reading-grid{grid-template-columns:1fr;max-width:940px!important}.article-main-column{grid-row:1}.article-side{position:static;display:block}.article-side-left{grid-row:2}.article-side-right{grid-row:3}.article-side-card{grid-template-columns:110px minmax(0,1fr)}.article-side-thumb{width:110px;height:72px}.article-side-card h3{font-size:15px}.article-side-list{grid-template-columns:repeat(3,1fr);gap:16px}.article-side-card{display:block}.article-side-thumb{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:8px}.article-side-more{margin-bottom:18px}}
@media(max-width:720px){.article-reading-grid{width:min(100% - 28px,940px)}.article-side-list{grid-template-columns:1fr}.article-side-card{display:grid;grid-template-columns:86px minmax(0,1fr)}.article-side-thumb{width:86px;height:62px;margin:0}.article-side-card h3{font-size:14px}}


/* CMS v4.68 — Podcast auto-subdeck display + 4 latest links */
.v456-previous-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#555;
  font-family:Arial,sans-serif;
  font-size:7.2px;
  line-height:1.3;
}

.podcast-v457-description{
  max-width:820px;
  margin:6px 0 7px;
  color:#4f4f4f;
  font-family:Arial,sans-serif;
  font-size:11px;
  line-height:1.48;
}

.podcast-v457-recent-description{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#555;
  font-family:Arial,sans-serif;
  font-size:9px;
  line-height:1.3;
}

@media(max-width:820px){
  .v456-previous-description{font-size:9px}
  .podcast-v457-description{font-size:12px}
  .podcast-v457-recent-description{font-size:10px}
}


/* CMS v4.73 — Landing Lead order: Tajuk > Gambar > Caption > Tarikh */
.v450-lead .landing-lead-title-first{
  width:calc(100% - 12px);
  margin:0 6px 8px;
}
.v450-lead .landing-lead-title-first h1{
  margin:0!important;
}
.v450-lead .landing-lead-after-media{
  width:calc(100% - 12px);
  margin:0 6px;
}
.v450-lead .landing-lead-date-only{
  margin-top:7px;
  font-size:7px!important;
  color:#666;
}
.v450-lead .landing-lead-caption{
  margin-top:6px!important;
  margin-bottom:0!important;
}


/* CMS v4.74 — Malaysia section:
   Tajuk > Gambar > Caption > Tarikh > Baca Artikel Penuh
   + 4 latest articles total (1 lead + 3 compact)
*/
.v474-malaysia-lead{
  display:block!important;
  width:100%;
}
.v474-malaysia-title{
  margin:0 0 9px;
}
.v474-malaysia-title h2{
  margin:0!important;
  font-size:clamp(20px,1.8vw,28px)!important;
  line-height:1.04!important;
  letter-spacing:-.02em;
}
.v474-malaysia-image{
  display:block!important;
  width:100%!important;
  margin:0 0 7px!important;
  overflow:hidden;
  background:#eee;
}
.v474-malaysia-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.v474-malaysia-caption{
  margin:0 0 6px;
  color:#666;
  font-family:var(--sans);
  font-size:9px;
  line-height:1.4;
}
.v474-malaysia-date{
  margin-top:2px;
  font-size:7px!important;
}
.v474-malaysia-read{
  margin-top:7px!important;
}


/* ==========================================================
   CMS v4.76 — MALAYSIA LEAD
   Image ~50% width, title/subdeck/date beside it.
   Three subsequent Malaysia stories remain below.
   ========================================================== */

.v476-malaysia-lead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  width:100%;
  padding-bottom:12px;
  border-bottom:1px solid #cfcfcf;
}

.v476-malaysia-image{
  display:block;
  width:100%;
  overflow:hidden;
  background:#eee;
}

.v476-malaysia-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}

.v476-malaysia-copy{
  min-width:0;
  padding-top:2px;
}

.v476-malaysia-title{
  margin:0 0 9px!important;
  font-size:clamp(18px,1.55vw,25px)!important;
  line-height:1.04!important;
  letter-spacing:-.02em;
}

.v476-malaysia-deck{
  margin:0 0 10px;
  font-family:var(--sans);
  color:#555;
  font-size:10px;
  line-height:1.42;
}

.v476-malaysia-date{
  margin:0 0 7px;
  font-size:7.5px!important;
}

.v476-malaysia-read{
  margin-top:6px!important;
}

@media(max-width:760px){
  .v476-malaysia-lead{
    grid-template-columns:1fr;
    gap:10px;
  }
  .v476-malaysia-copy{
    padding-top:0;
  }
}


/* ==========================================================
   CMS v4.77 — UTAMA section page sidebar
   Main article stream on the left, all active article sections on the right.
   ========================================================== */

.section-page-grid{
  display:block;
  width:100%;
}

.section-page-grid.has-sidebar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:38px;
  align-items:start;
}

.section-page-grid.has-sidebar .section-list{
  max-width:none;
  min-width:0;
}

.section-news-sidebar{
  min-width:0;
  padding-left:20px;
  border-left:1px solid #c8c8c8;
}

.section-sidebar-block{
  padding:0 0 22px;
  margin:0 0 24px;
  border-bottom:1px solid #bdbdbd;
}

.section-sidebar-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:0 0 8px;
  margin:0 0 10px;
  border-bottom:2px solid #111;
}

.section-sidebar-head h2{
  margin:0;
  font-family:var(--gotham);
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
}

.section-sidebar-head h2 a{
  color:#111;
}

.section-sidebar-more{
  flex:0 0 auto;
  font-family:var(--sans);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  color:var(--orange);
}

.section-sidebar-items{
  display:grid;
  gap:0;
}

.section-sidebar-story{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid #ddd;
}

.section-sidebar-story:last-child{
  border-bottom:0;
}

.section-sidebar-thumb{
  display:block;
  width:88px;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eee;
}

.section-sidebar-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.section-sidebar-copy{
  min-width:0;
}

.section-sidebar-copy h3{
  margin:0 0 5px;
  font-size:14px;
  line-height:1.08;
}

.section-sidebar-copy time{
  display:block;
  font-family:var(--sans);
  font-size:7.5px;
  line-height:1.25;
  color:#777;
}

.section-sidebar-read{
  display:inline-block;
  margin-top:10px;
  font-family:var(--gotham);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  color:var(--orange);
}

@media(max-width:1100px){
  .section-page-grid.has-sidebar{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:26px;
  }

  .section-news-sidebar{
    padding-left:16px;
  }

  .section-sidebar-story{
    grid-template-columns:76px minmax(0,1fr);
  }

  .section-sidebar-thumb{
    width:76px;
  }
}

@media(max-width:860px){
  .section-page-grid.has-sidebar{
    grid-template-columns:1fr;
    gap:34px;
  }

  .section-news-sidebar{
    padding-left:0;
    border-left:0;
    border-top:3px solid #111;
    padding-top:24px;
  }

  .section-sidebar-story{
    grid-template-columns:105px minmax(0,1fr);
  }

  .section-sidebar-thumb{
    width:105px;
  }

  .section-sidebar-copy h3{
    font-size:16px;
  }
}


/* ==========================================================
   CMS v4.78 — TERKINI label + DUNIA half-width lead
   ========================================================== */

/* Landing Lead: section name above headline */
.v478-landing-latest-label{
  margin:0 0 5px;
  font-family:var(--gotham);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.v478-landing-latest-label a{
  color:var(--orange)!important;
}
.v478-landing-latest-label a:hover{
  text-decoration:underline;
  text-underline-offset:2px;
}

/* DUNIA article #1:
   image ~50% left, headline/subdeck/date right.
   Articles #2 and #3 remain compact rows below. */
.v478-dunia-lead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  width:100%!important;
  margin:0 0 2px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #ddd!important;
}

.v478-dunia-image{
  display:block!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  background:#eee!important;
}

.v478-dunia-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}

.v478-dunia-copy{
  min-width:0;
  padding-top:1px;
}

.v478-dunia-title{
  margin:0 0 5px!important;
  font-size:13px!important;
  line-height:1.08!important;
}

.v478-dunia-deck{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  margin:0 0 6px;
  color:#555;
  font-family:var(--sans);
  font-size:7.5px;
  line-height:1.35;
}

.v478-dunia-date{
  margin-top:2px;
  font-size:7px!important;
}

@media(max-width:1100px) and (min-width:821px){
  .v478-dunia-lead{
    gap:8px!important;
  }
  .v478-dunia-title{
    font-size:12px!important;
  }
  .v478-dunia-deck{
    -webkit-line-clamp:3;
    font-size:7px;
  }
}

@media(max-width:820px){
  .v478-dunia-lead{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:12px!important;
  }
  .v478-dunia-title{
    font-size:18px!important;
  }
  .v478-dunia-deck{
    -webkit-line-clamp:5;
    font-size:10px;
  }
  .v478-dunia-date{
    font-size:9px!important;
  }
}

@media(max-width:560px){
  .v478-dunia-lead{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .v478-dunia-title{
    font-size:19px!important;
  }
}


/* ==========================================================
   CMS v4.79 — Editorial hierarchy standardisation
   ========================================================== */

/* TERKINI above Landing Lead: same visual weight as MALAYSIA section heading. */
.v479-feature-section-title{
  display:flex;
  align-items:center;
  min-height:24px;
  margin:0 0 8px!important;
  padding:0 0 6px;
  border-bottom:1px solid #999;
  font-family:var(--gotham)!important;
  font-size:19px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
.v479-feature-section-title a{
  color:#111!important;
}

/* Main Landing Lead subdeck directly below headline. */
.v479-landing-subdeck{
  margin:7px 0 10px;
  color:#444;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.34;
}

/* All requested section headings use same size and black colour as MALAYSIA. */
.v479-black-section-head,
.v479-black-section-head > a:first-child{
  color:#111!important;
}
.v479-black-section-head{
  font-size:19px!important;
}

/* DUNIA #1: left media column = image/caption/date,
   right copy column = title/subdeck. */
.v479-dunia-lead{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
}

.v479-dunia-media{
  min-width:0;
}

.v479-dunia-image{
  margin-bottom:5px!important;
}

.v479-dunia-caption{
  margin:0 0 5px;
  color:#666;
  font-family:var(--sans);
  font-size:7px;
  line-height:1.35;
}

.v479-dunia-date{
  margin:0!important;
  color:#777!important;
  font-size:7px!important;
}

.v479-dunia-copy{
  min-width:0;
}

.v479-dunia-title{
  margin:0 0 7px!important;
  font-size:13px!important;
  line-height:1.08!important;
}

.v479-dunia-deck{
  display:block!important;
  margin:0!important;
  color:#4f4f4f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:8px;
  line-height:1.4;
  overflow:visible;
  -webkit-line-clamp:unset;
}

@media(max-width:1100px) and (min-width:821px){
  .v479-feature-section-title,
  .v479-black-section-head{
    font-size:17px!important;
  }
  .v479-dunia-title{
    font-size:12px!important;
  }
}

@media(max-width:820px){
  .v479-feature-section-title,
  .v479-black-section-head{
    font-size:19px!important;
  }
  .v479-landing-subdeck{
    font-size:15px;
  }
  .v479-dunia-title{
    font-size:18px!important;
  }
  .v479-dunia-deck{
    font-size:11px;
  }
  .v479-dunia-caption,
  .v479-dunia-date{
    font-size:9px!important;
  }
}

@media(max-width:560px){
  .v479-dunia-lead{
    grid-template-columns:1fr!important;
  }
  .v479-dunia-copy{
    order:-1;
  }
}


/* ==========================================================
   CMS v4.83 — Landing page layout follows landing page TTSR.jpg

   LEFT
   DUNIA
   TERKINI
   EKONOMI
   POLITIK

   CENTER
   BERITA UTAMA (Landing Lead)
   MALAYSIA
   VIRAL

   RIGHT
   VIDEO TERBARU THE TIGER SHOW PODCAST
   ANALISIS
   SUKAN
   HIBURAN
   ========================================================== */

.v483-main-lead-heading{
  margin-bottom:8px!important;
}

.landing-v450-right > .v450-video-section:first-child{
  margin-top:0!important;
}

.landing-v450-center > .landing-lead:first-child{
  margin-top:0!important;
}

.landing-v450-left > .v450-section:first-of-type,
.landing-v450-right > .v450-section:first-of-type{
  margin-top:0!important;
}


/* ==========================================================
   CMS v4.84 — Gambar Terkini
   ========================================================== */

.v484-latest-photo-section{
  padding-top:13px!important;
}

.v484-latest-photo-card{
  width:100%;
}

.v484-latest-photo-frame{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#ececec;
}

.v484-latest-photo-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  max-width:none!important;
  max-height:none!important;
}

.v484-latest-photo-caption{
  margin:7px 0 4px;
  color:#555;
  font-family:var(--sans);
  font-size:9px;
  line-height:1.4;
}

.v484-latest-photo-date{
  font-size:7px!important;
}

.v484-latest-photo-empty{
  padding:18px 0;
  color:#777;
  font-family:var(--sans);
  font-size:10px;
}

.latest-photo-gallery-page{
  padding:42px 0 78px;
}

.latest-photo-gallery-head{
  padding-bottom:20px;
  margin-bottom:28px;
  border-bottom:3px solid #111;
}

.latest-photo-gallery-head h1{
  margin:5px 0 8px;
  font-size:48px;
  line-height:1;
}

.latest-photo-gallery-head p{
  max-width:720px;
  margin:0;
  color:#666;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.5;
}

.latest-photo-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px 26px;
}

.latest-photo-gallery-card{
  min-width:0;
}

.latest-photo-gallery-image{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eee;
}

.latest-photo-gallery-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
}

.latest-photo-gallery-card p{
  margin:9px 0 6px;
  font-size:15px;
  line-height:1.45;
}

.latest-photo-gallery-card time{
  display:block;
  color:#777;
  font-family:var(--sans);
  font-size:9px;
}

.latest-photo-gallery-empty{
  padding:35px 0;
  color:#666;
  font-family:var(--sans);
}

@media(max-width:760px){
  .latest-photo-gallery-page{
    padding-top:28px;
  }
  .latest-photo-gallery-head h1{
    font-size:38px;
  }
  .latest-photo-gallery-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .v484-latest-photo-caption{
    font-size:11px;
  }
  .v484-latest-photo-date{
    font-size:9px!important;
  }
}


/* ==========================================================
   CMS v4.86 — RIGHT COLUMN FEATURED FIRST STORY
   Analisis, Sukan, Hiburan:
   image ~50% left, headline + subheadline right.
   Remaining stories stay underneath.
   ========================================================== */

.v486-right-feature-section{
  width:100%;
}

.v486-right-feature-lead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
  padding:0 0 11px!important;
  margin:0 0 2px!important;
  border-bottom:1px solid #ddd!important;
}

.v486-right-feature-image{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3;
  overflow:hidden!important;
  background:#eee!important;
}

.v486-right-feature-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}

.v486-right-feature-copy{
  min-width:0;
  padding-top:1px;
}

.v486-right-feature-copy h2{
  margin:0 0 6px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  line-height:1.06!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

.v486-right-feature-copy h2 a{
  color:#111!important;
}

.v486-right-feature-deck{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden;
  margin:0 0 7px;
  color:#555;
  font-family:var(--sans);
  font-size:8px;
  line-height:1.35;
}

.v486-right-feature-copy .v450-meta{
  font-size:7px!important;
}

.v486-right-followups{
  margin-top:0;
}

/* Maintain compact rows for stories #2 and #3. */
.landing-v450-right .v486-right-followups .v450-row{
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 0!important;
}

.landing-v450-right .v486-right-followups .v450-thumb{
  width:66px!important;
  height:47px!important;
  min-width:66px!important;
}

.landing-v450-right .v486-right-followups .v450-square-thumb{
  height:52px!important;
}

@media(max-width:1100px) and (min-width:821px){
  .v486-right-feature-lead{
    gap:9px!important;
  }

  .v486-right-feature-copy h2{
    font-size:12px!important;
  }

  .v486-right-feature-deck{
    -webkit-line-clamp:4;
    font-size:7px;
  }
}

@media(max-width:820px){
  .v486-right-feature-copy h2{
    font-size:18px!important;
  }

  .v486-right-feature-deck{
    font-size:10px;
  }

  .v486-right-feature-copy .v450-meta{
    font-size:9px!important;
  }
}

@media(max-width:560px){
  .v486-right-feature-lead{
    grid-template-columns:1fr!important;
  }

  .v486-right-feature-image{
    aspect-ratio:16/10;
  }

  .v486-right-feature-copy h2{
    font-size:20px!important;
  }
}


/* ==========================================================
   CMS v4.87 — RIGHT COLUMN FEATURE ORDER
   Analisis / Sukan / Hiburan
   LEFT  = title + subheadline + date
   RIGHT = image
   ========================================================== */

.v486-right-feature-lead{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

/* PHP markup keeps image first, copy second.
   CSS reorders them visually. */
.v486-right-feature-copy{
  order:1!important;
}

.v486-right-feature-image{
  order:2!important;
}

@media(max-width:560px){
  .v486-right-feature-copy{
    order:1!important;
  }
  .v486-right-feature-image{
    order:2!important;
  }
}


/* ==========================================================
   CMS v4.88 — RIGHT COLUMN FEATURE FINAL POSITION
   Analisis / Sukan / Hiburan
   IMAGE stays on LEFT, TITLE + SUBHEADLINE stays on RIGHT.
   Keep side-by-side even when browser zoom / CSS viewport is narrow.
   ========================================================== */

.landing-v450-right .v486-right-feature-lead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}

.landing-v450-right .v486-right-feature-image{
  order:1!important;
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
}

.landing-v450-right .v486-right-feature-copy{
  order:2!important;
  grid-column:2!important;
  min-width:0!important;
}

/* Override the v4.86/v4.87 small-screen stacking rule.
   User wants this specific editorial block to remain side-by-side. */
@media(max-width:560px){
  .landing-v450-right .v486-right-feature-lead{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }

  .landing-v450-right .v486-right-feature-image{
    order:1!important;
    grid-column:1!important;
    aspect-ratio:4/3!important;
  }

  .landing-v450-right .v486-right-feature-copy{
    order:2!important;
    grid-column:2!important;
  }

  .landing-v450-right .v486-right-feature-copy h2{
    font-size:14px!important;
    line-height:1.05!important;
  }

  .landing-v450-right .v486-right-feature-deck{
    font-size:8px!important;
    -webkit-line-clamp:5!important;
  }

  .landing-v450-right .v486-right-feature-copy .v450-meta{
    font-size:7px!important;
  }
}


/* ==========================================================
   CMS v4.89 — HARD FIX RIGHT COLUMN FIRST ARTICLE
   Image ~50% LEFT, title + subheadline RIGHT.
   Inline rules in index.php are the primary enforcement;
   these selectors are an additional fallback.
   ========================================================== */

.landing-v450-right article.v489-forced-two-column{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:0!important;
  align-items:start!important;
  width:100%!important;
}

.landing-v450-right article.v489-forced-two-column > a.v489-forced-image{
  grid-column:1!important;
  grid-row:1!important;
  order:initial!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}

.landing-v450-right article.v489-forced-two-column > div.v489-forced-copy{
  grid-column:2!important;
  grid-row:1!important;
  order:initial!important;
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

/* Keep side-by-side at all viewport sizes for these three blocks. */
@media(max-width:560px){
  .landing-v450-right article.v489-forced-two-column{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:8px!important;
  }
}
\n\n/* ==========================================================\n   CMS v4.92 — BERITA UTAMA heading +25%\n   Standard section heading is 19px; Berita Utama is now ~24px.\n   ========================================================== */\n\n.v483-main-lead-heading,\n.v483-main-lead-heading a{\n  font-size:24px!important;\n  line-height:1.05!important;\n}\n

/* ==========================================================
   CMS v4.93 — TYPOGRAPHY ADJUSTMENTS
   1) Individual article headline reduced approximately 50%.
   2) Landing left/right editorial column titles + subheads +25%.
   3) Article-page side-column story titles +25%.
   ========================================================== */

/* ARTICLE.PHP — main story title: roughly half the previous desktop size.
   Previous: clamp(38px,5vw,68px). */
.article-page .article-main-column .article-title{
  font-size:clamp(30px,2.6vw,34px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

/* LANDING — LEFT COLUMN FEATURE: DUNIA title/subheadline +25%. */
.landing-layout-v450 .landing-v450-left .v479-dunia-title{
  font-size:16.25px!important;
  line-height:1.08!important;
}
.landing-layout-v450 .landing-v450-left .v479-dunia-deck{
  font-size:10px!important;
  line-height:1.4!important;
}

/* Landing left-column compact story headlines +25%. */
.landing-layout-v450 .landing-v450-left .v450-row h3{
  font-size:12.5px!important;
  line-height:1.14!important;
}
.landing-layout-v450 .landing-v450-left .v454-dunia-small .v450-row h3{
  font-size:14.5px!important;
  line-height:1.14!important;
}

/* LANDING — RIGHT COLUMN first story title/subheadline +25%.
   Analisis / Sukan / Hiburan. */
.landing-layout-v450 .landing-v450-right .v486-right-feature-copy h2,
.landing-layout-v450 .landing-v450-right .v489-forced-copy h2{
  font-size:17.5px!important;
  line-height:1.06!important;
}
.landing-layout-v450 .landing-v450-right .v486-right-feature-deck,
.landing-layout-v450 .landing-v450-right .v489-forced-copy .v486-right-feature-deck{
  font-size:10px!important;
  line-height:1.38!important;
}

/* Right-column compact editorial headlines +25%.
   Podcast block is excluded. */
.landing-layout-v450 .landing-v450-right .v450-section:not(.v450-video-section) .v450-row h3{
  font-size:12.5px!important;
  line-height:1.14!important;
}

/* ARTICLE PAGE side columns — story headlines +25%. */
.article-page .article-side .article-side-card h3{
  font-size:16.25px!important;
  line-height:1.1!important;
}

@media(max-width:1220px){
  .article-page .article-side .article-side-card h3{
    font-size:18.75px!important;
  }
}

@media(max-width:820px){
  .article-page .article-main-column .article-title{
    font-size:clamp(28px,6vw,34px)!important;
  }

  .landing-layout-v450 .landing-v450-left .v479-dunia-title,
  .landing-layout-v450 .landing-v450-right .v486-right-feature-copy h2,
  .landing-layout-v450 .landing-v450-right .v489-forced-copy h2{
    font-size:22.5px!important;
  }

  .landing-layout-v450 .landing-v450-left .v479-dunia-deck,
  .landing-layout-v450 .landing-v450-right .v486-right-feature-deck{
    font-size:12.5px!important;
  }
}


/* ==========================================================
   CMS v4.94 — BERITA UTAMA heading slightly larger
   24px -> 28px
   ========================================================== */

.v483-main-lead-heading,
.v483-main-lead-heading a{
  font-size:28px!important;
  line-height:1.03!important;
  font-weight:900!important;
}


/* ==========================================================
   CMS v4.95 — ARTICLE PAGE TITLE + SIDE COLUMN TYPOGRAPHY
   ========================================================== */

/* Individual article pages:
   Reduce article headline another 50% from the previous v4.93/v4.94 size. */
.article-page .article-title{
  font-size:clamp(14px, 1.25vw, 17px)!important;
  line-height:1.08!important;
}

/* Keep article deck proportionate but readable. */
.article-page .article-deck{
  font-size:clamp(13px, 1.15vw, 16px)!important;
  line-height:1.45!important;
}

/* ----------------------------------------------------------
   LEFT + RIGHT LANDING COLUMNS
   Increase lead headline + subheadline by another ~25%.
   ---------------------------------------------------------- */

/* DUNIA lead */
.landing-v450-left .v479-dunia-title{
  font-size:16.25px!important;
  line-height:1.08!important;
}

.landing-v450-left .v479-dunia-deck{
  font-size:10px!important;
  line-height:1.45!important;
}

/* Generic compact article headlines in LEFT column */
.landing-v450-left .v450-row-copy h3{
  font-size:15px!important;
  line-height:1.12!important;
}

/* RIGHT column featured lead:
   Analisis / Sukan / Hiburan */
.landing-v450-right .v486-right-feature-copy h2{
  font-size:17.5px!important;
  line-height:1.08!important;
}

.landing-v450-right .v486-right-feature-deck{
  font-size:10px!important;
  line-height:1.42!important;
}

/* Generic compact article headlines in RIGHT column */
.landing-v450-right .v450-row-copy h3{
  font-size:15px!important;
  line-height:1.12!important;
}

/* Podcast right-column text also gets slightly larger headline/subheadline
   so the right rail has a consistent hierarchy. */
.landing-v450-right .v450-video-section .v456-podcast-title,
.landing-v450-right .v450-video-section h3{
  font-size:15px!important;
  line-height:1.1!important;
}

.landing-v450-right .v450-video-section .v456-podcast-description,
.landing-v450-right .v450-video-section p{
  font-size:10px!important;
  line-height:1.4!important;
}

/* At narrower desktop/tablet widths, preserve the larger editorial type. */
@media(max-width:1100px) and (min-width:821px){
  .landing-v450-left .v479-dunia-title{
    font-size:15px!important;
  }
  .landing-v450-left .v479-dunia-deck{
    font-size:9px!important;
  }
  .landing-v450-right .v486-right-feature-copy h2{
    font-size:16px!important;
  }
  .landing-v450-right .v486-right-feature-deck{
    font-size:9px!important;
  }
  .landing-v450-left .v450-row-copy h3,
  .landing-v450-right .v450-row-copy h3{
    font-size:14px!important;
  }
}

@media(max-width:820px){
  .article-page .article-title{
    font-size:clamp(16px, 4.2vw, 21px)!important;
  }

  .landing-v450-left .v479-dunia-title,
  .landing-v450-right .v486-right-feature-copy h2{
    font-size:20px!important;
  }

  .landing-v450-left .v479-dunia-deck,
  .landing-v450-right .v486-right-feature-deck{
    font-size:12px!important;
  }
}


/* ==========================================================
   CMS v4.96 — PRU16 + ARTICLE SEARCH
   ========================================================== */

.nav-inner{gap:27px!important}
@media(max-width:1380px){
  .nav-inner{gap:20px!important}
  .nav a{font-size:10px!important}
}

.header-search-toggle{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  cursor:pointer;
}
.header-search-toggle svg,
.article-search-form button svg,
.search-page-form button svg{
  width:18px;height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-search-toggle:hover,
.header-search-toggle.is-open{color:var(--orange)}

.article-search-panel{
  position:absolute;
  left:0;right:0;top:100%;
  z-index:1200;
  padding:12px 0;
  border-bottom:2px solid #111;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.article-search-panel[hidden]{display:none!important}
.article-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  max-width:720px;
  margin:0 auto;
  border:2px solid #111;
  background:#fff;
}
.article-search-form input{
  width:100%;min-width:0;height:44px;
  padding:0 14px;border:0;outline:0;
  font-family:var(--sans);font-size:14px;
}
.article-search-form button{
  display:grid;place-items:center;
  border:0;border-left:1px solid #bbb;
  background:#fff;color:#111;cursor:pointer;
}
.article-search-form button:hover{background:#f5f5f5;color:var(--orange)}

.search-page{padding:38px 0 80px}
.search-page-inner{max-width:1040px}
.search-page-head{
  padding-bottom:22px;margin-bottom:22px;
  border-bottom:3px solid #111;
}
.search-page-head h1{margin:5px 0 18px;font-size:48px;line-height:1}
.search-page-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px;
  max-width:820px;
  border:2px solid #111;
}
.search-page-form input{
  width:100%;height:52px;padding:0 16px;
  border:0;outline:0;
  font-family:var(--sans);font-size:15px;
}
.search-page-form button{
  display:grid;place-items:center;
  border:0;border-left:1px solid #bbb;
  background:#fff;cursor:pointer;
}
.search-page-form button:hover{color:var(--orange);background:#f7f7f7}
.search-result-count{
  margin:12px 0 0;color:#666;
  font-family:var(--sans);font-size:11px;
}
.search-results-list{display:grid}
.search-result-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:20px;padding:18px 0;
  border-bottom:1px solid #ccc;
}
.search-result-image{
  display:block;width:220px;aspect-ratio:16/10;
  overflow:hidden;background:#eee;
}
.search-result-image img{display:block;width:100%;height:100%;object-fit:cover}
.search-result-copy h2{margin:4px 0 8px;font-size:25px;line-height:1.05}
.search-result-copy p{margin:0 0 10px;color:#444;font-size:14px;line-height:1.45}
.search-result-meta,.search-empty-state{color:#777;font-family:var(--sans);font-size:10px}
.search-empty-state{padding:30px 0;font-size:13px}

@media(max-width:760px){
  .nav-inner{
    justify-content:flex-start!important;
    gap:20px!important;
    overflow-x:auto!important;
    padding-left:16px;padding-right:16px;
  }
  .search-page{padding-top:26px}
  .search-page-head h1{font-size:38px}
  .search-result-card{grid-template-columns:110px minmax(0,1fr);gap:12px}
  .search-result-image{width:110px}
  .search-result-copy h2{font-size:18px}
  .search-result-copy p{font-size:12px}
}


/* ==========================================================
   CMS v4.98 — ARTICLE TITLE 2X
   Previous desktop final size was approximately 14–17px.
   New desktop size is approximately 28–34px.
   ========================================================== */

.article-page .article-title{
  font-size:clamp(28px, 2.5vw, 34px)!important;
  line-height:1.04!important;
}

@media(max-width:820px){
  .article-page .article-title{
    font-size:clamp(30px, 7vw, 42px)!important;
  }
}


/* CMS v4.106 — selected supporting text +30%. */
.landing-v450-left .v479-dunia-deck{font-size:16.9px!important}
.v456-previous-copy b{font-size:13px!important}
.v456-previous-description{font-size:9.36px!important}
.v456-previous-copy small{font-size:9.1px!important}

@media(max-width:1100px) and (min-width:821px){
  .landing-v450-left .v479-dunia-deck{font-size:15.21px!important}
}

@media(max-width:820px){
  .landing-v450-left .v479-dunia-deck{font-size:20.28px!important}
  .v456-previous-copy b{font-size:18.2px!important}
  .v456-previous-description{font-size:11.7px!important}
  .v456-previous-copy small{font-size:11.7px!important}
}


/* ==========================================================
   CMS v4.111 — FIRST STORY FEATURE + SUBHEADLINE
   Terkini / Ekonomi / Politik / PRU16 / Viral
   ========================================================== */

.v4111-standard-section-list > .v4111-standard-lead{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:9px 0 12px!important;
}

.v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image{
  display:block!important;
  width:132px!important;
  min-width:132px!important;
  height:94px!important;
  overflow:hidden!important;
  background:#eee!important;
}

.v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image.v450-square-thumb{
  height:94px!important;
}

.v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.v4111-standard-lead-copy{
  min-width:0!important;
}

.v4111-standard-lead-deck{
  display:block!important;
  margin:6px 0 7px!important;
  color:#555!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-decoration:none!important;
  overflow:visible!important;
  white-space:normal!important;
}

@media(max-width:1100px) and (min-width:821px){
  .v4111-standard-section-list > .v4111-standard-lead{
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image{
    width:118px!important;
    min-width:118px!important;
    height:84px!important;
  }

  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image.v450-square-thumb{
    height:84px!important;
  }

  .v4111-standard-lead-deck{
    font-size:8px!important;
  }
}

@media(max-width:820px){
  .v4111-standard-section-list > .v4111-standard-lead{
    grid-template-columns:150px minmax(0,1fr)!important;
  }

  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image{
    width:150px!important;
    min-width:150px!important;
    height:106px!important;
  }

  .v4111-standard-lead-deck{
    font-size:10px!important;
  }
}

@media(max-width:540px){
  .v4111-standard-section-list > .v4111-standard-lead{
    grid-template-columns:115px minmax(0,1fr)!important;
    gap:9px!important;
  }

  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image{
    width:115px!important;
    min-width:115px!important;
    height:82px!important;
  }
}


/* CMS v4.114 — bilingual switch */
.header-language-switch{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-right:4px;
  font:800 10px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.04em;
}
.header-language-switch a{color:#777;text-decoration:none}
.header-language-switch a.active,
.header-language-switch a:hover{color:#ff5a00}
.header-language-switch span{color:#bbb}


/* ==========================================================
   CMS v4.124 — Article grid placement fix
   English articles may have no translated sidebar stories.
   Explicit grid columns prevent the main article from falling
   into the left sidebar column when an aside is absent.
   ========================================================== */
.article-reading-grid > .article-side-left{
  grid-column:1;
}
.article-reading-grid > .article-main-column{
  grid-column:2;
}
.article-reading-grid > .article-side-right{
  grid-column:3;
}

/* If BOTH sidebars are absent, keep the story centred at normal reading width. */
.article-reading-grid:not(:has(.article-side-left)):not(:has(.article-side-right)){
  grid-template-columns:1fr minmax(0,860px) 1fr;
}
.article-reading-grid:not(:has(.article-side-left)):not(:has(.article-side-right)) > .article-main-column{
  grid-column:2;
}

/* If only one sidebar exists, the article still stays in the centre column. */
@media(max-width:1220px){
  .article-reading-grid > .article-main-column{
    grid-column:1!important;
    grid-row:1;
  }
  .article-reading-grid > .article-side-left{
    grid-column:1!important;
    grid-row:2;
  }
  .article-reading-grid > .article-side-right{
    grid-column:1!important;
    grid-row:3;
  }
}


/* CMS v4.138 — Latest Photo main image + slider */
.latest-photo-gallery-grid{display:none!important}
.latest-photo-slider{width:100%}
.latest-photo-main-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.latest-photo-main-button{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  background:#111;
  cursor:zoom-in;
  overflow:hidden;
}
.latest-photo-main-button img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  will-change:transform,object-position;
}
.latest-photo-main-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  width:52px;
  height:52px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  box-shadow:0 8px 25px rgba(0,0,0,.28);
}
.latest-photo-main-arrow:hover{background:rgba(0,0,0,.82);color:#ff6400;border-color:#ff6400}
.latest-photo-main-arrow.prev{left:18px}
.latest-photo-main-arrow.next{right:18px}
.latest-photo-main-meta{padding:12px 0 4px}
.latest-photo-main-meta p{margin:0 0 6px;font-size:17px;line-height:1.45}
.latest-photo-main-meta time{display:block;color:#777;font-family:var(--sans);font-size:9px}
.latest-photo-thumb-shell{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  margin-top:15px;
}
.latest-photo-slider-arrow{
  width:40px;
  height:82px;
  border:1px solid #bbb;
  background:#fff;
  color:#111;
  font-size:24px;
  font-weight:800;
  cursor:pointer;
}
.latest-photo-slider-arrow.jump{font-size:20px}
.latest-photo-slider-arrow:hover{border-color:#ff6400;color:#ff6400}
.latest-photo-thumb-track{
  display:flex;
  gap:9px;
  overflow:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.latest-photo-thumb-track::-webkit-scrollbar{display:none}
.latest-photo-thumb{
  position:relative;
  flex:0 0 170px;
  height:96px;
  overflow:hidden;
  border:2px solid transparent;
  padding:0;
  background:#eee;
  cursor:pointer;
}
.latest-photo-thumb.is-active{border-color:#ff6400}
.latest-photo-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;will-change:transform,object-position}
.latest-photo-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.94)}
.latest-photo-lightbox.is-open{display:flex}
.latest-photo-lightbox img{display:block;max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain}
.latest-photo-lightbox-close{position:fixed;right:24px;top:20px;width:46px;height:46px;border:1px solid #777;border-radius:50%;background:#111;color:#fff;font-size:24px;cursor:pointer}
.latest-photo-lightbox-caption{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(900px,88vw);padding:8px 12px;background:rgba(0,0,0,.72);color:#fff;font-family:var(--sans);font-size:11px;line-height:1.4;text-align:center}
@media(max-width:760px){
  .latest-photo-main-arrow{width:42px;height:42px;font-size:26px}
  .latest-photo-main-arrow.prev{left:10px}
  .latest-photo-main-arrow.next{right:10px}
  .latest-photo-thumb-shell{gap:4px}
  .latest-photo-slider-arrow{width:32px;height:64px;font-size:20px}
  .latest-photo-thumb{flex-basis:112px;height:64px}
  .latest-photo-main-meta p{font-size:14px}
}


/* ==========================================================
   CMS v4.150 — repaired landing CSS + compact 5-column Popular strip
   ========================================================== */
@media(min-width:821px){
  .v4111-standard-section-list > .v4111-standard-lead{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    padding:9px 0 14px!important;
  }
  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image,
  .v4111-standard-section-list > .v4111-standard-lead > .v4111-standard-lead-image.v450-square-thumb{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  .v4111-standard-section-list > .v4111-standard-lead .v4111-standard-lead-copy h3{
    font-size:14px!important;
    line-height:1.08!important;
  }
  .v4111-standard-lead-deck{
    font-size:10px!important;
    line-height:1.4!important;
  }
}

.v4149-popular-section{
  width:100%;
  padding:18px 0 24px;
  border-top:2px solid #111;
  background:#fff;
}
.v4149-popular-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 14px;
  padding:0 0 8px;
  border-bottom:1px solid #999;
}
.v4149-popular-head h2{
  margin:0;
  color:#111;
  font-family:Arial,Helvetica,sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:800;
}
.v4149-popular-head span{
  color:#666;
  font:12px/1.2 Arial,Helvetica,sans-serif;
}
.v4149-popular-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.v4149-popular-card{min-width:0;}
.v4149-popular-image{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eee;
}
.v4149-popular-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}
.v4149-popular-rank{
  position:absolute;
  left:0;
  bottom:0;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  background:#ff5a00;
  color:#fff;
  font:700 15px/1 Arial,Helvetica,sans-serif;
}
.v4149-popular-copy{padding-top:8px;}
.v4149-popular-category{
  margin-bottom:4px;
  color:#ff5a00;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
}
.v4149-popular-copy h3{
  margin:0 0 6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.12;
}
.v4149-popular-copy h3 a{color:#111;text-decoration:none;}
.v4149-popular-meta{color:#777;font:11px/1.2 Arial,Helvetica,sans-serif;}
@media(max-width:820px){
  .v4149-popular-section{padding:20px 0 24px;}
  .v4149-popular-strip{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;}
  .v4149-popular-card{flex:0 0 72%;scroll-snap-align:start;}
  .v4149-popular-head h2{font-size:24px;}
  .v4149-popular-head span{display:none;}
}

/* ==========================================================
   CMS v4.151 — four left-column sections use Hiburan-style lead
   Latest / Economy / Politics / GE16 (BM + English)
   ========================================================== */
@media(min-width:821px){
  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:0!important;
    align-items:start!important;
    width:100%!important;
    padding:9px 0 14px!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story > .v4151-large-first-image{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    margin:0!important;
    overflow:hidden!important;
    align-self:start!important;
    background:#eee!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story > .v4151-large-first-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-copy{
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-copy h3{
    margin:0 0 7px!important;
    font-size:17.5px!important;
    line-height:1.06!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-copy .v4111-standard-lead-deck{
    margin:6px 0 7px!important;
    font-size:10px!important;
    line-height:1.38!important;
  }
}

@media(max-width:820px){
  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story > .v4151-large-first-image{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-story > .v4151-large-first-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-copy h3{
    font-size:22px!important;
    line-height:1.08!important;
  }

  .landing-layout-v450 .landing-v450-left
  .v4151-large-first-section
  .v4151-large-first-copy .v4111-standard-lead-deck{
    font-size:13px!important;
    line-height:1.42!important;
  }
}



/* ==========================================================
   CMS v4.153 — smaller article author thumbnail (25% smaller)
   64px -> 48px on desktop and mobile.
   ========================================================== */
.article-page .article-author-thumb-frame{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
}
.article-page .article-author-row .article-author-thumb{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
}
@media(max-width:760px){
  .article-page .article-author-row .article-author-thumb,
  .article-page .article-author-thumb-frame{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    flex:0 0 48px!important;
  }
}

/* ==========================================================
   CMS v4.154 — Universal left/right Explore columns on section pages
   Mirrors the article-page column system shown in kolumkirikanan.png.
   ========================================================== */
.section-reading-grid{
  width:min(1480px,calc(100% - 48px));
  max-width:none!important;
  grid-template-columns:minmax(190px,230px) minmax(0,860px) minmax(190px,230px);
  gap:30px;
  align-items:start;
}

.section-reading-grid > .section-main-column{
  grid-column:2;
  width:100%;
  max-width:860px!important;
  min-width:0;
}

.section-reading-grid .section-page-head{
  margin-bottom:28px;
}

.section-reading-grid .section-list{
  width:100%;
  max-width:none;
  min-width:0;
}

.section-reading-grid .section-card{
  grid-template-columns:250px minmax(0,1fr);
  gap:22px;
}

.section-reading-grid .section-card > a > img{
  width:250px;
  height:152px;
  object-fit:cover;
}

.section-reading-grid .section-card h2{
  font-size:25px;
}

.section-reading-grid .section-card p{
  font-size:14px;
}

.section-explore-side{
  min-width:0;
}

@media(max-width:1220px){
  .section-reading-grid{
    grid-template-columns:1fr;
    max-width:940px!important;
  }

  .section-reading-grid > .section-main-column{
    grid-column:1!important;
    grid-row:1;
    max-width:none!important;
  }

  .section-reading-grid > .article-side-left{
    grid-column:1!important;
    grid-row:2;
  }

  .section-reading-grid > .article-side-right{
    grid-column:1!important;
    grid-row:3;
  }

  .section-reading-grid .section-card{
    grid-template-columns:280px minmax(0,1fr);
  }

  .section-reading-grid .section-card > a > img{
    width:280px;
    height:170px;
  }
}

@media(max-width:720px){
  .section-reading-grid{
    width:min(100% - 28px,940px);
  }

  .section-reading-grid .section-card{
    grid-template-columns:1fr;
  }

  .section-reading-grid .section-card > a > img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
  }
}


/* ==========================================================
   CMS v4.159 — VIRAL FIRST STORY LARGE IMAGE
   BM + English use the same landing template.
   First Viral story is a 50/50 feature; later stories stay small.
   ========================================================== */
@media(min-width:821px){
  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    padding:12px 0 16px!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image,
  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image.v450-square-thumb{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    overflow:hidden!important;
    background:#eee!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4159-viral-lead-copy{
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4159-viral-lead-copy h3{
    margin:0 0 8px!important;
    font-size:clamp(18px,1.55vw,25px)!important;
    line-height:1.05!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4159-viral-lead-copy .v4111-standard-lead-deck{
    margin:6px 0 9px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
}

@media(max-width:820px){
  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image,
  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image.v450-square-thumb{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
  }

  .landing-layout-v450 .landing-v450-center
  .v4159-viral-feature-section
  .v4111-standard-section-list > .v4159-viral-lead > .v4159-viral-lead-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}


/* ==========================================================
   CMS v4.161 — Landing swap + full-width BERITA TERKINI / LATEST NEWS
   ========================================================== */
.v4161-latest-center-section .v476-malaysia-image{
  aspect-ratio:16/9;
}
.v4161-latest-center-section .v476-malaysia-image img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}

.v4161-latest-news-section{
  width:100%;
  padding:22px 0 28px;
  border-top:1px solid #111;
  background:#fff;
}
.v4161-latest-news-head{
  margin:0 0 14px;
  padding:0 0 9px;
  border-bottom:1px solid #999;
}
.v4161-latest-news-head h2{
  margin:0;
  color:#111;
  font-family:Arial,Helvetica,sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:800;
}
.v4161-latest-news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:24px;
  row-gap:0;
}
.v4161-latest-news-card{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-width:0;
  padding:12px 0;
  border-bottom:1px solid #ddd;
}
.v4161-latest-news-image{
  display:block;
  width:132px;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eee;
}
.v4161-latest-news-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
.v4161-latest-news-copy{min-width:0;}
.v4161-latest-news-category{
  margin:0 0 4px;
  color:#ff5a00;
  font:800 9px/1.1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
}
.v4161-latest-news-copy h3{
  margin:0 0 5px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.1;
}
.v4161-latest-news-copy h3 a{color:#111;text-decoration:none;}
.v4161-latest-news-copy h3 a:hover{text-decoration:underline;text-underline-offset:2px;}
.v4161-latest-news-deck{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:0 0 6px;
  color:#555;
  font:11px/1.35 Arial,Helvetica,sans-serif;
}
.v4161-latest-news-meta{color:#777;font:10px/1.2 Arial,Helvetica,sans-serif;}

@media(max-width:1050px){
  .v4161-latest-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
  .v4161-latest-news-section{padding:18px 0 22px;}
  .v4161-latest-news-head h2{font-size:24px;}
  .v4161-latest-news-grid{grid-template-columns:1fr;}
  .v4161-latest-news-card{grid-template-columns:112px minmax(0,1fr);gap:10px;}
  .v4161-latest-news-image{width:112px;}
  .v4161-latest-news-copy h3{font-size:15px;}
}