/*
Theme Name: Khabar Nepal
Theme URI: https://example.com/khabarnepal
Author: Khabar Nepal
Description: SEO-friendly Nepali online news portal theme. Fast (no CDN frameworks, one stylesheet, deferred JS), semantic HTML5, NewsArticle / NewsMediaOrganization / Breadcrumb JSON-LD, Open Graph, Twitter cards, Customizer-driven homepage, ad slots, NEPSE widget and mobile-first layout.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khabarnepal
Tags: news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support
*/

:root{
  --red:#c8102e;--red-d:#9b0b22;--navy:#0f172a;--bg:#f8fafc;--bd:#e2e8f0;--tx:#1e293b;
  --mu:#64748b;--mu2:#94a3b8;--em:#059669;--am:#f59e0b;--wh:#fff;--s800:#1e293b;--s700:#334155;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Mukta','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
h1,h2,h3,h4,h5,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;background:#fff;color:var(--red);padding:.6rem 1rem;z-index:9999;border-radius:6px}
.kn-container{max-width:1280px;margin:0 auto;padding:0 1rem}
.kn-icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex:none}
.kn-icon.fill{fill:currentColor;stroke:none}
.clamp-2,.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.clamp-2{-webkit-line-clamp:2;line-clamp:2}
.clamp-3{-webkit-line-clamp:3;line-clamp:3}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--red);border-radius:4px}

