/* Shared parts of the layout templates (home page only). */
html body .layout.kh-fullhome{display:block!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;grid-template-columns:none!important;background:transparent!important}
html body .lay.news-area{display:block!important;width:100%!important;max-width:1250px!important;margin:0 auto!important;padding:16px 15px 34px!important;box-sizing:border-box;grid-column:auto!important;background:transparent!important}
.lay *{box-sizing:border-box}
.lay a{color:inherit;text-decoration:none}
.lay .lay-item{position:relative;min-width:0}
.lay .lay-img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--site-border,#e5e5e5)}
.lay .lay-img img{width:100%;height:100%;object-fit:cover;display:block}
.lay .lay-ph{display:block;width:100%;height:100%;min-height:60px;background:linear-gradient(135deg,var(--c,#e53935),color-mix(in srgb,var(--c,#e53935) 55%,#000))}
.lay .lay-pill{position:absolute;left:8px;top:8px;background:var(--c,#e53935);color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;line-height:1.6}
.lay .lay-kicker{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--c,var(--site-primary));letter-spacing:.2px}
.lay .lay-kicker .kh-cat-ico{margin-right:3px}
.lay .lay-title{margin:0;font-size:18px;line-height:1.45;font-weight:700;color:var(--site-text)}
.lay .lay-title a:hover{color:var(--site-primary)}
.lay .lay-ex{margin:6px 0 0;color:var(--site-muted);font-size:14px;line-height:1.65}
.lay .lay-meta{margin-top:6px;font-size:12px;color:var(--site-muted);display:flex;gap:10px;flex-wrap:wrap}
.lay .lay-body{min-width:0}
.lay .lay-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--site-primary);color:#fff;font-size:12px;font-weight:700;margin-right:6px}
.lay .lay-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:28px 0 14px;border-bottom:2px solid var(--c,var(--site-primary))}
.lay .lay-head h2{margin:0;padding-bottom:6px;font-size:21px;line-height:1.3;color:var(--c,var(--site-text))}
.lay .lay-head.is-big h2{font-size:26px}
.lay .lay-more{font-size:13px;font-weight:700;color:var(--c,var(--site-primary))}
.lay .lay-grid{display:grid;gap:20px}
.lay .lay-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lay .lay-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lay .lay-sec{margin-top:6px}
.lay .lay-dateline{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--site-muted);padding:4px 0 10px}
.lay .lay-topics{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;padding:10px 0;margin:18px 0;border-top:1px solid var(--site-text);border-bottom:1px solid var(--site-border);font-size:14px}
.lay .lay-topics strong{font-weight:800}
.lay .lay-topics a:hover{color:var(--site-primary)}
.lay .is-row{display:flex;gap:11px;align-items:flex-start}
.lay .is-row .lay-img{width:104px;flex:none;aspect-ratio:4/3}
.lay .is-row .lay-title{font-size:15px}
.lay .lay-box,.lay .lay-card{background:var(--site-surface,#fff);border:1px solid var(--site-border,#e5e5e5)}
.lay .lay-boxh{margin:0;font-size:16px;font-weight:800;padding:9px 12px;border-bottom:2px solid var(--site-primary)}
.lay .lay-brief{list-style:none;margin:0;padding:6px 14px 10px}
.lay .lay-brief li{padding:8px 0;border-bottom:1px solid var(--site-border);font-size:15px;line-height:1.5;font-weight:600}
.lay .lay-brief li:last-child{border:0}
.lay .lay-brief .lay-time{display:block;font-size:12px;color:var(--site-muted);font-weight:400}
.lay .lay-pop{margin:0;padding:6px 14px 10px 36px}
.lay .lay-pop li{padding:8px 0;border-bottom:1px solid var(--site-border);font-size:14.5px;line-height:1.5;font-weight:600}
.lay .lay-pop li::marker{color:var(--site-primary);font-weight:800}
.lay .lay-pop li:last-child{border:0}
@media(max-width:900px){.lay .lay-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lay .lay-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body .lay.news-area{padding:12px 12px 28px!important}.lay .lay-grid{gap:14px}.lay .lay-cols-3{grid-template-columns:1fr}.lay .lay-title{font-size:16.5px}.lay .lay-head h2{font-size:19px}}

/* ---------- header variants (desktop only; phones keep the compact fixed header) ---------- */
.kh-hdr-date{display:none}
@media(min-width:901px){
/* centred masthead: date | logo | icons, menu row underneath */
body.kh-hdr-mast{padding-top:0!important}
html body.kh-hdr-mast .header,html body.kh-hdr-mast .site-page-header{position:relative!important;height:auto!important;background:var(--site-surface,#fff)!important;box-shadow:none!important;border-bottom:0!important}
html body.kh-hdr-mast .header-inner{display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-areas:"date logo right" "nav nav nav";align-items:center!important;height:auto!important;max-width:1250px!important;padding:18px 24px 0!important;column-gap:20px}
body.kh-hdr-mast .kh-hdr-date{grid-area:date;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4;color:var(--site-text)}
body.kh-hdr-mast .kh-hdr-date small{color:var(--site-muted);font-size:12px}
body.kh-hdr-mast .header-inner>.logo,body.kh-hdr-mast .header-inner>.site-logo-picture{grid-area:logo;justify-self:center}
body.kh-hdr-mast .site-logo-text{font-size:44px!important;line-height:1.1;letter-spacing:-.5px}
html body.kh-hdr-mast .site-logo-image{max-height:64px!important}
body.kh-hdr-mast .header-right{grid-area:right;justify-self:end}
html body.kh-hdr-mast .header-menu{grid-area:nav;display:flex!important;justify-content:center;gap:4px 26px!important;margin-top:16px;padding:11px 0;border-top:1px solid var(--site-border);border-bottom:3px double var(--site-text);flex-wrap:wrap}
html body.kh-hdr-mast .header-menu a{font-size:13.5px!important;font-weight:600!important;color:var(--site-text)!important}
html body.kh-hdr-mast .header-menu a.active,html body.kh-hdr-mast .header-menu a:hover{color:var(--site-primary)!important}
}
html body.kh-hdr-mast .header-inner,html body.kh-hdr-mast .site-page-header-inner{background:transparent!important}

@media(min-width:901px){
/* navy bar */
body.kh-hdr-navy{--navy:#052962}
html body.kh-hdr-navy .header,html body.kh-hdr-navy .site-page-header{background:var(--navy)!important;border:0!important;height:76px!important}
html body.kh-hdr-navy .header-inner{background:transparent!important}
body.kh-hdr-navy{padding-top:76px!important}
body.kh-hdr-navy .site-logo-text,body.kh-hdr-navy .logo{color:#fff!important;font-size:32px!important;font-weight:800}
html body.kh-hdr-navy .header-menu{gap:0!important}
html body.kh-hdr-navy .header-menu a{color:#fff!important;font-size:17px!important;font-weight:700!important;padding:0 18px;height:76px;display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.22);border-top:4px solid transparent}
html body.kh-hdr-navy .header-menu a:first-child{border-left:0}
html body.kh-hdr-navy .header-menu a.active,html body.kh-hdr-navy .header-menu a:hover{border-top-color:#ff5b3a;color:#fff!important}
body.kh-hdr-navy .header-icon{color:#fff!important}
}
.kh-hdr-cta{display:none}
@media(min-width:901px){body.kh-lay-banner .kh-hdr-cta,body.kh-lay-heritage .kh-hdr-cta{display:inline-flex;align-items:center;background:#326891;color:#fff!important;font:700 12px/1 system-ui,sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:9px 14px;border-radius:2px;margin-right:12px}body.kh-lay-heritage .kh-hdr-cta{background:#7a4a1d}}

@media(min-width:901px){
/* bold: left logo, uppercase menu, heavy rule (Metro) */
html body.kh-hdr-bold .header,html body.kh-hdr-bold .site-page-header{height:76px!important;background:#fff!important;border-bottom:4px solid #111!important;box-shadow:none!important}
body.kh-hdr-bold{padding-top:76px!important}
html body.kh-hdr-bold .header-inner{background:transparent!important}
body.kh-hdr-bold .site-logo-text,body.kh-hdr-bold .logo{font-size:36px!important;font-weight:900;letter-spacing:-1px}
html body.kh-hdr-bold .header-menu a{text-transform:uppercase;font-size:12.5px!important;letter-spacing:.8px;font-weight:800!important;color:#111!important}
html body.kh-hdr-bold .header-menu a:hover,html body.kh-hdr-bold .header-menu a.active{color:var(--site-primary)!important}
/* clean: airy white bar (Clean) */
html body.kh-hdr-clean .header,html body.kh-hdr-clean .site-page-header{height:72px!important;background:#fff!important;border-bottom:1px solid #e6e9ec!important;box-shadow:none!important}
body.kh-hdr-clean{padding-top:72px!important}
html body.kh-hdr-clean .header-inner{background:transparent!important}
body.kh-hdr-clean .site-logo-text,body.kh-hdr-clean .logo{font-size:26px!important;font-weight:800;letter-spacing:-.3px}
html body.kh-hdr-clean .header-menu a{font-size:13px!important;font-weight:500!important;color:#55606a!important}
html body.kh-hdr-clean .header-menu a:hover,html body.kh-hdr-clean .header-menu a.active{color:#111!important}
body.kh-lay-clean .kh-hdr-cta{display:inline-flex;align-items:center;border:1px solid #111;color:#111!important;font:600 13px/1 system-ui,sans-serif;padding:9px 16px;border-radius:3px;margin-right:12px}
/* purple (Card hub) */
html body.kh-hdr-purple .header,html body.kh-hdr-purple .site-page-header{height:64px!important;background:#5a1d78!important;border:0!important}
body.kh-hdr-purple{padding-top:64px!important}
html body.kh-hdr-purple .header-inner{background:transparent!important}
body.kh-hdr-purple .site-logo-text,body.kh-hdr-purple .logo{color:#fff!important;font-size:25px!important;font-weight:800}
html body.kh-hdr-purple .header-menu a{color:#fff!important;font-size:14px!important;font-weight:600!important;opacity:.92}
html body.kh-hdr-purple .header-menu a:hover,html body.kh-hdr-purple .header-menu a.active{opacity:1;box-shadow:inset 0 -3px 0 #ff9f43}
body.kh-hdr-purple .header-icon{color:#fff!important}
/* serif (Triplet) */
html body.kh-hdr-serif .header,html body.kh-hdr-serif .site-page-header{height:70px!important;background:#fff!important;border-bottom:3px solid #c8102e!important;box-shadow:none!important}
body.kh-hdr-serif{padding-top:70px!important}
html body.kh-hdr-serif .header-inner{background:transparent!important}
body.kh-hdr-serif .site-logo-text,body.kh-hdr-serif .logo{font-family:"Noto Serif Devanagari",Georgia,serif;font-size:28px!important;font-weight:800}
html body.kh-hdr-serif .header-menu a{font-family:"Noto Serif Devanagari",Georgia,serif;text-transform:uppercase;font-size:13px!important;letter-spacing:.5px;color:#c8102e!important}
html body.kh-hdr-serif .header-menu a:hover,html body.kh-hdr-serif .header-menu a.active{color:#111!important}
}
.lay .lay-img.r-4x3{aspect-ratio:4/3}.lay .lay-img.r-16x9{aspect-ratio:16/9}.lay .lay-img.r-21x9{aspect-ratio:21/9}.lay .lay-img.r-3x2{aspect-ratio:3/2}
.lay .lay-fig{margin:0}

/* sticky offsets per header variant (header height) */
body.kh-hdr-navy,body.kh-hdr-bold{--kh-hh:76px}
body.kh-hdr-clean{--kh-hh:72px}
body.kh-hdr-purple{--kh-hh:64px}
body.kh-hdr-serif{--kh-hh:70px}
body.kh-hdr-mast,body.kh-hdr-guide{--kh-hh:0px}

/* sub navigation row (Guide 2026 only) */
.kh-sub-nav{display:none}

/* guide: navy masthead, big logo on the right, bold section nav with dividers, second row of sections */
@media(min-width:901px){
body.kh-hdr-guide{padding-top:0!important}
html body.kh-hdr-guide .header,html body.kh-hdr-guide .site-page-header{position:relative!important;height:auto!important;background:#052962!important;border:0!important;box-shadow:none!important}
html body.kh-hdr-guide .header-inner{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"nav logo" "nav right";align-items:end!important;height:auto!important;max-width:1260px!important;padding:14px 20px 0!important;background:transparent!important;column-gap:20px}
body.kh-hdr-guide .kh-hdr-date{display:none}
html body.kh-hdr-guide .header-inner>.logo,html body.kh-hdr-guide .header-inner>.site-logo-picture{grid-area:logo;justify-self:end;align-self:start}
body.kh-hdr-guide .site-logo-text,body.kh-hdr-guide .logo{color:#fff!important;font-family:"Noto Serif Devanagari",Georgia,serif;font-size:50px!important;line-height:1.05;font-weight:800;letter-spacing:-1px}
html body.kh-hdr-guide .site-logo-image{max-height:70px!important;filter:none}
html body.kh-hdr-guide .header-right{grid-area:right;justify-self:end;margin:6px 0 0}
body.kh-hdr-guide .header-icon{color:#fff!important}
html body.kh-hdr-guide .header-menu{grid-area:nav;display:flex!important;align-self:end;flex-wrap:nowrap;overflow:hidden;gap:0!important;margin:0}
html body.kh-hdr-guide .header-menu a{font-family:"Noto Serif Devanagari",Georgia,serif;font-size:19px!important;font-weight:800!important;color:#fff!important;padding:10px 20px 14px 10px;border-left:1px solid rgba(255,255,255,.28);border-top:4px solid transparent;margin-right:0;white-space:nowrap}
html body.kh-hdr-guide .header-menu a:first-child{border-left:0;padding-left:0}
html body.kh-hdr-guide .header-menu a.active,html body.kh-hdr-guide .header-menu a:hover{border-top-color:#ff5b3a;color:#fff!important}
html body.kh-hdr-guide .header-menu a:nth-child(n+6){display:none}
html body.kh-hdr-guide .header-menu .kh-cat-ico,html body.kh-hdr-guide .kh-sub-nav .category-icon,html body.kh-hdr-guide .kh-sub-nav .kh-cat-ico{display:none}
body.kh-hdr-guide .kh-sub-nav{display:block;border-top:1px solid rgba(255,255,255,.3);margin:0 auto;max-width:1260px;padding:0 20px;position:relative}
body.kh-hdr-guide .kh-sub-nav::before,body.kh-hdr-guide .kh-sub-nav::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.3)}
body.kh-hdr-guide .kh-sub-nav::before{left:0}body.kh-hdr-guide .kh-sub-nav::after{right:0}
body.kh-hdr-guide .kh-sub-nav a{display:inline-block;color:#fff!important;font:400 15px/1 system-ui,"Noto Sans Devanagari",sans-serif;padding:14px 11px 14px 0;margin-right:6px;opacity:.95;white-space:nowrap}
body.kh-hdr-guide .kh-sub-nav a:hover{text-decoration:underline}
body.kh-hdr-guide .kh-sub-nav{white-space:nowrap;overflow:hidden}
}
body.kh-hdr-guide .kh-sub-nav a.active,body.kh-hdr-guide .kh-sub-nav a.current{background:transparent!important;color:#fff!important;font-weight:700;box-shadow:none!important}
.kh-topbar{display:none}
@media(min-width:901px){
body.kh-hdr-guide .kh-topbar{display:block;background:#041e4a;border-bottom:1px solid rgba(255,255,255,.12)}
body.kh-hdr-guide .kh-topbar-in{max-width:1260px;margin:0 auto;padding:7px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;font:400 13px/1.3 system-ui,"Noto Sans Devanagari",sans-serif}
body.kh-hdr-guide .kh-topbar-l b{font:700 15px/1.2 "Noto Serif Devanagari",Georgia,serif;margin-right:8px}
body.kh-hdr-guide .kh-topbar-l small{opacity:.8}
body.kh-hdr-guide .kh-topbar-r a{display:inline-block;margin-left:12px;background:#ffe500;color:#121212!important;font-weight:700;padding:6px 14px;border-radius:999px}
body.kh-hdr-guide .kh-sub-nav a{font-size:13px}
}
