/* Unified Neo-style headline component for all Narasi themes */
.nh-headline-carousel{
  --nh-accent:#ff6a1a;
  --nh-accent-soft:#ffb46f;
  position:relative;
  width:100%;
  min-width:0;
  min-height:610px;
  height:610px;
  overflow:hidden;
  border-radius:28px;
  background:#090d13;
  box-shadow:0 24px 70px rgba(5,10,18,.24);
  isolation:isolate;
}
.nn-body .nh-headline-carousel{--nh-accent:var(--nn-accent,#ff6a1a);--nh-accent-soft:var(--nn-accent-2,#ffb46f)}
.au-body .nh-headline-carousel{--nh-accent:#d7a92d;--nh-accent-soft:#f6d777}
.nx-body:not(.au-body) .nh-headline-carousel{--nh-accent:#ff625d;--nh-accent-soft:#a67cff}
.np-body .nh-headline-carousel{--nh-accent:#71e3ff;--nh-accent-soft:#9d83ff}
.nm-theme .nh-headline-carousel{--nh-accent:#d7193f;--nh-accent-soft:#ffb35c}
body.tn-body:not(.nm-theme) .nh-headline-carousel{--nh-accent:#e63946;--nh-accent-soft:#f2c761}
body.nm-body:not(.nn-body):not(.nx-body):not(.np-body):not(.au-body) .nh-headline-carousel{--nh-accent:#ef3f4d;--nh-accent-soft:#ff9d55}

.nh-headline-carousel .carousel-inner,
.nh-headline-carousel .carousel-item,
.nh-headline-carousel .tn-headline-slides,
.nh-headline-carousel .tn-headline-slide{height:100%}

.nh-headline-carousel .tn-headline-slides{position:relative;height:610px}
.nh-headline-carousel .tn-headline-slide[data-tn-headline-slide]{
  position:absolute!important;inset:0!important;display:block!important;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease;
}
.nh-headline-carousel .tn-headline-slide[data-tn-headline-slide].is-active{
  opacity:1;visibility:visible;pointer-events:auto;z-index:2;
}

.nh-headline-slide{position:relative;height:610px;min-height:610px;overflow:hidden;isolation:isolate;background:#0a0f16}
.nh-headline-media{position:absolute;inset:0;display:block;background:#111923}
.nh-headline-media img,
.nh-headline-media .nm-image-placeholder,
.nh-headline-media .tn-image-placeholder,
.nh-headline-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.nh-headline-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(180deg,rgba(4,8,13,.04) 7%,rgba(4,8,13,.20) 37%,rgba(4,8,13,.95) 100%),
  linear-gradient(90deg,rgba(4,8,13,.46),transparent 62%)}
.nh-headline-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(28px,5vw,58px);color:#fff;text-align:left}
.nh-headline-topline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.nh-headline-topline>a{color:#edf1f5!important;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;text-decoration:none!important}
.nh-headline-topline>a:hover{color:var(--nh-accent-soft)!important}
.nh-live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(7,11,17,.52);font-size:.62rem;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(10px);color:#fff}
.nh-live-pill>span{width:6px;height:6px;border-radius:50%;background:var(--nh-accent);box-shadow:0 0 14px var(--nh-accent)}
.nh-headline-content h1{max-width:960px;margin:0 0 14px!important;font:780 clamp(2.3rem,4.8vw,5rem)/.96 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.055em!important;text-transform:none!important}
.nh-headline-content h1 a{color:#fff!important;text-decoration:none!important}
.nh-headline-content h1 a:hover{color:var(--nh-accent-soft)!important}
.nh-headline-content p{max-width:760px;margin:0 0 22px!important;color:#c8d0da!important;font-size:.94rem!important;line-height:1.65!important}
.nh-headline-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#b8c1cc;font-size:.74rem}
.nh-headline-bottom>a{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:800;text-decoration:none!important}
.nh-headline-bottom>a:hover{color:var(--nh-accent-soft)!important}
.nh-headline-date{white-space:nowrap}

.nh-headline-controls{
  position:absolute!important;z-index:12!important;top:24px!important;right:24px!important;left:auto!important;bottom:auto!important;
  display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
}
.nh-headline-controls>button{
  width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;
  background:rgba(7,11,17,.52)!important;color:#fff!important;font:700 1rem/1 system-ui,sans-serif!important;backdrop-filter:blur(12px);
  opacity:1!important;position:static!important;transform:none!important;
}
.nh-headline-controls>button:hover{background:var(--nh-accent)!important;border-color:var(--nh-accent)!important;color:#fff!important}
.nh-headline-indicators{
  position:static!important;inset:auto!important;display:flex!important;align-items:center!important;gap:4px!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;
}
.nh-headline-indicators button,
.nh-headline-indicators [data-bs-target],
.nh-headline-indicators [data-tn-headline-dot]{
  flex:0 0 auto!important;width:5px!important;height:5px!important;min-width:5px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:#fff!important;opacity:.36!important;box-shadow:none!important;
  transition:width .2s ease,opacity .2s ease,background .2s ease!important;
}
.nh-headline-indicators .active,
.nh-headline-indicators .is-active{width:18px!important;border-radius:10px!important;opacity:1!important;background:var(--nh-accent)!important}

@media (max-width:1199.98px){
  .nh-headline-carousel,.nh-headline-carousel .tn-headline-slides,.nh-headline-slide{height:560px;min-height:560px}
  .nh-headline-content h1{font-size:clamp(2.2rem,5vw,4rem)!important}
}
@media (max-width:991.98px){
  .nh-headline-carousel,.nh-headline-carousel .tn-headline-slides,.nh-headline-slide{height:540px;min-height:540px}
}
@media (max-width:767.98px){
  .nh-headline-carousel,.nh-headline-carousel .tn-headline-slides,.nh-headline-slide{height:490px;min-height:490px;border-radius:21px}
  .nh-headline-content{padding:26px}
  .nh-headline-content h1{font-size:clamp(2rem,9.4vw,3.4rem)!important}
  .nh-headline-content p{font-size:.8rem!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nh-headline-bottom{align-items:flex-end}
  .nh-headline-controls{top:16px!important;right:16px!important}
  .nh-headline-controls>button{width:35px!important;height:35px!important;min-width:35px!important}
  .nh-headline-indicators{display:none!important}
}
@media (max-width:575.98px){
  .nh-headline-carousel,.nh-headline-carousel .tn-headline-slides,.nh-headline-slide{height:455px;min-height:455px}
  .nh-headline-content{padding:22px}
  .nh-headline-topline{margin-bottom:12px}
  .nh-headline-content h1{font-size:clamp(1.9rem,9vw,2.65rem)!important;line-height:.98!important}
  .nh-headline-content p{margin-bottom:15px!important;-webkit-line-clamp:2}
  .nh-headline-bottom{padding-top:13px}
  .nh-headline-controls>button{width:33px!important;height:33px!important;min-width:33px!important}
}