/* Top bar */
.kn-topbar{background:var(--top-bg,var(--navy));color:#cbd5e1;font-size:.78rem;border-bottom:1px solid var(--s800)}
.kn-topbar .kn-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.35rem;padding-bottom:.35rem}
.kn-topbar .date{display:flex;align-items:center;gap:.4rem;color:#fff;font-weight:500}
.kn-topbar .date .kn-icon{color:var(--red)}
.kn-topbar .weather{color:var(--mu2);padding-left:.75rem;margin-left:.75rem;border-left:1px solid var(--s700);display:none}
.kn-rates{display:none;align-items:center;gap:.9rem;font-size:.72rem;font-weight:700;background:var(--s800);padding:.1rem .8rem;border-radius:99px;border:1px solid var(--s700)}
.kn-rates span+span{border-left:1px solid var(--s700);padding-left:.9rem}
.kn-rates .g{color:#fbbf24}.kn-rates .d{color:#34d399}.kn-rates .n{color:#60a5fa}
.kn-topright{display:flex;align-items:center;gap:.75rem}
.kn-live{background:var(--red);color:#fff;padding:.1rem .6rem;border-radius:4px;font-weight:700;font-size:.72rem;display:flex;align-items:center;gap:.35rem}
.kn-live:hover{background:var(--red-d);color:#fff}
.kn-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:kn-pulse 1.6s infinite}
@keyframes kn-pulse{50%{opacity:.3}}
.kn-social{display:flex;gap:.7rem;padding-left:.6rem;border-left:1px solid var(--s700);color:var(--mu2)}
.kn-social a:hover{color:#fff}

/* Header */
.kn-header{background:var(--hdr-bg,#fff);border-bottom:1px solid var(--bd);box-shadow:0 1px 2px rgba(0,0,0,.04);padding:1rem 0}
.kn-header .kn-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}
.kn-brand{display:flex;align-items:center;gap:.75rem}
.kn-badge{background:var(--red);color:#fff;font-weight:800;font-size:1.9rem;padding:.1rem .8rem;border-radius:10px;line-height:1.4;box-shadow:0 4px 8px rgba(200,16,46,.25)}
.kn-title{font-size:1.9rem;font-weight:800;color:var(--hdr-tx,#0f172a);line-height:1;letter-spacing:-.01em;display:block}
.kn-title:hover{color:var(--hdr-tx,#0f172a)}
.kn-tagline{font-size:.7rem;font-weight:600;color:var(--hdr-tx2,var(--mu));margin-top:.3rem;display:block}
.custom-logo{max-height:64px;width:auto}
.kn-ad{max-width:728px;width:100%;display:flex;justify-content:center;overflow:hidden}
.kn-ad-wrap{display:flex;justify-content:center;margin:.5rem 0}
.kn-ad-label{display:block;font-size:.6rem;color:var(--mu2);text-align:center}

/* Nav */
.kn-nav{background:var(--nav-bg,var(--navy));color:var(--nav-tx,#fff);position:sticky;top:0;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.kn-nav .kn-container{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.kn-nav-toggle{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;padding:.4rem .2rem;color:var(--nav-tx,#fff)}
.kn-nav-toggle .kn-icon{font-size:1.3rem}
.kn-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--nav-bg,var(--s800));border-top:1px solid rgba(255,255,255,.15);padding:.6rem .5rem;font-weight:600}
.kn-menu.is-open{display:block}
.kn-menu a{display:block;padding:.5rem .75rem;border-radius:5px;color:var(--nav-tx,#e2e8f0)}
.kn-menu a:hover{background:rgba(0,0,0,.18);color:var(--nav-tx,#fff)}
.kn-menu .kn-home a,.kn-menu .current-menu-item>a,.kn-menu .current-menu-ancestor>a,.kn-menu .current-cat>a{background:var(--red);color:#fff}
.kn-menu .kn-home a{display:flex;align-items:center;gap:.4rem}
.kn-menu ul{display:block}
.kn-menu .sub-menu{display:none}
.kn-search-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);color:var(--nav-tx,#fff);display:flex;align-items:center;justify-content:center;transition:background .2s}
.kn-search-btn:hover{background:var(--red)}

/* Ticker */
.kn-ticker{background:#fff;border-bottom:1px solid var(--bd);margin:.5rem 0}
.kn-ticker .kn-container{display:flex;align-items:center;overflow:hidden}
.kn-ticker .lbl{background:var(--red);color:#fff;font-size:.78rem;font-weight:800;padding:.3rem .75rem;display:flex;align-items:center;gap:.4rem;flex:none}
.kn-ticker .lbl .kn-icon{color:#fde047}
.kn-ticker .track{overflow:hidden;width:100%;padding:.3rem 0 .3rem .75rem;font-size:.92rem;font-weight:600;color:#334155}
.kn-ticker ul{display:inline-flex;gap:3rem;white-space:nowrap;animation:kn-marquee 40s linear infinite}
.kn-ticker ul:hover{animation-play-state:paused}
.kn-ticker li a{display:inline-flex;align-items:center;gap:.5rem}
.kn-ticker li a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
@keyframes kn-marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.kn-ticker ul{animation:none}.kn-ticker .track{overflow-x:auto}.kn-live i{animation:none}}

/* Layout */
.kn-main{padding-top:1rem;padding-bottom:2.5rem}
.kn-stack>*+*{margin-top:2.5rem}
.kn-grid{display:grid;gap:1.5rem}
.kn-cols{display:grid;gap:2rem}
.kn-card-box{background:#fff;border:1px solid var(--bd);border-radius:12px}

/* Media */
.kn-media{display:block;position:relative;overflow:hidden;background:#e2e8f0;aspect-ratio:16/9;border-radius:8px}
.kn-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
a:hover>.kn-media img,.kn-media:hover img{transform:scale(1.04)}
.kn-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#cbd5e1,#e2e8f0)}
.kn-chip{display:inline-block;background:rgba(200,16,46,.1);color:var(--red);font-size:.68rem;font-weight:700;padding:.05rem .5rem;border-radius:4px;line-height:1.6}
.kn-chip:hover{background:var(--red);color:#fff}
.kn-chip.on-img{position:absolute;top:.75rem;left:.75rem;background:var(--red);color:#fff;font-size:.78rem;padding:.2rem .6rem;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.kn-time{font-size:.72rem;color:var(--mu2);display:inline-flex;align-items:center;gap:.3rem}

/* Hero */
.kn-hero{padding:1rem}
.kn-hero .kn-media{aspect-ratio:16/9}
.kn-hero h2{font-size:1.55rem;font-weight:800;line-height:1.3;color:#0f172a;margin-top:.5rem}
.kn-hero .meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.78rem;color:var(--mu);margin-top:1rem}
.kn-hero .meta .t{color:var(--red);font-weight:700}
.kn-hero p.ex{font-size:.92rem;color:#475569;margin-top:.5rem}
.kn-hero .foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;margin-top:.8rem;padding-top:.6rem;font-size:.78rem;font-weight:600;color:var(--mu)}
.kn-hero .foot .more{color:var(--red);font-weight:700;display:inline-flex;gap:.3rem;align-items:center}
.kn-hero .foot .more:hover{text-decoration:underline}
.kn-hero .foot .views .kn-icon{color:var(--em)}
.kn-side{display:flex;gap:.8rem;padding:.8rem;transition:border-color .2s}
.kn-side:hover{border-color:rgba(200,16,46,.4)}
.kn-side .kn-media{width:112px;aspect-ratio:7/5;flex:none}
.kn-side .body{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.kn-side h3{font-size:.95rem;font-weight:700;line-height:1.35;color:#1e293b;margin:.15rem 0}
.kn-side h3 a:hover{color:var(--red)}
.kn-side .cat{font-size:.68rem;font-weight:700;color:var(--red)}
.kn-sidestack{display:grid;gap:1rem;align-content:start}

/* Section heads */
.kn-sec-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--c,var(--red));padding-bottom:.4rem;margin-bottom:1.2rem}
.kn-sec-head h2{font-size:1.3rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem}
.kn-sec-head h2::before{content:"";width:14px;height:14px;border-radius:3px;background:var(--c,var(--red))}
.kn-sec-head a.more{font-size:.78rem;font-weight:700;color:var(--c,var(--red));display:inline-flex;align-items:center;gap:.2rem}
.kn-sec-head a.more:hover{text-decoration:underline}

/* Grid cards */
.kn-cards{display:grid;gap:1.25rem}
.kn-gcard{display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s;height:100%}
.kn-gcard:hover{box-shadow:0 6px 16px rgba(15,23,42,.08)}
.kn-gcard .kn-media{border-radius:0;aspect-ratio:5/3}
.kn-gcard .body{padding:.9rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.kn-gcard h3,.kn-gcard h4{font-size:1.05rem;font-weight:700;line-height:1.35;color:#0f172a}
.kn-gcard h3 a:hover,.kn-gcard h4 a:hover{color:var(--red)}
.kn-gcard .ex{font-size:.82rem;color:var(--mu)}
.kn-gcard .foot{margin-top:auto;border-top:1px solid #f1f5f9;padding-top:.5rem;display:flex;justify-content:space-between;color:var(--mu2)}
.kn-gcard.em:hover{border-color:var(--em)}.kn-gcard.em h3 a:hover{color:var(--em)}.kn-gcard.em .kn-chip{background:rgba(5,150,105,.1);color:var(--em)}

/* Sidebar */
.kn-widget{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}
.kn-widget-pad{padding:1rem}
.kn-widget .widget-title{font-size:1rem;font-weight:800;padding:.7rem 1rem;border-bottom:2px solid var(--red);background:#f8fafc}
.kn-widget ul li{padding:.5rem 1rem;border-bottom:1px solid #f1f5f9}
.kn-tabs{display:flex;border-bottom:1px solid var(--bd);background:#f8fafc}
.kn-tabs button{flex:1;padding:.65rem;font-weight:700;font-size:.9rem;color:var(--mu);border-bottom:2px solid transparent;display:flex;gap:.4rem;justify-content:center;align-items:center}
.kn-tabs button[aria-selected="true"]{color:var(--red);border-color:var(--red);background:#fff}
.kn-tabs button:hover{color:var(--s800)}
.kn-tablist{padding:.5rem .8rem}
.kn-tablist[hidden]{display:none}
.kn-tablist li+li{border-top:1px solid #f1f5f9}
.kn-tablist a{display:block;padding:.55rem 0}
.kn-tablist .t{font-size:.68rem;font-weight:700;color:var(--red);display:flex;gap:.3rem;align-items:center}
.kn-tablist h3,.kn-tablist h4{font-size:.88rem;font-weight:700;line-height:1.4;color:#1e293b;margin-top:.1rem}
.kn-tablist a:hover h3,.kn-tablist a:hover h4{color:var(--red)}
.kn-tablist.num a{display:flex;align-items:center;gap:.8rem}
.kn-tablist.num .n{font-size:1.6rem;font-weight:800;color:var(--mu2);line-height:1;min-width:2rem}
.kn-tablist.num li:first-child .n{color:var(--red)}

/* Economy */
.kn-nepse{background:#022c22;color:#d1fae5;border:1px solid rgba(6,95,70,.8);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}
.kn-nepse .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.kn-nepse .pill{font-size:.72rem;font-weight:700;background:#065f46;color:#a7f3d0;padding:.1rem .65rem;border-radius:99px}
.kn-nepse .val{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.kn-nepse .val strong{font-size:2rem;color:#fff;font-weight:800;line-height:1.2}
.kn-nepse .up{color:#34d399;font-weight:700;font-size:.9rem}
.kn-nepse .dn{color:#fb7185}
.kn-nepse .sub{font-size:.78rem;color:#6ee7b7}
.kn-nepse .rows{margin-top:1rem;padding-top:.7rem;border-top:1px solid rgba(6,95,70,.6);font-family:ui-monospace,Menlo,monospace;font-size:.78rem;display:grid;gap:.4rem}
.kn-nepse .rows div{display:flex;justify-content:space-between;gap:.5rem}

/* Opinion */
.kn-opinion{padding:1.5rem}
.kn-op{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.kn-op .av{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--am);transition:transform .3s}
.kn-op:hover .av{transform:scale(1.05)}
.kn-op .av img{width:100%;height:100%;object-fit:cover}
.kn-op .by{font-weight:700;font-size:.92rem;color:#0f172a}
.kn-op .role{font-size:.72rem;color:var(--mu)}
.kn-op h3{font-size:.92rem;font-weight:800;line-height:1.35;color:var(--s800)}
.kn-op h3 a:hover{color:#d97706}

/* Video */
.kn-video{background:var(--navy);color:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 24px rgba(15,23,42,.25)}
.kn-video .kn-sec-head{border-color:var(--s800)}
.kn-video .kn-sec-head h2{color:#fff}
.kn-video .kn-sec-head h2::before{display:none}
.kn-video .kn-sec-head h2 .kn-icon{color:var(--red)}
.kn-vfeat{position:relative;display:block;border-radius:12px;overflow:hidden;min-height:280px;background:#1e293b}
.kn-vfeat .kn-media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.kn-vfeat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000,rgba(0,0,0,.4),transparent)}
.kn-vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(200,16,46,.92);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.4);transition:transform .2s}
.kn-vfeat:hover .kn-vplay{transform:translate(-50%,-50%) scale(1.1)}
.kn-vfeat .cap{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2}
.kn-vfeat h3{font-size:1.25rem;font-weight:800;color:#fff;margin-top:.3rem}
.kn-vfeat:hover{color:#fff}
.kn-vitem{display:flex;gap:.75rem;align-items:center;background:var(--s800);padding:.6rem;border-radius:12px;color:#e2e8f0;transition:background .2s}
.kn-vitem:hover{background:var(--s700);color:#fff}
.kn-vitem .kn-media{width:96px;aspect-ratio:3/2;flex:none;border-radius:8px}
.kn-vitem h3{font-size:.78rem;font-weight:700;line-height:1.4}
.kn-vlist{display:grid;gap:.75rem;align-content:start}

/* Archive heading / breadcrumbs / list rows */
.kn-crumbs{font-size:.8rem;color:var(--mu);margin-bottom:1rem}
.kn-crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem}
.kn-crumbs li+li::before{content:"›";margin-right:.3rem;color:var(--mu2)}
.kn-crumbs a:hover{color:var(--red)}
.kn-archive-head{border-bottom:2px solid var(--red);padding-bottom:.6rem;margin-bottom:1.4rem}
.kn-archive-head h1{font-size:1.7rem;font-weight:800;color:#0f172a;line-height:1.3}
.kn-archive-head .desc{color:var(--mu);font-size:.92rem;margin-top:.3rem}
.kn-row{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--bd)}
.kn-row:first-child{padding-top:0}
.kn-row .kn-media{width:34%;max-width:260px;aspect-ratio:5/3;flex:none}
.kn-row .body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.kn-row h2{font-size:1.2rem;font-weight:800;line-height:1.35;color:#0f172a}
.kn-row h2 a:hover{color:var(--red)}
.kn-row .ex{font-size:.88rem;color:#475569}
.kn-row .meta{font-size:.75rem;color:var(--mu2);margin-top:auto;display:flex;gap:.8rem;flex-wrap:wrap}
.navigation.pagination{margin-top:2rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.page-numbers{min-width:40px;height:40px;padding:0 .8rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);background:#fff;border-radius:8px;font-weight:700;font-size:.9rem}
a.page-numbers:hover{border-color:var(--red);color:var(--red)}
.page-numbers.current{background:var(--red);border-color:var(--red);color:#fff}

/* Single */
.kn-article{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:1.25rem}
.kn-article h1{font-size:1.75rem;font-weight:800;line-height:1.3;color:#0f172a;margin:.6rem 0}
.kn-byline{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font-size:.82rem;color:var(--mu);padding:.7rem 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin-bottom:1rem}
.kn-byline .a{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--s800)}
.kn-byline .a img{border-radius:50%}
.kn-byline .kn-icon{color:var(--red)}
.kn-feat{margin-bottom:1rem}
.kn-feat figcaption{font-size:.78rem;color:var(--mu);padding:.4rem 0}
.entry-content{font-size:1.08rem;line-height:1.9;color:#0f172a;overflow-wrap:break-word}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2{font-size:1.5rem;font-weight:800;line-height:1.4;margin-top:1.6em}
.entry-content h3{font-size:1.25rem;font-weight:700;margin-top:1.4em}
.entry-content a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.entry-content ul,.entry-content ol{padding-left:1.5rem}
.entry-content ul{list-style:disc}.entry-content ol{list-style:decimal}
.entry-content li+li{margin-top:.3em}
.entry-content blockquote{border-left:4px solid var(--red);background:#f8fafc;padding:.8rem 1.2rem;margin-left:0;margin-right:0;font-weight:600;border-radius:0 8px 8px 0}
.entry-content img{border-radius:6px}
.entry-content figure{max-width:100%}
.entry-content figcaption,.wp-caption-text{font-size:.8rem;color:var(--mu);margin-top:.3rem}
.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border:1px solid var(--bd);padding:.5rem .7rem}
.entry-content iframe,.entry-content video{width:100%}
.entry-content .alignleft{float:left;margin:0 1.2rem .8rem 0}
.entry-content .alignright{float:right;margin:0 0 .8rem 1.2rem}
.entry-content .aligncenter{margin-left:auto;margin-right:auto}
.kn-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}
.kn-tags a{border:1px solid var(--bd);border-radius:99px;padding:.1rem .8rem;font-size:.8rem;color:var(--s700);background:#f8fafc}
.kn-tags a:hover{background:var(--red);border-color:var(--red);color:#fff}
.kn-share{display:flex;align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.85rem;font-weight:700}
.kn-share a{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:6px;color:#fff;font-size:.8rem}
.kn-share .fb{background:#1877f2}.kn-share .tw{background:#0f172a}.kn-share .cp{background:var(--s700)}
.kn-share a:hover{color:#fff;opacity:.88}
.kn-author{display:flex;gap:1rem;margin-top:1.5rem;padding:1rem;background:#f8fafc;border:1px solid var(--bd);border-radius:10px}
.kn-author img{border-radius:50%;flex:none}
.kn-author h2{font-size:1rem;font-weight:800}
.kn-author p{font-size:.85rem;color:var(--mu);margin-top:.2rem}
.kn-related{margin-top:2rem}

/* Comments */
.kn-comments{margin-top:2rem;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:1.25rem}
.kn-comments h2{font-size:1.2rem;font-weight:800;margin-bottom:1rem}
.comment-list{display:grid;gap:1rem}
.comment-list .children{margin-left:1.5rem;margin-top:1rem;display:grid;gap:1rem}
.comment-body{border-bottom:1px solid #f1f5f9;padding-bottom:1rem;font-size:.92rem}
.comment-meta{font-size:.78rem;color:var(--mu)}
.comment-author img{border-radius:50%;float:left;margin-right:.6rem}
.comment-form label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.2rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem .8rem;font:inherit}
.comment-form p{margin-bottom:.8rem}
.kn-btn,.comment-form .submit,.search-submit{background:var(--red);color:#fff;font-weight:700;padding:.55rem 1.2rem;border-radius:8px;font-size:.9rem;transition:background .2s}
.kn-btn:hover,.comment-form .submit:hover,.search-submit:hover{background:var(--red-d);color:#fff}

/* Search */
.search-form{position:relative;display:flex;gap:.5rem}
.search-field{flex:1;border:1px solid #cbd5e1;border-radius:12px;padding:.8rem 1rem;font:inherit;font-size:.92rem;min-width:0}
.search-field:focus{outline:0;border-color:var(--red)}
.kn-modal{position:fixed;inset:0;background:rgba(2,6,23,.8);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}
.kn-modal[hidden]{display:none}
.kn-modal-box{background:#fff;border-radius:16px;max-width:560px;width:100%;padding:1.5rem;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.kn-modal-box h2{font-size:1.1rem;font-weight:800;margin-bottom:.8rem;color:#0f172a}
.kn-modal-close{position:absolute;top:1rem;right:1rem;color:var(--mu2);font-size:1.3rem}
.kn-modal-close:hover{color:#0f172a}

/* Footer */
.kn-footer{background:var(--foot-bg,var(--navy));color:#cbd5e1;font-size:.82rem;border-top:4px solid var(--red);margin-top:2rem}
.kn-footer .cols{display:grid;gap:2rem;padding:3rem 1rem}
.kn-footer h2.ft{color:#fff;font-weight:700;font-size:.95rem;border-bottom:1px solid var(--s800);padding-bottom:.5rem;margin-bottom:.7rem}
.kn-footer .about{color:var(--mu2);line-height:1.7;font-size:.78rem}
.kn-footer .reg{color:var(--mu2);font-size:.78rem;margin-top:.5rem}
.kn-footer p{margin:.3rem 0;color:var(--mu2)}
.kn-footer li{margin:.4rem 0;color:var(--mu2)}
.kn-footer a:hover{color:var(--red)}
.kn-footer .kn-icon{color:var(--red);margin-right:.4rem}
.kn-footer .brand{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:1.15rem;padding:.1rem .7rem;border-radius:5px;margin-bottom:.7rem}
.kn-footer .brand:hover{color:#fff}
.kn-copy{background:#020617;border-top:1px solid var(--s800);text-align:center;color:#64748b;font-size:.75rem;padding:1rem}

/* Mobile bar */
.kn-mbar{position:fixed;bottom:0;left:0;right:0;background:rgba(15,23,42,.96);backdrop-filter:blur(8px);color:#fff;z-index:40;border-top:1px solid var(--s800);padding:.4rem 1rem;display:flex;justify-content:space-between;font-size:.72rem}
.kn-mbar a,.kn-mbar button{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#cbd5e1;padding:.1rem .5rem}
.kn-mbar .kn-icon{font-size:1.15rem}
.kn-mbar a:hover,.kn-mbar button:hover,.kn-mbar .on{color:#fff}
.kn-mbar .on{color:#f87171;font-weight:700}
body{padding-bottom:58px}

.kn-notfound{text-align:center;padding:3rem 1rem}
.kn-notfound h1{font-size:4rem;font-weight:800;color:var(--red);line-height:1}
.kn-notfound p{margin:.8rem 0 1.5rem;color:var(--mu)}
.sticky .kn-chip{background:var(--red);color:#fff}
.bypostauthor{display:block}
.gallery{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}

/* Responsive */
@media (min-width:640px){
  body{padding-bottom:0}.kn-mbar{display:none}
  .kn-cards.c2{grid-template-columns:repeat(2,1fr)}
  .kn-cards.c3{grid-template-columns:repeat(2,1fr)}
  .kn-cards.c4{grid-template-columns:repeat(2,1fr)}
  .kn-footer .cols{grid-template-columns:repeat(2,1fr)}
  .kn-article{padding:2rem}
  .kn-article h1{font-size:2.2rem}
}
@media (min-width:768px){
  .kn-header .kn-container{flex-direction:row}
  .kn-topbar .weather{display:inline}
  .kn-cards.c3{grid-template-columns:repeat(3,1fr)}
  .kn-cards.c4{grid-template-columns:repeat(4,1fr)}
  .kn-hero h2{font-size:1.9rem}
  .kn-footer .cols{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1024px){
  .kn-nav-toggle{display:none}
  .kn-nav .kn-container{min-height:48px}
  .kn-menu{display:flex!important;position:static;background:none;border:0;padding:0;align-items:center;gap:.2rem;font-size:1rem;font-weight:700}
  .kn-menu ul{display:flex;gap:.25rem;align-items:center}
  .kn-menu a{padding:.65rem .75rem;border-radius:5px}
  .kn-menu a:hover{background:rgba(0,0,0,.18);color:var(--nav-tx,#fff)}
  .kn-menu .kn-home a,.kn-menu .current-menu-item>a,.kn-menu .current-cat>a{background:var(--red);color:#fff;border-radius:6px 6px 0 0}
  .kn-menu .kn-home a:hover{background:var(--red-d);color:#fff}
  .kn-rates{display:flex}
  .kn-lead{grid-template-columns:7fr 5fr}
  .kn-cols{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
  .kn-econ{grid-template-columns:4fr 8fr}
  .kn-vgrid{grid-template-columns:8fr 4fr}
  .kn-hero .kn-media{aspect-ratio:16/8.6}
}
@media (max-width:639px){
  .kn-row{flex-direction:column}.kn-row .kn-media{width:100%;max-width:none}
  .kn-op-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1023px){.kn-nav{position:sticky}.kn-nav .kn-container{position:relative}}
@media print{.kn-topbar,.kn-nav,.kn-ticker,.kn-mbar,.kn-footer,.kn-share,aside{display:none!important}}

.kn-tablist .kn-time{color:var(--red);font-weight:700;font-size:.68rem}
.kn-article .kn-ad-wrap{margin:1.5rem 0}