/*
Theme Name: KamuVizyon Haber
Theme URI: https://kamuhaberleri.net/
Author: Salih Bicak Dijital Operasyon Ekibi
Author URI: https://bicak.org/
Description: Kamu haberciligi ve guncel yayinlar icin hizli, erisilebilir ve bagimsiz WordPress haber temasi.
Version: 1.1.3
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: kamuvizyon
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --kv-paper: #f8f8f8;
  --kv-surface: #ffffff;
  --kv-ink: #212121;
  --kv-muted: #747474;
  --kv-line: #e4e4e4;
  --kv-brand: #872823;
  --kv-brand-dark: #6d1f1b;
  --kv-signal: #872823;
  --kv-sun: #c59746;
  --kv-night: #1b1b1b;
  --kv-radius: 5px;
  --kv-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
  --kv-content: 1140px;
  --kv-head: "Roboto", sans-serif;
  --kv-copy: "Roboto", sans-serif;
  --kv-ui: "Roboto", sans-serif;
}

[data-theme="dark"] {
  --kv-paper: #101917;
  --kv-surface: #17221f;
  --kv-ink: #f1efe7;
  --kv-muted: #aeb9b5;
  --kv-line: #33413d;
  --kv-brand: #39bcae;
  --kv-brand-dark: #78d8cf;
  --kv-signal: #ff7a51;
  --kv-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--kv-paper);
  color: var(--kv-ink);
  font-family: var(--kv-copy);
  font-size: 16px;
  line-height: 1.6;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
}
body.kv-lock { overflow: hidden; }
a { color: var(--kv-brand-dark); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: var(--kv-signal); }
img { display: block; height: auto; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, .kv-button { cursor: pointer; }
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden;
  position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip: auto !important; clip-path: none; background: var(--kv-surface); color: var(--kv-ink);
  display: block; height: auto; left: 12px; padding: 12px 18px; top: 12px; width: auto; z-index: 100000;
}
.kv-wrap { margin-inline: auto; max-width: var(--kv-content); padding-inline: 24px; width: 100%; }
.kv-section { margin-block: 42px; }
.kv-main { min-height: 50vh; }

.kv-topline { background: var(--kv-night); color: #f9f4e9; font-family: var(--kv-ui); font-size: 12px; font-weight: 600; letter-spacing: .025em; }
.kv-topline__inner { align-items: center; display: flex; justify-content: space-between; min-height: 36px; }
.kv-topline a { color: inherit; text-decoration: none; }
.kv-topline__links { display: flex; gap: 18px; }
.kv-date { opacity: .78; }

.kv-header { backdrop-filter: blur(16px); background: color-mix(in srgb, var(--kv-surface) 88%, transparent); border-bottom: 1px solid var(--kv-line); position: sticky; top: 0; z-index: 50; }
.admin-bar .kv-header { top: 32px; }
.kv-header__main { align-items: center; display: grid; gap: 24px; grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr); min-height: 92px; }
.kv-brand { align-items: center; color: var(--kv-ink); display: inline-flex; gap: 12px; text-decoration: none; }
.kv-brand__mark { align-items: center; background: var(--kv-brand); border-radius: 50% 50% 45% 55%; color: #fff; display: inline-flex; font-family: var(--kv-ui); font-size: 22px; font-weight: 800; height: 48px; justify-content: center; transform: rotate(-4deg); width: 48px; }
.kv-brand__text { display: grid; line-height: 1; }
.kv-brand__name { font-family: var(--kv-head); font-size: clamp(27px, 3vw, 36px); font-weight: 700; letter-spacing: -.04em; }
.kv-brand__tagline { color: var(--kv-muted); font-family: var(--kv-ui); font-size: 10px; font-weight: 700; letter-spacing: .095em; margin-top: 7px; text-transform: uppercase; }
.custom-logo { max-height: 62px; width: auto; }
.kv-nav ul { align-items: center; display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.kv-nav a { border-radius: 999px; color: var(--kv-ink); display: block; font-family: var(--kv-ui); font-size: 14px; font-weight: 700; letter-spacing: -.01em; padding: 9px 13px; text-decoration: none; }
.kv-nav a:hover, .kv-nav .current-menu-item > a { background: var(--kv-ink); color: var(--kv-surface); }
.kv-header__actions { align-items: center; display: flex; gap: 8px; justify-content: flex-end; }
.kv-icon-button { align-items: center; background: transparent; border: 1px solid var(--kv-line); border-radius: 50%; color: var(--kv-ink); display: inline-flex; height: 42px; justify-content: center; padding: 0; width: 42px; }
.kv-icon-button:hover { background: var(--kv-ink); color: var(--kv-surface); }
.kv-account { border: 1px solid var(--kv-line); border-radius: 999px; color: var(--kv-ink); font-family: var(--kv-ui); font-size: 13px; font-weight: 700; padding: 8px 13px; text-decoration: none; }
.kv-mobile-toggle { display: none; }

.kv-ticker { background: var(--kv-signal); color: #fff; overflow: hidden; }
.kv-ticker__inner { align-items: center; display: grid; grid-template-columns: auto 1fr; min-height: 43px; }
.kv-ticker__label { align-items: center; align-self: stretch; background: #b9381f; display: flex; font-family: var(--kv-ui); font-size: 12px; font-weight: 800; letter-spacing: .07em; padding-inline: 18px; text-transform: uppercase; }
.kv-ticker__track { overflow: hidden; white-space: nowrap; }
.kv-ticker__items { animation: kv-ticker 36s linear infinite; display: inline-flex; gap: 48px; padding-left: 100%; }
.kv-ticker__items a { color: #fff; font-family: var(--kv-ui); font-size: 14px; font-weight: 600; text-decoration: none; }
.kv-ticker__items a::before { content: "•"; margin-right: 12px; }
@keyframes kv-ticker { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }

.kv-hero { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); }
.kv-feature { border-radius: calc(var(--kv-radius) + 6px); box-shadow: var(--kv-shadow); min-height: 520px; overflow: hidden; position: relative; }
.kv-feature::after { background: linear-gradient(180deg, transparent 20%, rgba(5, 18, 15, .9)); content: ""; inset: 0; position: absolute; }
.kv-feature img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.kv-feature__placeholder { background: linear-gradient(135deg, var(--kv-brand), var(--kv-night)); inset: 0; position: absolute; }
.kv-feature__body { bottom: 0; color: #fff; left: 0; padding: clamp(26px, 5vw, 56px); position: absolute; right: 0; z-index: 2; }
.kv-feature__body a { color: inherit; text-decoration: none; }
.kv-feature__title { font-family: var(--kv-head); font-size: clamp(36px, 5vw, 62px); font-weight: 700; letter-spacing: -.045em; line-height: 1.02; margin: 12px 0 16px; text-wrap: balance; }
.kv-feature__excerpt { font-size: 19px; line-height: 1.45; margin: 0; max-width: 720px; opacity: .88; }
.kv-kicker { background: var(--kv-signal); border-radius: 999px; color: #fff; display: inline-flex; font-family: var(--kv-ui); font-size: 11px; font-weight: 800; letter-spacing: .07em; padding: 6px 11px; text-decoration: none; text-transform: uppercase; }
.kv-hero__rail { display: grid; gap: 14px; grid-template-rows: repeat(3, 1fr); }
.kv-rail-card { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); display: grid; gap: 16px; grid-template-columns: 116px 1fr; min-height: 0; overflow: hidden; padding: 12px; transition: transform .2s ease, box-shadow .2s ease; }
.kv-rail-card:hover { box-shadow: var(--kv-shadow); transform: translateY(-3px); }
.kv-rail-card img, .kv-rail-card__placeholder { border-radius: 12px; height: 100%; min-height: 130px; object-fit: cover; width: 116px; }
.kv-rail-card__placeholder { background: linear-gradient(145deg, var(--kv-brand), var(--kv-sun)); }
.kv-rail-card__body { align-content: center; display: grid; }
.kv-rail-card__title { font-family: var(--kv-head); font-size: 22px; font-weight: 700; letter-spacing: -.025em; line-height: 1.12; margin: 8px 0; }
.kv-rail-card__title a { color: var(--kv-ink); text-decoration: none; }

.kv-section-head { align-items: end; border-bottom: 2px solid var(--kv-ink); display: flex; gap: 18px; justify-content: space-between; margin-bottom: 22px; padding-bottom: 10px; }
.kv-section-head h1, .kv-section-head h2 { font-family: var(--kv-head); font-size: clamp(30px, 4vw, 45px); font-weight: 700; letter-spacing: -.04em; line-height: 1.05; margin: 0; }
.kv-section-head a { font-family: var(--kv-ui); font-size: 12px; font-weight: 800; letter-spacing: .035em; text-decoration: none; text-transform: uppercase; }
.kv-grid { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kv-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kv-card { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.kv-card:hover { box-shadow: var(--kv-shadow); transform: translateY(-5px); }
.kv-card__media { aspect-ratio: 16 / 10; background: linear-gradient(135deg, color-mix(in srgb, var(--kv-brand) 80%, #fff), var(--kv-night)); display: block; overflow: hidden; position: relative; }
.kv-card__media > a { display: block; height: 100%; width: 100%; }
.kv-card__media img { height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.kv-card:hover .kv-card__media img { transform: scale(1.035); }
.kv-card__category { bottom: 12px; left: 12px; position: absolute; }
.kv-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.kv-card__title { font-family: var(--kv-head); font-size: clamp(24px, 2.4vw, 30px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; margin: 0 0 10px; text-wrap: balance; }
.kv-card__title a { color: var(--kv-ink); text-decoration: none; }
.kv-card__excerpt { color: var(--kv-muted); font-size: 16px; line-height: 1.5; margin: 0 0 18px; }
.kv-cards-compact .kv-card { display: grid; grid-template-columns: minmax(145px, 36%) 1fr; }
.kv-cards-compact .kv-card__media { aspect-ratio: auto; min-height: 210px; }
.kv-cards-compact .kv-card__excerpt { display: none; }
.kv-cards-editorial .kv-grid .kv-card:first-child { grid-column: span 2; }
.kv-cards-editorial .kv-grid .kv-card:first-child .kv-card__title { font-size: clamp(34px, 4vw, 52px); }
.kv-meta { align-items: center; color: var(--kv-muted); display: flex; flex-wrap: wrap; font-family: var(--kv-ui); font-size: 11px; font-weight: 700; gap: 8px 14px; letter-spacing: .035em; margin-top: auto; text-transform: uppercase; }
.kv-meta a { color: inherit; text-decoration: none; }
.kv-meta__dot::before { content: "•"; margin-right: 14px; }

.kv-layout { display: grid; gap: 34px; grid-template-columns: minmax(0, 1fr) 330px; }
.kv-sidebar { min-width: 0; }
.kv-widget { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); margin-bottom: 22px; padding: 22px; }
.kv-widget__title, .widget-title { border-bottom: 1px solid var(--kv-line); font-family: var(--kv-head); font-size: 25px; font-weight: 700; letter-spacing: -.03em; margin: 0 0 18px; padding-bottom: 10px; }
.kv-widget ul { list-style: none; margin: 0; padding: 0; }
.kv-widget li { border-bottom: 1px dashed var(--kv-line); padding-block: 9px; }
.kv-widget li:last-child { border: 0; }
.kv-widget a { color: var(--kv-ink); text-decoration: none; }
.kv-ad { align-items: center; background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--kv-line) 35%, transparent) 0 8px, transparent 8px 16px); border: 1px dashed var(--kv-line); border-radius: var(--kv-radius); display: flex; justify-content: center; min-height: 110px; overflow: hidden; text-align: center; }
.kv-ad img { margin: auto; }
.kv-ad__label { color: var(--kv-muted); font-family: var(--kv-ui); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.kv-article { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: calc(var(--kv-radius) + 8px); overflow: hidden; }
.kv-article__header { padding: clamp(28px, 6vw, 70px) clamp(24px, 7vw, 86px) 34px; }
.kv-breadcrumbs { color: var(--kv-muted); font-family: var(--kv-ui); font-size: 12px; font-weight: 600; margin-bottom: 24px; }
.kv-breadcrumbs a { color: inherit; text-decoration: none; }
.kv-article__title { font-family: var(--kv-head); font-size: clamp(43px, 7vw, 76px); font-weight: 700; letter-spacing: -.05em; line-height: 1.01; margin: 14px 0 22px; text-wrap: balance; }
.kv-article__lead { color: var(--kv-muted); font-size: clamp(20px, 2.2vw, 25px); line-height: 1.45; margin: 0 0 24px; max-width: 850px; }
.kv-article__media img { max-height: 720px; object-fit: cover; width: 100%; }
.kv-article__content { font-size: clamp(18px, 1.8vw, 21px); line-height: 1.72; margin: 0 auto; max-width: 820px; padding: 48px 24px 64px; }
.kv-article__content > * { margin-block: 0 1.35em; }
.kv-article__content h2, .kv-article__content h3 { font-family: var(--kv-head); letter-spacing: -.035em; line-height: 1.1; margin-top: 1.7em; }
.kv-article__content h2 { font-size: clamp(34px, 4vw, 48px); }
.kv-article__content h3 { font-size: clamp(27px, 3vw, 35px); }
.kv-article__content blockquote { border-left: 6px solid var(--kv-signal); color: var(--kv-ink); font-size: 1.25em; font-style: italic; margin-inline: 0; padding: 8px 0 8px 26px; }
.kv-article__content figure { margin-inline: min(-8vw, -80px); }
.kv-article__content figcaption { color: var(--kv-muted); font-size: 14px; text-align: center; }
.kv-article__tools { align-items: center; border-bottom: 1px solid var(--kv-line); border-top: 1px solid var(--kv-line); display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin: 35px auto 0; max-width: 820px; padding: 18px 24px; }
.kv-share { display: flex; flex-wrap: wrap; gap: 8px; }
.kv-share a, .kv-like { background: transparent; border: 1px solid var(--kv-line); border-radius: 999px; color: var(--kv-ink); font-family: var(--kv-ui); font-size: 12px; font-weight: 700; padding: 8px 13px; text-decoration: none; }
.kv-share a:hover, .kv-like:hover, .kv-like.is-liked { background: var(--kv-signal); border-color: var(--kv-signal); color: #fff; }
.kv-author-box { align-items: center; background: color-mix(in srgb, var(--kv-brand) 9%, var(--kv-surface)); border-radius: var(--kv-radius); display: grid; gap: 20px; grid-template-columns: auto 1fr; margin: 34px auto; max-width: 820px; padding: 24px; }
.kv-author-box img { border-radius: 50%; }
.kv-author-box h3 { font-family: var(--kv-head); margin: 0; }

.kv-form { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); padding: clamp(22px, 5vw, 46px); }
.kv-field { display: grid; gap: 7px; margin-bottom: 18px; }
.kv-field label { font-family: var(--kv-ui); font-size: 14px; font-weight: 700; }
.kv-field input, .kv-field select, .kv-field textarea, .search-field {
  background: var(--kv-paper); border: 1px solid var(--kv-line); border-radius: 12px; color: var(--kv-ink); padding: 12px 14px; width: 100%;
}
.kv-field input:focus, .kv-field select:focus, .kv-field textarea:focus, .search-field:focus { border-color: var(--kv-brand); outline: 3px solid color-mix(in srgb, var(--kv-brand) 20%, transparent); }
.kv-button, .search-submit, .submit { background: var(--kv-brand); border: 0; border-radius: 999px; color: #fff; display: inline-flex; font-family: var(--kv-ui); font-size: 13px; font-weight: 800; justify-content: center; letter-spacing: .025em; padding: 11px 19px; text-decoration: none; }
.kv-button:hover, .search-submit:hover, .submit:hover { background: var(--kv-signal); color: #fff; }
.kv-notice { border-left: 5px solid var(--kv-brand); border-radius: 10px; margin-bottom: 20px; padding: 14px 18px; }
.kv-notice--success { background: #dff5e8; color: #154b2b; }
.kv-notice--error { background: #ffe5df; border-color: var(--kv-signal); color: #742313; }

.kv-pagination, .nav-links { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-block: 34px; }
.page-numbers { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: 50%; color: var(--kv-ink); display: inline-grid; font-family: var(--kv-ui); font-size: 13px; font-weight: 700; height: 42px; place-items: center; text-decoration: none; width: 42px; }
.page-numbers.current { background: var(--kv-ink); color: var(--kv-surface); }
.kv-load-more { display: flex; justify-content: center; margin-top: 30px; }
.kv-load-more button[disabled] { cursor: wait; opacity: .55; }
.kv-empty { background: var(--kv-surface); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); padding: 50px; text-align: center; }
.kv-empty h1, .kv-empty h2 { font-family: var(--kv-head); font-size: 44px; margin-top: 0; }

.kv-search-panel { background: color-mix(in srgb, var(--kv-night) 95%, transparent); color: #fff; display: grid; inset: 0; opacity: 0; padding: 24px; place-items: center; pointer-events: none; position: fixed; transition: opacity .2s ease; z-index: 100; }
.kv-search-panel.is-open { opacity: 1; pointer-events: auto; }
.kv-search-panel__inner { max-width: 760px; position: relative; width: 100%; }
.kv-search-panel .search-form { display: grid; gap: 12px; grid-template-columns: 1fr auto; }
.kv-search-panel .search-field { background: #fff; color: #15201e; font-family: var(--kv-ui); font-size: clamp(22px, 4vw, 36px); font-weight: 600; }
.kv-search-close { position: absolute; right: 0; top: -70px; }

.kv-footer { background: var(--kv-night); color: #d9e1de; margin-top: 70px; padding: 58px 0 24px; }
.kv-footer a { color: inherit; }
.kv-footer__grid { display: grid; gap: 32px; grid-template-columns: 1.2fr repeat(3, 1fr); }
.kv-footer h2, .kv-footer h3 { color: #fff; font-family: var(--kv-head); }
.kv-footer ul { list-style: none; margin: 0; padding: 0; }
.kv-footer li { margin-bottom: 8px; }
.kv-footer__bottom { border-top: 1px solid rgba(255,255,255,.14); font-family: var(--kv-ui); font-size: 12px; margin-top: 38px; padding-top: 20px; }

@media (max-width: 1050px) {
  .kv-header__main { grid-template-columns: 1fr auto; }
  .kv-nav { background: var(--kv-surface); border-top: 1px solid var(--kv-line); display: none; grid-column: 1 / -1; margin-inline: -24px; padding: 18px 24px; }
  .kv-nav.is-open { display: block; }
  .kv-nav ul { align-items: stretch; flex-direction: column; }
  .kv-nav a { border-radius: 10px; }
  .kv-mobile-toggle { display: inline-flex; }
  .kv-hero { grid-template-columns: 1fr; }
  .kv-hero__rail { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; }
  .kv-rail-card { grid-template-columns: 1fr; }
  .kv-rail-card img, .kv-rail-card__placeholder { aspect-ratio: 16 / 9; height: auto; width: 100%; }
  .kv-layout { grid-template-columns: 1fr; }
  .kv-sidebar { display: grid; gap: 18px; grid-template-columns: repeat(2, 1fr); }
  .kv-footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 782px) { .admin-bar .kv-header { top: 46px; } }
@media (max-width: 720px) {
  body { font-size: 17px; }
  .kv-wrap { padding-inline: 16px; }
  .kv-topline__links, .kv-account, .kv-brand__tagline { display: none; }
  .kv-header__main { min-height: 74px; }
  .kv-brand__mark { height: 40px; width: 40px; }
  .kv-brand__name { font-size: 25px; }
  .kv-ticker__label { padding-inline: 10px; }
  .kv-feature { min-height: 440px; }
  .kv-feature__title { font-size: 40px; }
  .kv-feature__excerpt { display: none; }
  .kv-hero__rail, .kv-grid, .kv-grid--two, .kv-sidebar, .kv-footer__grid { grid-template-columns: 1fr; }
  .kv-rail-card { grid-template-columns: 105px 1fr; }
  .kv-rail-card img, .kv-rail-card__placeholder { height: 120px; width: 105px; }
  .kv-article__header { padding-inline: 20px; }
  .kv-article__title { font-size: 42px; }
  .kv-article__content figure { margin-inline: 0; }
  .kv-article__tools { align-items: flex-start; flex-direction: column; }
  .kv-author-box { grid-template-columns: 1fr; text-align: center; }
  .kv-author-box img { margin: auto; }
  .kv-search-panel .search-form { grid-template-columns: 1fr; }
  .kv-cards-compact .kv-card { grid-template-columns: 120px 1fr; }
  .kv-cards-compact .kv-card__media { min-height: 160px; }
  .kv-cards-editorial .kv-grid .kv-card:first-child { grid-column: auto; }
}

/* Compact news portal layout. */
body {
  background: var(--kv-paper);
  color: var(--kv-ink);
  font-family: var(--kv-copy);
  font-size: 16px;
  line-height: 1.6;
}
.kv-wrap { max-width: var(--kv-content); padding-inline: 15px; }
.kv-main { padding-top: 0; }
.kv-section { margin-block: 30px; }

