/*
Theme Name: Hello Elementor Hindi News Child
Theme URI: https://elementor.com/hello-theme/
Description: Lightweight news-focused child theme for Hello Elementor with WebP uploads, Discover-friendly post layouts, classic editor helpers, header/footer code fields and snippets manager.
Author: OpenAI
Template: hello-elementor
Version: 1.1.0
Text Domain: he-hindinews
*/
:root{--hn-text:#171717;--hn-muted:#626262;--hn-border:#e5e7eb;--hn-link:#075fc7;--hn-bg:#fff;--hn-width:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hn-bg);color:var(--hn-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--hn-link);text-decoration:underline;text-underline-offset:2px}
a:hover{color:#003f8c}
img{max-width:100%;height:auto}
.hn-wrap{width:min(calc(100% - 36px),var(--hn-width));margin-inline:auto}
.hn-site-header{border-bottom:1px solid var(--hn-border);padding:20px 0}
.hn-brand{font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:var(--hn-text);text-decoration:none}
.hn-tagline{display:block;color:var(--hn-muted);font-size:13px;margin-top:4px}
.hn-main{padding:28px 0 48px}
.hn-section-title{font-size:22px;line-height:1.3;font-weight:800;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--hn-text)}
.hn-featured{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;margin-bottom:34px}
.hn-featured img,.hn-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f2f2f2}
.hn-featured h2{font-size:clamp(25px,3vw,36px);line-height:1.22;letter-spacing:-.6px;margin:10px 0}
.hn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.hn-card h2{font-size:21px;line-height:1.35;margin:10px 0 7px;font-weight:750}
.hn-meta{font-size:13px;line-height:1.5;color:var(--hn-muted)}
.hn-excerpt{font-size:16px;line-height:1.6;color:#444;margin:0}
.hn-pagination{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}
.hn-pagination a,.hn-pagination span{padding:8px 12px;border:1px solid var(--hn-border);text-decoration:none}
.hn-article{max-width:820px;margin-inline:auto}
.hn-article h1{font-size:clamp(32px,5vw,46px);line-height:1.16;letter-spacing:-.8px;margin:0 0 14px;font-weight:850}
.hn-article .hn-hero{margin:22px 0}
.hn-article .hn-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hn-article .entry-content{font-size:19px;line-height:1.82;overflow-wrap:anywhere}
.hn-article .entry-content p{margin:0 0 1.25em}
.hn-article .entry-content h2{font-size:clamp(25px,3.4vw,32px);line-height:1.3;margin:1.5em 0 .55em}
.hn-article .entry-content h3{font-size:clamp(21px,2.8vw,25px);line-height:1.35;margin:1.3em 0 .5em}
.hn-article .entry-content ul,.hn-article .entry-content ol{padding-left:1.4em}
.hn-article .entry-content table{border-collapse:collapse;width:100%;max-width:100%;table-layout:fixed;display:table;overflow-wrap:anywhere;word-break:normal}.hn-article .entry-content th,.hn-article .entry-content td{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.hn-article .entry-content th,.hn-article .entry-content td{border:1px solid #222;padding:9px;text-align:left}
.hn-toc{border:1px solid var(--hn-border);padding:16px 18px;margin:22px 0;background:#fafafa}
.hn-toc summary{font-weight:750;cursor:pointer}
.hn-toc ul{margin:10px 0 0;padding-left:22px}
.hn-related{margin-top:38px}
.hn-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hn-related a{font-weight:700;line-height:1.4}
.hn-footer{border-top:1px solid var(--hn-border);padding:24px 0;color:var(--hn-muted);font-size:14px}
.hn-empty{padding:25px;background:#fafafa;border:1px solid var(--hn-border)}
@media(max-width:760px){
 body{font-size:17px;line-height:1.68}
 .hn-wrap{width:min(calc(100% - 28px),var(--hn-width))}
 .hn-site-header{padding:16px 0}
 .hn-brand{font-size:23px}
 .hn-main{padding-top:20px}
 .hn-featured{grid-template-columns:1fr;gap:12px}
 .hn-featured h2{font-size:27px}
 .hn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .hn-card h2{font-size:18px;line-height:1.35}
 .hn-excerpt{font-size:15px}
 .hn-article h1{font-size:32px}
 .hn-article .entry-content{font-size:18px;line-height:1.78}
 .hn-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.hn-grid{grid-template-columns:1fr}.hn-card h2{font-size:20px}.hn-related-grid{grid-template-columns:1fr}}

/* In-article midpoint related stories and expandable second half */
.hn-mid-related{margin:28px 0 24px;padding:18px 0;border-top:2px solid var(--hn-text);border-bottom:1px solid var(--hn-border);clear:both}
.hn-mid-related h2{font-size:22px!important;line-height:1.35;margin:0 0 16px!important}
.hn-mid-related .hn-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hn-related-card{min-width:0;overflow-wrap:anywhere}
.hn-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:8px}
.hn-related-card>a{display:block;font-size:16px;line-height:1.45}
.hn-readmore{display:inline-block;border:0;border-radius:4px;background:#075fc7;color:#fff;padding:11px 22px;font-size:16px;font-weight:700;cursor:pointer;margin:8px 0 20px}
.hn-readmore:hover{background:#003f8c}
.hn-second-half[hidden]{display:none!important}
.hn-site-header .hn-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hn-site-header .hn-brand{display:inline-block;max-width:100%}
.hn-site-header .custom-logo-link{display:inline-block;max-width:100%}
@media(max-width:760px){.hn-mid-related .hn-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hn-mid-related h2{font-size:20px!important}}
@media(max-width:420px){.hn-mid-related .hn-related-grid{grid-template-columns:1fr}.hn-related-card>a{font-size:17px}}