/* Original DinaTamil newsroom navigation; owner reference24Oct2026. */
.top{background:#fff;color:#191714;border-bottom:2px solid #ef571d;box-shadow:0 3px 12px #17141108}.head{display:grid;grid-template-columns:50px 1fr 50px;gap:0;min-height:0;padding-top:18px}.head .brand{grid-column:2;grid-row:1;justify-self:center;width:245px;position:relative;margin:0 0 18px}.head .brand:before,.head .brand:after{content:'';position:absolute;top:50%;width:clamp(40px,20vw,310px);height:1px;background:#ded7d0}.head .brand:before{right:calc(100% + 24px)}.head .brand:after{left:calc(100% + 24px)}.head>.icon{background:#fff;color:#191714;border:1px solid #e8e3de;grid-row:1;margin:0 0 18px!important}.head>#menu{display:grid;grid-column:1}.head>#search{grid-column:3;justify-self:end}.head .nav{grid-column:1/-1;grid-row:2;display:flex;gap:0;width:100%;background:#f7f6f4;border-top:1px solid #e8e3de;overflow:auto;white-space:nowrap;scrollbar-width:thin;justify-content:center}.head .nav a{font-family:'Mukta Malar',sans-serif;font-size:15px!important;padding:12px 15px;line-height:1.5;border-right:1px solid #e6e1dc;font-weight:800}.head .nav a:last-child{border-right:0}.head .nav a.active,.head .nav a:hover{color:#d3440f;background:#fff0e6}.newsroom-utilities{display:flex;justify-content:center;gap:0;overflow:auto;border-top:1px solid #e8e3de;background:#fff;white-space:nowrap}.newsroom-utilities a{font-size:12px;padding:10px 17px;color:#62574e;border-right:1px solid #eee7df}.newsroom-utilities a:hover{color:#d3440f;background:#fff7f0}.section-coming{padding:22px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:14px;background:var(--paper,#fff)}
[data-theme=dark] .top,[data-theme=dark] .newsroom-utilities,[data-theme=dark] .head>.icon{background:#191714;color:#f5eee7}[data-theme=dark] .head .nav{background:#24201c}[data-theme=dark] .head .nav a.active,[data-theme=dark] .head .nav a:hover{background:#33261f;color:#ff9269}[data-theme=dark] .newsroom-utilities a{color:#ded3c9}[data-theme=dark] .section-coming{background:#24201c}
@media(max-width:1350px){.head .nav{justify-content:flex-start}.head .nav a{padding:12px 13px;font-size:14px!important}}
@media(max-width:850px){.head{padding-top:12px;position:relative}.head .brand{width:205px;margin-bottom:12px}.head .brand:before,.head .brand:after{width:8vw}.head>.icon{margin-bottom:12px!important}.head .nav{display:none}.head .nav.open{display:flex;position:static;flex-wrap:wrap;padding:8px;max-height:50vh;gap:0;justify-content:flex-start}.head .nav a{padding:10px 13px}.newsroom-utilities{justify-content:flex-start}.newsroom-utilities a{padding:10px 13px}.top{position:relative}}
@media(max-width:560px){.head .brand{width:185px}.head .brand:before,.head .brand:after{display:none}}

/* Keep both menu rows pinned on all reader screens. */
.top{position:sticky;top:0;z-index:30}@media(max-width:850px){.top{position:sticky;top:0}}
/* Follow scrolling below the measured pinned menu; never hide ad copy. */
@media(min-width:1280px){
 .detail-ad-layout>.detail-ad-rail:not(.detail-ad-rail--related){position:sticky;top:var(--sidebar-menu-offset,210px);align-self:start;max-height:calc(100dvh - var(--sidebar-menu-offset,210px) - 12px)}
 .detail-ad-layout>.detail-ad-rail:not(.detail-ad-rail--related) .detail-side-ad{position:static;min-height:0}
 .detail-ad-layout>.detail-ad-rail:not(.detail-ad-rail--related) .detail-side-ad img{width:100%;height:auto;max-height:calc(100dvh - var(--sidebar-menu-offset,210px) - 38px);object-fit:contain;object-position:top center}
}

/* Owner-approved masthead ads: no separate top strip; distinct rotating advertisers. */
.head{grid-template-columns:40px minmax(0,1fr) 245px minmax(0,1fr) 40px;column-gap:18px;align-items:center;padding-top:12px}
.head .brand{grid-column:3;margin-bottom:12px}.head .brand:before,.head .brand:after{display:none}
.head>#search{grid-column:5}.head>.icon{margin-bottom:12px!important}
.masthead-ad{display:block;grid-row:1;width:100%;height:86px;overflow:hidden;background:#fff;line-height:0;margin-bottom:12px;min-width:0}
.masthead-ad--left{grid-column:2}.masthead-ad--right{grid-column:4}
.masthead-ad img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
@media(max-width:1100px) and (min-width:851px){.head{column-gap:12px;grid-template-columns:36px minmax(0,1fr) 205px minmax(0,1fr) 36px}.head .brand{width:205px}.masthead-ad{height:75px}}
@media(max-width:850px){.head{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;column-gap:12px}.head .brand{grid-column:2/4;grid-row:1}.head>#search{grid-column:4}.masthead-ad{grid-row:2;height:64px;margin-bottom:10px}.masthead-ad--left{grid-column:1/3}.masthead-ad--right{grid-column:3/5}.head .nav{grid-row:3}}

/* Trimmed creative artwork: one shared height, no white safety canvas. */
.head .masthead-ad{display:flex;justify-content:center;align-items:center;height:var(--masthead-ad-height,48px);min-height:0;overflow:hidden}
.head .masthead-ad img{display:block;flex:none;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center!important}
@media(max-width:850px){.head .masthead-ad{height:var(--masthead-ad-height,28px)}}

/* Owner: utilities in third row; every menu wraps, never scrolls. */
.head .nav,.head .nav.open,.newsroom-utilities{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;max-height:none!important;justify-content:center!important;scrollbar-width:none}.head .nav a,.newsroom-utilities a{white-space:normal;text-align:center;overflow-wrap:anywhere;flex:0 1 auto}.head .nav a{padding:10px 13px}.newsroom-utilities{padding:3px 8px;row-gap:0}.newsroom-utilities a{padding:8px 12px;line-height:1.5}@media(max-width:850px){.head .nav.open{max-height:none!important;overflow:visible!important}.head .nav a{padding:8px 10px;font-size:13px!important}.newsroom-utilities a{font-size:11px;padding:7px 9px}}@media(max-width:560px){.head .nav a{padding:7px 8px;font-size:12px!important}.newsroom-utilities a{padding:6px 8px;font-size:11px}}
