/*
Theme Name: Cinereporters News
Theme URI: https://cinereporters.com/
Author: Cinereporters
Description: Fast, responsive Tamil news theme with a 6-story homepage grid.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cinereporters-news
*/

:root{--cr-red:#ef1745;--cr-dark:#171717;--cr-muted:#777;--cr-border:#e8e8e8;--cr-bg:#fff;--cr-wrap:1240px;--cr-gap:10px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--cr-dark);font-family:Arial,"Noto Sans Tamil","Latha",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(100% - 32px,var(--cr-wrap));margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid var(--cr-border);position:relative;z-index:20}
.header-inner{min-height:86px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:250px;height:auto;max-height:62px;object-fit:contain}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.primary-nav a{font-size:15px;font-weight:700;color:#111;white-space:nowrap}
.primary-nav a:hover{color:var(--cr-red)}
.menu-toggle{display:none;border:0;background:none;font-size:28px;cursor:pointer;margin-left:auto}
.search-link{font-size:23px;line-height:1;padding:4px}
.main{padding:20px 0 50px}
.home-wrap{width:min(100% - 32px,var(--cr-wrap));margin:auto}
/* Exact desktop composition: hero spans 2 rows, two stories stacked on the right. */
.feature-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--cr-gap);height:520px}
.feature-card{position:relative;overflow:hidden;background:#111;border-radius:0;min-width:0}
.feature-card.hero{grid-row:1 / 3}
.feature-card a{display:block;width:100%;height:100%}
.feature-card img{width:100%;height:100%;object-fit:cover;object-position:center}
.feature-card .shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.32) 43%,rgba(0,0,0,.04) 75%)}
.feature-card .story-meta{position:absolute;left:20px;right:18px;bottom:17px;color:#fff;z-index:2}
.feature-card .category{font-size:12px;font-weight:700;margin-bottom:5px;opacity:.95}
.feature-card h2{margin:0;color:#fff;font-size:23px;line-height:1.25;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.25);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feature-card.hero h2{font-size:34px;line-height:1.18;-webkit-line-clamp:4}
.feature-card .date{font-size:11px;margin-top:7px;opacity:.92}
.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cr-gap);margin-top:26px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.section-heading .title{font-size:23px;font-weight:800;display:flex;align-items:center;gap:10px}
.section-heading .title:before{content:"";width:5px;height:28px;background:var(--cr-red);display:block}
.section-heading .more{font-size:13px;color:#777}
.secondary-card{border:1px solid var(--cr-border);background:#fff;overflow:hidden}
.secondary-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.secondary-card .card-body{padding:10px 11px 13px}
.secondary-card h3{margin:0;font-size:18px;line-height:1.32;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.secondary-card .date{font-size:11px;color:#888;margin-top:6px}
.news-section{margin-top:30px}
.post-header{max-width:900px;margin:0 auto 22px}
.post-category{font-size:13px;color:var(--cr-red);font-weight:700;margin-bottom:8px}
.post-title{font-size:44px;line-height:1.2;margin:0 0 10px;font-weight:800}
.post-meta{color:#777;font-size:13px}
.post-featured{width:100%;margin:20px auto 24px}
.post-featured img{width:100%;max-height:680px;object-fit:cover}
.post-content{max-width:860px;margin:auto;font-size:19px;line-height:1.85}
.post-content p{margin:0 0 20px}
.post-content h2,.post-content h3{line-height:1.35;margin-top:30px}
.post-content figure{margin:25px 0}
.post-content img{height:auto}
.archive-title{font-size:32px;margin:0 0 20px}
.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.site-footer{border-top:1px solid var(--cr-border);margin-top:45px;padding:28px 0;color:#666;font-size:13px}
.site-footer .footer-inner{display:flex;justify-content:space-between;gap:20px}
.empty-state{padding:60px 0;text-align:center}
@media (max-width:900px){
 .header-inner{min-height:72px;gap:14px}.brand img{width:205px}.primary-nav ul{gap:17px}.primary-nav a{font-size:13px}.feature-grid{height:440px}.feature-card.hero h2{font-size:28px}.feature-card h2{font-size:19px}.post-title{font-size:36px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
 .container,.home-wrap{width:min(100% - 20px,1240px)}
 .header-inner{min-height:64px}.brand img{width:185px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:10px;right:10px;top:64px;background:#fff;border:1px solid var(--cr-border);box-shadow:0 10px 30px rgba(0,0,0,.08)}.primary-nav.open{display:block}.primary-nav ul{display:block;padding:8px}.primary-nav li{border-bottom:1px solid #eee}.primary-nav li:last-child{border-bottom:0}.primary-nav a{display:block;padding:12px 8px;font-size:15px}
 .main{padding-top:10px}.feature-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:8px}.feature-card.hero{grid-row:auto;height:auto;aspect-ratio:16/10}.feature-card:not(.hero){height:auto;aspect-ratio:16/9}.feature-card.hero h2{font-size:26px}.feature-card h2{font-size:19px}.feature-card .story-meta{left:14px;right:14px;bottom:13px}
 .secondary-grid{grid-template-columns:1fr;gap:14px}.secondary-card img{aspect-ratio:16/9}.section-heading .title{font-size:20px}.post-title{font-size:30px}.post-content{font-size:18px;line-height:1.75}.post-list{grid-template-columns:1fr}.site-footer .footer-inner{display:block}.site-footer .footer-inner>*+*{margin-top:8px}
}