/* kuwaitnow.net v2 — institutional blue portal (aljarida-like). Light only. */
:root {
  --kw-paper: #ffffff; --kw-surface: #f1f4f8; --kw-ink: #101828; --kw-ink-2: #475467; --kw-ink-3: #8592a6;
  --kw-line: #e1e6ee; --kw-accent: #0a3d91; --kw-accent-ink: #fff; --kw-flag: #c8102e; --kw-link: #0a52c4;
  --kw-font-head: "Beiruti", system-ui, sans-serif; --kw-font-body: "Almarai", system-ui, sans-serif; --kw-font-num: "Beiruti", system-ui, sans-serif;
  --kw-wrap: 1260px; --kw-radius: 2px; --kw-radius-img: 2px; --kw-nav-h: 50px;
  --kn-blue: #0a3d91; --kn-deep: #062a66; --kn-sky: #e8f0fb; --kn-almanac: #eef1f5;
  --kw-foot-bg: #062a66; --kw-foot-ink: #eaf1fb; --kw-foot-ink-2: #a9bfe0;
  color-scheme: light;
}
body.kw-v2 { font-size: 17px; line-height: 1.8; }
.kw-v2 h1, .kw-v2 h2, .kw-v2 h3 { font-weight: 800; line-height: 1.3; }
.kw-card__title { font-size: 19px; font-weight: 800; }