.kv-topline { background: #1d1d1d; font-size: 12px; letter-spacing: 0; }
.kv-topline__inner { min-height: 30px; }
.kv-topline__links { gap: 20px; }
.kv-topline__links a { font-weight: 500; }

.kv-header {
  backdrop-filter: none;
  background: var(--kv-surface);
  border-bottom: 0;
  box-shadow: none;
  position: relative;
}
.kv-header__main { gap: 25px; grid-template-columns: minmax(240px, 1fr) auto minmax(190px, 1fr); min-height: 92px; }
.kv-brand { gap: 10px; }
.kv-brand__mark { background: var(--kv-brand); border-radius: 50%; font-size: 17px; height: 44px; transform: none; width: 44px; }
.kv-brand__name { font-size: clamp(25px, 2.6vw, 32px); font-weight: 900; letter-spacing: -.035em; }
.kv-brand__tagline { display: none; }
.kv-nav ul { gap: 2px; }
.kv-nav a { border-radius: 3px; font-size: 13px; font-weight: 600; padding: 10px 12px; }
.kv-nav a:hover, .kv-nav .current-menu-item > a { background: var(--kv-brand); color: #fff; }
.kv-account { border-radius: 3px; font-size: 12px; padding: 9px 11px; }
.kv-icon-button { border-radius: 3px; height: 36px; width: 36px; }

.kv-category-nav { background: var(--kv-brand); color: #fff; }
.kv-category-nav__inner { align-items: center; display: flex; min-height: 42px; overflow: hidden; }
.kv-category-nav__all { align-self: stretch; align-items: center; background: rgba(0, 0, 0, .18); color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 700; padding-inline: 16px; text-decoration: none; text-transform: uppercase; }
.kv-category-nav ul { align-items: center; display: flex; gap: 0; list-style: none; margin: 0; overflow-x: auto; padding: 0; scrollbar-width: none; }
.kv-category-nav ul::-webkit-scrollbar { display: none; }
.kv-category-nav li { flex: 0 0 auto; }
.kv-category-nav li a { color: #fff; display: block; font-size: 13px; font-weight: 500; padding: 11px 14px; text-decoration: none; }
.kv-category-nav li a:hover { background: rgba(0, 0, 0, .14); }

.kv-ticker { background: #efefef; border-bottom: 1px solid #ddd; color: var(--kv-ink); }
.kv-ticker__inner { min-height: 38px; }
.kv-ticker__label { background: #292929; color: #fff; font-size: 11px; padding-inline: 14px; }
.kv-ticker__items { animation-duration: 42s; gap: 40px; }
.kv-ticker__items a { color: var(--kv-ink); font-size: 13px; font-weight: 500; }

.kv-home-layout { align-items: start; display: grid; gap: 30px; grid-template-columns: minmax(0, 810px) 300px; }
.kv-home-main { min-width: 0; }
.kv-hero { gap: 10px; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .9fr); }
.kv-hero--single { grid-template-columns: 1fr; }
.kv-feature { border-radius: var(--kv-radius); box-shadow: none; min-height: 430px; }
.kv-feature::after { background: linear-gradient(180deg, transparent 32%, rgba(0, 0, 0, .82)); }
.kv-feature__body { padding: 26px; }
.kv-feature__title { font-size: clamp(30px, 3.8vw, 42px); font-weight: 700; letter-spacing: -.025em; line-height: 1.08; margin: 10px 0 12px; }
.kv-feature__excerpt { font-size: 15px; line-height: 1.45; }
.kv-kicker { background: var(--kv-brand); border-radius: 2px; font-size: 10px; letter-spacing: .03em; padding: 5px 8px; }
.kv-hero__rail { gap: 10px; }
.kv-rail-card { border: 0; border-radius: var(--kv-radius); box-shadow: none; gap: 10px; grid-template-columns: 104px 1fr; padding: 8px; }
.kv-rail-card:hover { box-shadow: var(--kv-shadow); transform: none; }
.kv-rail-card img, .kv-rail-card__placeholder { border-radius: 3px; min-height: 108px; width: 104px; }
.kv-rail-card__title { font-size: 15px; font-weight: 700; letter-spacing: -.01em; line-height: 1.28; margin: 6px 0; }

.kv-section-head { align-items: center; border-bottom: 2px solid var(--kv-brand); gap: 12px; margin-bottom: 16px; padding-bottom: 8px; }
.kv-section-head h1, .kv-section-head h2 { font-size: 23px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.kv-section-head a { color: var(--kv-brand); font-size: 10px; letter-spacing: .03em; }
.kv-grid { gap: 18px; }
.kv-grid--two { gap: 18px; }
.kv-card { border: 0; border-radius: var(--kv-radius); box-shadow: 0 1px 0 rgba(0,0,0,.05); }
.kv-card:hover { box-shadow: var(--kv-shadow); transform: translateY(-2px); }
.kv-card__media { aspect-ratio: 16 / 9; }
.kv-card__category { bottom: 9px; left: 9px; }
.kv-card__body { padding: 14px; }
.kv-card__title { font-size: 19px; font-weight: 700; letter-spacing: -.015em; line-height: 1.28; margin-bottom: 8px; }
.kv-card__excerpt { font-size: 13px; line-height: 1.5; margin-bottom: 13px; }
.kv-meta { font-size: 10px; gap: 6px 10px; letter-spacing: .015em; }
.kv-cards-editorial .kv-grid .kv-card:first-child .kv-card__title { font-size: clamp(24px, 3vw, 34px); }

.kv-layout { gap: 30px; grid-template-columns: minmax(0, 810px) 300px; }
.kv-sidebar { min-width: 0; }
.kv-widget { border: 0; border-radius: var(--kv-radius); margin-bottom: 20px; padding: 18px; }
.kv-widget__title, .widget-title { border-bottom: 2px solid var(--kv-brand); font-size: 17px; font-weight: 700; letter-spacing: 0; margin: 0 0 14px; padding-bottom: 9px; }
.kv-widget li { border-bottom: 1px solid var(--kv-line); font-size: 13px; line-height: 1.4; padding-block: 10px; }
.kv-widget li a { font-weight: 500; }
.kv-category-list li { display: flex; justify-content: space-between; }
.kv-popular-list { counter-reset: popular; list-style: none; margin: 0; padding: 0; }
.kv-popular-list li { align-items: flex-start; counter-increment: popular; display: grid; gap: 10px; grid-template-columns: 28px 1fr; }
.kv-popular-list li::before { align-items: center; background: var(--kv-brand); border-radius: 2px; color: #fff; content: counter(popular); display: inline-flex; font-size: 11px; font-weight: 700; height: 24px; justify-content: center; width: 24px; }
.kv-ad { border-radius: var(--kv-radius); }

.kv-article { border: 0; border-radius: var(--kv-radius); }
.kv-article__header { padding: 28px 32px 24px; }
.kv-breadcrumbs { font-size: 11px; margin-bottom: 18px; }
.kv-article__title { font-size: clamp(34px, 5vw, 52px); font-weight: 700; letter-spacing: -.035em; line-height: 1.08; margin: 12px 0 18px; }
.kv-article__lead { font-size: clamp(17px, 2vw, 20px); line-height: 1.5; }
.kv-article__content { font-size: 17px; line-height: 1.75; max-width: 770px; padding: 34px 32px 48px; }
.kv-article__content h2 { font-size: clamp(26px, 3vw, 34px); }
.kv-article__content h3 { font-size: clamp(21px, 2.5vw, 27px); }
.kv-article__content figure { margin-inline: 0; }
.kv-article__tools { max-width: 770px; }
.kv-share a, .kv-like { border-radius: 3px; }
.kv-author-box { border-radius: var(--kv-radius); max-width: 746px; }

.kv-form { border: 0; border-radius: var(--kv-radius); }
.kv-field input, .kv-field select, .kv-field textarea, .search-field { background: #fff; border-radius: 3px; }
.kv-button, .search-submit, .submit { border-radius: 3px; font-size: 12px; text-transform: uppercase; }
.page-numbers { border-radius: 3px; }
.kv-empty { border: 0; border-radius: var(--kv-radius); padding: 38px 24px; }
.kv-empty h1, .kv-empty h2 { font-size: 30px; }

.kv-footer { background: #1b1b1b; margin-top: 48px; padding-top: 42px; }
.kv-footer h2, .kv-footer h3 { font-size: 18px; }
.kv-footer p, .kv-footer li { font-size: 13px; }

@media (max-width: 1050px) {
  .kv-header { position: sticky; }
  .kv-header__main { grid-template-columns: 1fr auto; }
  .kv-home-layout, .kv-layout { grid-template-columns: 1fr; }
  .kv-sidebar { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kv-widget { margin-bottom: 0; }
}

@media (max-width: 720px) {
  body { font-size: 15px; }
  .kv-wrap { padding-inline: 12px; }
  .kv-header__main { display: block; min-height: 68px; padding-right: 88px; position: relative; }
  .kv-header__brand { align-items: center; display: flex; min-height: 68px; }
  .kv-header__actions { gap: 5px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
  .kv-header__actions [data-kv-theme] { display: none; }
  .kv-brand { gap: 7px; min-width: 0; }
  .kv-brand__mark { flex: 0 0 auto; height: 36px; width: 36px; }
  .kv-brand__name { font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kv-icon-button { height: 34px; width: 34px; }
  .kv-category-nav__inner { padding-inline: 0; }
  .kv-category-nav__all { padding-inline: 12px; }
  .kv-category-nav li a { font-size: 12px; padding-inline: 11px; }
  .kv-ticker__label { padding-inline: 9px; }
  .kv-home-layout { margin-top: 18px; }
  .kv-hero { grid-template-columns: 1fr; }
  .kv-feature { min-height: 390px; }
  .kv-feature__title { font-size: 32px; }
  .kv-hero__rail { grid-template-columns: 1fr; }
  .kv-rail-card { grid-template-columns: 100px 1fr; }
  .kv-rail-card img, .kv-rail-card__placeholder { height: 100px; min-height: 100px; width: 100px; }
  .kv-grid, .kv-grid--two, .kv-sidebar, .kv-footer__grid { grid-template-columns: 1fr; }
  .kv-card__title { font-size: 18px; }
  .kv-empty p { margin-inline: auto; max-width: 27ch; }
  .kv-article__header { padding: 22px 18px 18px; }
  .kv-article__title { font-size: 34px; }
  .kv-article__content { font-size: 16px; padding: 26px 18px 38px; }
}