:root{--red:#d8232a;--red2:#a8161c;--ink:#0f1b2d;--ink2:#1c2b44;--gold:#f2b705;--paper:#f4f1ec;--card:#fff;--line:#e4dfd6;--mute:#6b7280;--r:12px;--sh:0 6px 20px rgba(15,27,45,.08)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Anek Tamil',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
ul,ol{margin:0;padding:0;list-style:none}
.screen-reader-text{position:absolute;left:-9999px}
.stn-in{max-width:1720px;margin:0 auto;padding:0 20px}

/* Swiss cross motif */

/* Header */
.stn-header{background:#fff;border-top:5px solid var(--red);position:relative}
.stn-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold) 50%,var(--ink))}
.stn-hrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:16px;flex-wrap:wrap}
.stn-brand{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.stn-brand .custom-logo{max-height:70px;width:auto}
.stn-logo{display:flex;align-items:center;gap:12px}
.stn-logo b{display:block;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--ink)}
.stn-logo b em{font-style:normal;color:var(--red);margin-left:2px}
.stn-logo small{display:block;font-size:12px;color:var(--mute);margin-top:4px;font-weight:500}
.stn-logo.light b{color:#fff}
.stn-date{font-size:13px;color:var(--mute);border-left:2px solid var(--line);padding-left:18px}
.stn-toplinks{display:flex;gap:8px;flex-wrap:wrap}
.stn-toplinks a{background:var(--ink);color:#fff;font-weight:600;font-size:14px;padding:8px 18px;border-radius:999px;transition:.2s}
.stn-toplinks a:nth-child(4n+1){background:var(--red)}
.stn-toplinks a:nth-child(4n+4){background:var(--gold);color:var(--ink)}
.stn-toplinks a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.2);color:#fff}
.stn-toplinks a:nth-child(4n+4):hover{color:var(--ink)}

/* Nav */
.stn-nav{background:var(--ink);position:sticky;top:0;z-index:50}
.admin-bar .stn-nav{top:32px}
.stn-navrow{display:flex;align-items:center;gap:10px;position:relative}
.stn-menu{display:flex;flex-wrap:wrap;flex:1}
.stn-menu li{position:relative}
.stn-menu a{display:block;color:#fff;font-weight:600;font-size:15px;padding:14px 16px;border-bottom:3px solid transparent}
.stn-menu a:hover,.stn-menu .current-menu-item>a,.stn-menu .current-cat>a{background:var(--ink2);border-bottom-color:var(--red);color:#fff}
.stn-menu .sub-menu{position:absolute;left:0;top:100%;background:var(--ink2);min-width:220px;display:none;box-shadow:var(--sh)}
.stn-menu li:hover>.sub-menu{display:block}
.stn-searchbtn{background:none;border:0;color:#fff;font-size:24px;cursor:pointer;padding:6px 12px}
.stn-searchform{display:none;position:absolute;right:20px;top:100%;background:#fff;padding:10px;border-radius:0 0 var(--r) var(--r);box-shadow:var(--sh)}
.stn-searchform.open{display:block}
.stn-searchform input{border:2px solid var(--line);padding:9px 14px;border-radius:8px;width:260px;font:inherit}
.stn-navtoggle{display:none;background:none;border:0;padding:12px;cursor:pointer}
.stn-navtoggle span{display:block;width:24px;height:3px;background:#fff;margin:4px 0;border-radius:2px}

/* Ticker */
.stn-ticker{background:#fff;border-bottom:1px solid var(--line)}
.stn-ticker .stn-in{display:flex;align-items:center;gap:14px;padding-top:0;padding-bottom:0}
.stn-tk-label{background:var(--red);color:#fff;font-weight:700;font-size:13px;padding:9px 16px 9px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);white-space:nowrap;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}
.stn-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:stnp 1.2s infinite}
@keyframes stnp{50%{opacity:.25}}
.stn-tk-wrap{overflow:hidden;flex:1}
.stn-tk-track{display:inline-flex;white-space:nowrap;animation:stnm 140s linear infinite}
.stn-tk-wrap:hover .stn-tk-track{animation-play-state:paused}
.stn-tk-track a{font-size:14px;font-weight:500;padding:0 26px;position:relative}
.stn-tk-track a:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;background:var(--gold);transform:translateY(-50%) rotate(45deg)}
@keyframes stnm{to{transform:translateX(-50%)}}
.stn-topad{margin-top:18px}
.stn-topad .stn-ad{margin:0 auto;max-width:970px}

/* 3-column shell */
.stn-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 370px;gap:24px;max-width:1720px;margin:24px auto;padding:0 20px;align-items:start}
.stn-stick{position:sticky;top:70px}
.stn-wide{max-width:1720px;margin:0 auto;padding:0 20px 10px}

/* Section headline */
.stn-sec{margin:0 0 34px}
.stn-sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:2px solid var(--ink);position:relative}
.stn-sechead:after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:var(--red)}
.stn-sechead h2{margin:0;display:flex;align-items:center;gap:0;font-size:19px;font-weight:800;line-height:1}
.stn-sechead h2 span{background:var(--ink);color:#fff;padding:9px 24px 9px 18px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);display:block;line-height:1.3}
.stn-more{font-size:13px;font-weight:700;color:var(--red)}

/* Cards */
.stn-thumb{display:block;overflow:hidden;border-radius:10px;background:#e9e4da;position:relative}
.stn-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.stn-thumb:hover img{transform:scale(1.06)}
.stn-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;background:linear-gradient(135deg,#e8e2d6,#d8d0c0)}
.stn-cb h3{margin:0 0 6px;font-size:16px;line-height:1.5;font-weight:700}
.stn-meta{display:flex;gap:10px;font-size:12px;color:var(--mute);align-items:center}
.stn-meta span{background:var(--paper);padding:1px 9px;border-radius:99px;font-weight:600}
.stn-meta.big{font-size:14px;margin-bottom:16px}
.stn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.stn-card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:.25s;border-bottom:3px solid transparent}
.stn-card:hover{transform:translateY(-4px);border-bottom-color:var(--red)}
.stn-card .stn-thumb{border-radius:0;aspect-ratio:3/2}
.stn-card .stn-cb{padding:14px 16px 16px}
.stn-list{display:flex;flex-direction:column;gap:16px}
.stn-row{display:grid;grid-template-columns:240px 1fr;gap:18px;background:var(--card);padding:12px;border-radius:var(--r);box-shadow:var(--sh);border-left:4px solid transparent;transition:.2s}
.stn-row:hover{border-left-color:var(--red);transform:translateX(3px)}
.stn-row .stn-thumb{aspect-ratio:3/2}
.stn-row h3{font-size:18px}
.stn-row p{margin:0 0 8px;color:#4b5563;font-size:14px}

/* Headline block */
.stn-hl{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.stn-lead{position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:340px;background:var(--ink);box-shadow:var(--sh)}
.stn-lead img,.stn-lead .stn-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.stn-lead:hover img{transform:scale(1.05)}
.stn-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,18,32,.92))}
.stn-lead-t{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2;color:#fff}
.stn-lead-t em{font-style:normal;background:var(--red);font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px}
.stn-lead-t b{display:block;font-size:24px;line-height:1.45;margin:10px 0 4px;font-weight:800}
.stn-lead-t small{opacity:.8}
.stn-hl-list{counter-reset:h;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:6px 16px}
.stn-hl-list li{counter-increment:h;border-bottom:1px dashed var(--line)}
.stn-hl-list li:last-child{border:0}
.stn-hl-list a{display:block;padding:13px 0 13px 44px;position:relative;font-weight:600;font-size:15px;line-height:1.5}
.stn-hl-list a:before{content:counter(h);position:absolute;left:0;top:12px;width:32px;height:32px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.stn-hl-list li:first-child a:before{background:var(--red)}
.stn-hl-list time{display:block;font-size:12px;color:var(--mute);font-weight:400}

/* Ads */
.stn-ahead{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.stn-ad{display:block;margin:0 0 14px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--sh);position:relative}
.stn-ad img{width:100%}
.stn-ad:before{content:"AD";position:absolute;right:6px;top:6px;background:rgba(15,27,45,.7);color:#fff;font-size:9px;padding:1px 6px;border-radius:4px;z-index:2;letter-spacing:1px}
.stn-ad-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;gap:6px;border:2px dashed #c9c1b1;background:repeating-linear-gradient(45deg,#faf7f1,#faf7f1 10px,#f1ece1 10px,#f1ece1 20px);box-shadow:none}
.stn-ad-ph:before{display:none}
.stn-ad-ph b{font-size:15px}.stn-ad-ph small{color:var(--mute)}
.stn-inline{margin:0 0 30px}
.stn-inline .stn-ad{max-width:728px;margin:0 auto 12px}

/* Right column */
.stn-right .stn-sechead h2 span{background:var(--red)}
.stn-rlist{display:flex;flex-direction:column;gap:12px}
.stn-ritem{display:grid;grid-template-columns:110px 1fr;gap:12px;background:var(--card);padding:10px;border-radius:var(--r);box-shadow:var(--sh)}
.stn-ritem .stn-thumb{aspect-ratio:4/3}
.stn-ritem h3{font-size:15px;margin-bottom:4px}
.stn-ritem time{font-size:12px;color:var(--mute)}
.stn-ritem.is-big{grid-template-columns:1fr;padding:0;overflow:hidden}
.stn-ritem.is-big .stn-thumb{border-radius:0;aspect-ratio:16/10}
.stn-ritem.is-big .stn-cb{padding:4px 16px 16px}
.stn-ritem.is-big h3{font-size:19px}

/* Single */
.stn-article{background:#fff;padding:28px;border-radius:var(--r);box-shadow:var(--sh)}
.stn-article h1{font-size:32px;line-height:1.4;margin:6px 0 10px;font-weight:800}
.stn-cats a{background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px;margin-right:6px}
.stn-fig{margin:0 0 20px}.stn-fig img{width:100%;border-radius:10px}
.stn-content{font-size:18px;line-height:1.9}
.stn-content a{color:var(--red);text-decoration:underline}
.stn-share{display:flex;gap:8px;align-items:center;margin:24px 0 10px;flex-wrap:wrap}
.stn-share a{background:var(--ink);color:#fff;padding:6px 16px;border-radius:99px;font-size:13px;font-weight:600}
.stn-share a:hover{background:var(--red);color:#fff}
.stn-tags a{display:inline-block;background:var(--paper);padding:2px 12px;margin:0 6px 6px 0;border-radius:99px;font-size:13px}
.stn-empty{background:#fff;padding:18px;border-radius:var(--r);color:var(--mute)}
.navigation.pagination{margin-top:24px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{background:#fff;padding:8px 15px;border-radius:8px;box-shadow:var(--sh);font-weight:600}
.page-numbers.current{background:var(--red);color:#fff}

/* Footer */
.stn-footer{background:var(--ink);color:#cbd5e1;margin-top:30px;border-top:5px solid var(--red)}
.stn-frow{display:flex;justify-content:space-between;gap:30px;padding-top:36px;padding-bottom:30px;flex-wrap:wrap}
.stn-fbrand{max-width:460px}.stn-fbrand p{margin:14px 0 0;font-size:14px}
.stn-fmenu{display:flex;gap:6px 22px;flex-wrap:wrap;align-self:center}
.stn-fmenu a{color:#fff;font-weight:600;font-size:14px}.stn-fmenu a:hover{color:var(--gold)}
.stn-fbar{background:#0a1220;font-size:13px}
.stn-fbarrow{display:flex;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.stn-fbar a{color:var(--gold);font-weight:700}

/* Responsive */
@media(max-width:1280px){
	.stn-shell{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"mid right" "left left"}
	.stn-mid{grid-area:mid}.stn-right{grid-area:right}.stn-left{grid-area:left}
	.stn-stick{position:static}
	.stn-left .stn-stick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
	.stn-left .stn-ahead{grid-column:1/-1;margin:0}
	.stn-left .stn-ad{margin:0}
}
@media(max-width:860px){
	.stn-shell{grid-template-columns:1fr;grid-template-areas:"mid" "right" "left"}
	.stn-hl{grid-template-columns:1fr}
	.stn-row{grid-template-columns:130px 1fr}
	.stn-row p{display:none}
	.stn-navtoggle{display:block}
	.stn-menu{display:none;flex-direction:column;width:100%;order:5}
	.stn-nav.open .stn-menu{display:flex}
	.stn-navrow{flex-wrap:wrap}
	.stn-date{display:none}
	.stn-article{padding:18px}.stn-article h1{font-size:24px}
}
@media(max-width:520px){.stn-lead{min-height:260px}.stn-lead-t b{font-size:19px}.stn-row{grid-template-columns:104px 1fr}.stn-row h3{font-size:15px}}

/* ---- v1.1 additions ---- */
body{font-family:'Anek Tamil',system-ui,-apple-system,'Segoe UI',sans-serif}
.stn-site{margin:0;font-size:inherit;line-height:0}
.stn-logo{line-height:1.2}
.stn-logoimg,.stn-brand .stn-logoimg{max-height:72px;width:auto;height:auto;max-width:100%;display:block}
.stn-logo.is-footer{background:#fff;padding:10px 16px;border-radius:12px;display:inline-block}
.stn-logo.is-footer .stn-logoimg{max-height:60px}
.stn-fbrand{max-width:520px}
.stn-fcol{display:flex;flex-direction:column;gap:16px;align-self:center}
.stn-flinks{display:flex;gap:8px 18px;flex-wrap:wrap}
.stn-flinks a{color:var(--gold);font-size:14px;font-weight:600;border-bottom:1px dashed rgba(242,183,5,.5)}
.stn-flinks a:hover{color:#fff}
.stn-sechead h2,.stn-sechead h1{margin:0;font-size:19px;font-weight:800;line-height:1;display:flex}
.stn-sechead h1 span,.stn-sechead h2 span{background:var(--ink);color:#fff;padding:9px 24px 9px 18px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);display:block;line-height:1.4}
.stn-right .stn-sechead h2 span{background:var(--red)}
.stn-ph{background:linear-gradient(135deg,#e8e2d6,#d4ccbb)}
.stn-lm-wrap{text-align:center;margin-top:22px}
.stn-loadmore{background:var(--red);color:#fff;border:0;font:inherit;font-weight:700;font-size:16px;padding:13px 38px;border-radius:999px;cursor:pointer;box-shadow:0 6px 16px rgba(216,35,42,.35);transition:.2s}
.stn-loadmore:hover{background:var(--red2);transform:translateY(-2px)}
.stn-loadmore:disabled{opacity:.6;cursor:wait;transform:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---- Mobile friendly ---- */
@media(max-width:860px){
	.stn-in,.stn-shell,.stn-wide{padding-left:14px;padding-right:14px}
	.stn-shell{gap:20px;margin-top:16px}
	.stn-hrow{padding-top:10px;padding-bottom:12px;gap:10px}
	.stn-logoimg{max-height:52px}
	.stn-toplinks{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
	.stn-toplinks a{text-align:center;padding:9px 4px;font-size:13px;border-radius:10px}
	.stn-navrow{justify-content:space-between;padding-left:6px;padding-right:6px}
	.stn-navtoggle{display:block;order:1;min-width:48px;min-height:48px}
	.stn-searchbtn{order:2;min-width:48px;min-height:48px;font-size:26px}
	.stn-menu{order:3;border-top:1px solid rgba(255,255,255,.12)}
	.stn-menu a{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08);border-left:4px solid transparent}
	.stn-menu a:hover,.stn-menu .current-menu-item>a{border-left-color:var(--red);border-bottom-color:rgba(255,255,255,.08)}
	.stn-menu .sub-menu{position:static;display:block;box-shadow:none;background:rgba(255,255,255,.05);padding-left:12px}
	.stn-searchform{left:0;right:0;border-radius:0}
	.stn-searchform input{width:100%;font-size:16px}
	.stn-ticker .stn-in{gap:8px}
	.stn-tk-label{font-size:11px;padding:8px 14px 8px 10px}
	.stn-tk-track a{font-size:13px}
	.stn-sechead h1,.stn-sechead h2{font-size:17px}
	.stn-hl-list a{padding-left:40px}
	.stn-lead{min-height:280px}
	.stn-lead-t{padding:16px}.stn-lead-t b{font-size:20px}
	.stn-row{grid-template-columns:118px 1fr;gap:12px;padding:10px}
	.stn-row h3{font-size:15.5px;margin-bottom:4px}
	.stn-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.stn-card .stn-cb{padding:10px 12px 12px}.stn-card h3{font-size:14px}
	.stn-ritem.is-big h3{font-size:17px}
	.stn-loadmore{width:100%;padding:15px}
	.stn-left .stn-stick{grid-template-columns:repeat(2,1fr)}
	.stn-content{font-size:17px;line-height:1.85}
	.stn-frow{padding-top:26px}
	.stn-logo.is-footer .stn-logoimg{max-height:48px}
	.stn-fbarrow{flex-direction:column;text-align:center}
}
@media(max-width:420px){
	.stn-grid{grid-template-columns:1fr}
	.stn-row{grid-template-columns:100px 1fr}
	.stn-toplinks a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.stn-tk-track,.stn-dot{animation:none}*{transition:none!important}}

/* ---- v1.2: left "விளம்பரங்கள்" headline in red, like the right sidebar ---- */
.stn-left .stn-sechead{margin-bottom:14px}
.stn-left .stn-sechead h2 span{background:var(--red)}