/* ---- almanac strip ---- */
.kn-almanac { background: var(--kn-almanac); border-bottom: 1px solid var(--kw-line); }
.kn-almanac__in { display: flex; align-items: center; gap: 18px; min-height: 36px; }
.kn-almanac .kw-now { flex: 1; min-width: 0; font-size: 13px; flex-wrap: nowrap; overflow: hidden; }
.kn-almanac .kw-now__item + .kw-now__item::before { content: "|"; color: #c3cbd8; margin-inline-end: 12px; }
.kn-almanac .kw-now__item b { color: var(--kn-deep); }
.kn-season { flex: none; font-size: 13px; font-weight: 700; color: var(--kn-blue); background: #fff; border: 1px solid var(--kw-line); padding: 1px 12px; border-radius: 999px; }
@media (max-width: 900px) { .kn-almanac .kw-now__fx, .kn-almanac .kw-now__hijri, .kn-almanac .kw-now__clock { display: none; } }
@media (max-width: 560px) { .kn-season { display: none; } }

/* ---- masthead: white, the logo; nav: the institutional blue bar ---- */
.kn-mast { background: #fff; color: var(--kw-ink); border-bottom: 1px solid var(--kw-line); }
.kn-mast__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 18px; }
.kn-mast__h1 { display: flex; align-items: center; gap: 18px; font-size: 16px; font-weight: 400; margin: 0; color: var(--kw-ink-2); font-family: var(--kw-font-body); }
.kn-mast__h1 a { display: block; }
.kn-logo, .kn-logo img { display: block; height: 72px; width: auto; }
.kn-mast__rest { font-size: 15px; color: var(--kw-ink-2); padding-inline-start: 18px; border-inline-start: 2px solid var(--kn-blue); max-width: 40ch; line-height: 1.6; }
.kn-colon { font-size: 0; } /* kept in the H1 text (H1 == <title>), not shown: the rule separates */
.kn-mast__side { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: end; }
.kn-mast__ed { font-family: var(--kw-font-head); font-weight: 800; font-size: 15px; color: var(--kn-blue); }
.kn-mast__date { font-size: 13px; color: var(--kw-ink-3); }
@media (max-width: 900px) {
  .kn-mast__in { flex-direction: column; align-items: center; text-align: center; gap: 6px; padding-block: 12px; }
  .kn-mast__h1 { flex-direction: column; gap: 4px; }
  .kn-logo, .kn-logo img { height: 50px; }
  .kn-mast__rest { border: 0; padding: 0; font-size: 13px; }
  .kn-mast__side { display: none; }
}

/* ---- nav: the blue bar ---- */
.kn-nav { background: var(--kn-blue); border-bottom: 3px solid var(--kw-flag); }
.kn-nav .kw-nav__a { font-size: 17px; font-weight: 800; color: #fff; border-radius: 0; padding: 12px 14px; position: relative; }
.kn-nav .kw-nav__desks > li + li .kw-nav__a::before { content: ""; position: absolute; inset-inline-start: 0; top: 30%; height: 40%; width: 1px; background: rgb(255 255 255 / .22); }
.kn-nav .kw-nav__a:hover { background: rgb(255 255 255 / .1); }
.kn-nav .kw-nav__a.is-current { background: var(--kn-deep); }
.kn-nav .kw-nav__icon { color: #fff; }
.kn-nav .kw-nav__icon:hover { background: rgb(255 255 255 / .12); }
.kn-nav .kw-more { color: var(--kw-ink); }
.kn-nav.is-stuck { box-shadow: 0 6px 20px rgb(6 42 102 / .25); }
.kn-nav .kw-searchbar { background: var(--kn-deep); border-color: rgb(255 255 255 / .1); }
.kn-nav .kw-search__btn { background: var(--kw-flag); }

/* ---- ticker ---- */
.kn-tick { background: #fff; border-bottom: 1px solid var(--kw-line); }
.kn-tick .kw-ticker__label { border-radius: 0; background: var(--kn-blue); font-size: 14px; padding: 4px 14px; }
.kn-tick .kw-ticker__track { font-weight: 700; font-family: var(--kw-font-head); font-size: 16px; }

/* ---- hero: list | lead | list ---- */
.kn-hero { display: grid; grid-template-columns: 300px minmax(0, 1fr) 300px; gap: 28px; padding-block: 26px 10px; }
.kn-hero__lead .kw-card--lead { gap: 14px; }
.kn-hero__lead .kw-card__title { font-size: clamp(25px, 2.5vw, 34px); font-weight: 900; }
.kn-hero__lead .kw-card__kicker { font-size: 14px; }
.kn-hero__side { display: flex; flex-direction: column; gap: 0; border-inline-end: 1px solid var(--kw-line); padding-inline-end: 22px; }
.kn-hero__side .kw-card--mini { padding-block: 13px; border-bottom: 1px solid var(--kw-line); align-items: flex-start; }
.kn-hero__side .kw-card--mini:first-child { padding-top: 0; }
.kn-hero__side .kw-card--mini:last-child { border-bottom: 0; }
.kn-hero__side .kw-card--mini .kw-card__media { flex-basis: 108px; }
.kn-hero__side .kw-card--mini .kw-card__title { font-size: 16px; }
.kn-hero__latest { border-inline-start: 1px solid var(--kw-line); padding-inline-start: 22px; }
.kn-hero__h { font-size: 19px; color: #fff; background: var(--kn-blue); padding: 6px 14px; margin-bottom: 4px; }
.kn-latest .kw-list__item { padding: 9px 0; flex-direction: column; gap: 2px; }
.kn-latest .kw-list__item a { font-size: 15.5px; font-family: var(--kw-font-head); font-weight: 700; }
.kn-latest .kw-list__item time { order: -1; color: var(--kn-blue); font-weight: 700; }
@media (max-width: 1100px) {
  .kn-hero { grid-template-columns: minmax(0, 1fr) 300px; }
  .kn-hero__side { grid-column: 1 / -1; order: 3; border: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .kn-hero__side .kw-card--mini:first-child { padding-top: 13px; }
}
@media (max-width: 768px) {
  .kn-hero { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-top: 14px; }
  .kn-hero__latest { border: 0; padding: 0; }
  .kn-hero__side { grid-template-columns: minmax(0, 1fr); }
}

/* ---- «مختارات» band ---- */
.kn-band { background: var(--kn-deep); color: #fff; padding-block: 30px 34px; margin-block: 30px; position: relative; }
.kn-band::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 4px; background: linear-gradient(to left, var(--kw-flag) 0 18%, #fff 18% 20%, var(--kn-blue) 20%); }
.kn-band .kw-sec__title { color: #fff; font-size: 26px; }
.kn-band .kw-card__title a:hover { color: #9cc3ff; }
.kn-band .kw-card__kicker { color: #9cc3ff; }
.kn-band .kw-card__meta { color: #a9bfe0; }
.kn-band .kw-card__media { box-shadow: 0 10px 24px rgb(0 0 0 / .25); }

/* ---- section heads: blue bar ---- */
.kw-sec__head { border-bottom: 2px solid var(--kn-blue); padding-bottom: 6px; }
.kw-sec__title { font-size: 23px; color: var(--kn-deep); }
.kw-sec__title a:hover { color: var(--kn-blue); }

/* ---- desks grid ---- */
.kn-desks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; margin-block: 34px; }
.kn-desk { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kn-desk .kw-sec__head { margin-bottom: 4px; }
.kn-desk .kw-card__title { font-size: 19px; }
.kn-desk__list .kw-list__item a { font-family: var(--kw-font-head); font-weight: 700; font-size: 16px; }
@media (max-width: 1024px) { .kn-desks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .kn-desks { grid-template-columns: minmax(0, 1fr); } }

.kn-writers .kw-card--text { border-top: 3px solid var(--kn-blue); padding-top: 10px; }
.kn-river .kw-river__run.has-slot { border-color: var(--kn-blue); }

/* ---- single / archive ---- */
.kw-article__title { font-weight: 900; color: var(--kn-deep); }
.kw-crumbs a { color: var(--kn-blue); }
.kw-dateline { border-color: var(--kn-blue); border-block-width: 2px 1px; }
.kw-rail__box { border-top-color: var(--kn-blue); }
.kw-rail__h { color: var(--kn-deep); }
.kw-related__h { color: var(--kn-deep); border-bottom: 2px solid var(--kn-blue); padding-bottom: 6px; }
.kw-ahero { background: var(--kn-sky); border-bottom: 3px solid var(--kn-blue); }
.kw-ahero__title { color: var(--kn-deep); font-weight: 900; }
.kw-pager .page-numbers { border-radius: 2px; }
.kw-pager .page-numbers.current { background: var(--kn-blue); border-color: var(--kn-blue); }
.kw-pub { background: var(--kn-sky); border-color: #cddcf2; }
.kw-foot { border-top: 4px solid var(--kw-flag); }
.kw-art { background-color: var(--kn-blue); }

.kw-foot__logo, .kw-foot__logo img { display: block; height: 56px; width: auto; margin-bottom: 14px; }