/* alkuwaitnews.net v2 — instrumented alanba. Pearl / ink / graphite, electric blue for live data. */
:root {
  --kw-paper: #f4f6f8; --kw-surface: #e9edf2; --kw-card: #ffffff; --kw-ink: #0b1220; --kw-ink-2: #3d4757; --kw-ink-3: #7a8494;
  --kw-line: #d9dee6; --kw-accent: #1f6feb; --kw-accent-ink: #fff; --kw-flag: #e5243b; --kw-link: #1b5fd0;
  --kw-font-head: "Fustat", system-ui, sans-serif; --kw-font-body: "Fustat", system-ui, sans-serif; --kw-font-num: "Fustat", system-ui, sans-serif;
  --kw-wrap: 1280px; --kw-radius: 10px; --kw-radius-img: 8px; --kw-nav-h: 54px;
  --ak-inst: #0b1220; --ak-inst-ink: #c9d3e3; --ak-glow: rgb(31 111 235 / .35);
  --kw-foot-bg: #070b13; --kw-foot-ink: #dfe6f1; --kw-foot-ink-2: #8f9bb0;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kw-paper: #0a0f18; --kw-surface: #121a27; --kw-card: #0f1622; --kw-ink: #e9eef6; --kw-ink-2: #aab5c6; --kw-ink-3: #74809a;
    --kw-line: #1f2a3b; --kw-accent: #4d8dff; --kw-link: #7aa9ff; --ak-inst: #05080e; --ak-glow: rgb(77 141 255 / .45); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --kw-paper: #0a0f18; --kw-surface: #121a27; --kw-card: #0f1622; --kw-ink: #e9eef6; --kw-ink-2: #aab5c6; --kw-ink-3: #74809a;
  --kw-line: #1f2a3b; --kw-accent: #4d8dff; --kw-link: #7aa9ff; --ak-inst: #05080e; --ak-glow: rgb(77 141 255 / .45); color-scheme: dark;
}
body.kw-v2 { font-size: 17.5px; font-weight: 400; }
.kw-v2 h1, .kw-v2 h2, .kw-v2 h3 { font-weight: 700; letter-spacing: -.01em; }

/* desk telltales: blue for forecasts, nothing for obituaries, red reserved for «عاجل» */
.kw-desk--ai-forecasts { --kw-accent: #1f6feb; }
.kw-desk--deaths { --kw-accent: var(--kw-ink-3); }

/* ---- instrument strip ---- */
.ak-inst { background: var(--ak-inst); color: var(--ak-inst-ink); font-size: 13px; }
.ak-inst__in { display: flex; align-items: center; gap: 18px; min-height: 40px; }
.ak-inst .kw-now { color: var(--ak-inst-ink); flex: 1; min-width: 0; flex-wrap: nowrap; overflow: hidden; }
.ak-inst .kw-now__item b, .ak-inst .kw-now__clock span { color: #fff; font-size: 14px; font-weight: 700; }
.ak-inst .kw-now__clock small { color: #7a8aa6; }
.ak-inst .kw-now__item + .kw-now__item { padding-inline-start: 18px; border-inline-start: 1px solid rgb(255 255 255 / .12); }
.ak-inst .kw-prayers { flex: none; gap: 0; border: 1px solid rgb(255 255 255 / .12); border-radius: 8px; overflow: hidden; }
.ak-inst .kw-prayers__p { flex-direction: row; gap: 6px; padding: 4px 10px; border-radius: 0; font-size: 12.5px; }
.ak-inst .kw-prayers__p + .kw-prayers__p { border-inline-start: 1px solid rgb(255 255 255 / .08); }
.ak-inst .kw-prayers__p b { font-size: 13.5px; font-weight: 700; color: #fff; }
.ak-inst .kw-prayers__p.is-next { background: var(--kw-accent); box-shadow: 0 0 18px var(--ak-glow); }
.ak-theme { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: var(--ak-inst-ink); flex: none; }
.ak-theme:hover { background: rgb(255 255 255 / .08); }
.ak-theme .kw-ico { width: 17px; height: 17px; }
@media (max-width: 1100px) { .ak-inst .kw-prayers { display: none; } }
@media (max-width: 640px) { .ak-inst .kw-now__fx, .ak-inst .kw-now__hijri { display: none; } }

/* ---- masthead ---- */
.ak-mast { background: var(--kw-paper); border-bottom: 1px solid var(--kw-line); }
.ak-mast__in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding-block: 22px 18px; }
.ak-mast__logo { justify-self: center; display: block; }
.ak-logo, .ak-logo img { display: block; height: 76px; width: auto; }
.ak-logo--white { display: none; }
:root[data-theme="dark"] .ak-logo--ink { display: none; } :root[data-theme="dark"] .ak-logo--white { display: block; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ak-logo--ink { display: none; } :root:not([data-theme="light"]) .ak-logo--white { display: block; } }
.ak-mast__count { display: flex; align-items: center; gap: 10px; justify-self: start; }
.ak-mast__n { font-size: 44px; font-weight: 800; letter-spacing: -.02em; line-height: .9; color: var(--kw-accent); text-shadow: 0 0 22px var(--ak-glow); }
.ak-mast__l { font-size: 13px; line-height: 1.35; color: var(--kw-ink-2); font-weight: 600; }
.ak-mast__l small { color: var(--kw-ink-3); font-weight: 400; }
.ak-mast__h1 { justify-self: end; max-width: 360px; font-size: 14px; line-height: 1.6; font-weight: 600; color: var(--kw-ink-2); text-align: end; font-family: var(--kw-font-body); }
@media (max-width: 900px) {
  .ak-mast__in { grid-template-columns: 1fr; gap: 6px; padding-block: 14px 12px; justify-items: center; text-align: center; }
  .ak-mast__logo { order: -1; }
  .ak-logo, .ak-logo img { height: 52px; }
  .ak-mast__count { display: none; }
  .ak-mast__h1 { justify-self: center; text-align: center; font-size: 13px; max-width: 34ch; }
}

/* ---- nav (dark rail) ---- */
.ak-nav { background: var(--ak-inst); color: #e7edf7; box-shadow: inset 0 -1px 0 rgb(255 255 255 / .06); }
.ak-nav .kw-nav__a { color: #dfe6f1; font-weight: 600; font-size: 15.5px; position: relative; }
.ak-nav .kw-nav__a:hover { color: #fff; background: rgb(255 255 255 / .06); }
.ak-nav .kw-nav__a.is-current { color: #fff; }
.ak-nav .kw-nav__a.is-current::after { content: ""; position: absolute; inset-inline: 12px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--kw-accent); box-shadow: 0 0 10px var(--ak-glow); }
.ak-nav .kw-nav__icon { color: #dfe6f1; }
.ak-nav .kw-nav__icon:hover { background: rgb(255 255 255 / .08); }
.ak-nav.is-stuck { box-shadow: 0 8px 24px rgb(5 8 14 / .35); }
.ak-nav .kw-more { background: var(--kw-card); color: var(--kw-ink); }
.ak-nav .kw-searchbar { background: var(--ak-inst); border-color: rgb(255 255 255 / .08); }
.ak-nav .kw-search { background: rgb(255 255 255 / .06); border-color: rgb(255 255 255 / .12); }
.ak-nav .kw-search__input { color: #fff; }

/* ---- ticker ---- */
.ak-tick { background: var(--kw-card); border-bottom: 1px solid var(--kw-line); }
.ak-tick .kw-ticker__label { background: transparent; color: var(--kw-accent); border: 1px solid currentColor; font-size: 13px; }
.ak-tick .kw-ticker.is-breaking .kw-ticker__label { background: var(--kw-flag); color: #fff; border-color: var(--kw-flag); }
.ak-tick .kw-ticker__track { font-weight: 600; font-size: 14.5px; }

/* ---- cards: framed ---- */
.kw-card--std, .kw-card--lead { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: var(--kw-radius); padding: 10px; transition: border-color .2s, box-shadow .2s, transform .2s; }
.kw-card--std:hover, .kw-card--lead:hover { border-color: color-mix(in srgb, var(--kw-accent) 45%, var(--kw-line)); box-shadow: 0 10px 30px -12px var(--ak-glow); transform: translateY(-2px); }
.kw-card--std .kw-card__body, .kw-card--lead .kw-card__body { padding: 4px 6px 6px; }
.kw-card__kicker { font-size: 12.5px; letter-spacing: .01em; }
.kw-card__kicker::before { content: ""; width: 14px; height: 2px; background: var(--kw-accent); border-radius: 2px; }
.kw-card__meta time { font-size: 12.5px; }
.kw-card--mini .kw-card__media { border-radius: 6px; }

/* ---- hero ---- */
.ak-hero { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr) minmax(0, .95fr); gap: 18px; margin-top: 22px; align-items: stretch; }
.ak-hero__lead .kw-card--lead { height: 100%; }
.ak-hero__lead .kw-card__title { font-size: clamp(24px, 2.3vw, 34px); font-weight: 800; }
.ak-hero__pair { display: grid; gap: 18px; grid-template-rows: 1fr 1fr; }
.ak-hero__pair .kw-card__title { font-size: 17px; }
.ak-hero__wire { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: var(--kw-radius); padding: 14px 16px; display: flex; flex-direction: column; min-width: 0; }
.ak-wire__head { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--kw-line); }
.ak-wire__h { font-size: 16px; }
.ak-live { width: 9px; height: 9px; border-radius: 50%; background: var(--kw-accent); box-shadow: 0 0 0 0 var(--ak-glow); animation: ak-pulse 2s infinite; }
@keyframes ak-pulse { 0% { box-shadow: 0 0 0 0 var(--ak-glow); } 70% { box-shadow: 0 0 0 10px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.ak-wire { position: relative; flex: 1; overflow: hidden; }
.ak-wire::before { content: ""; position: absolute; inset-block: 14px; inset-inline-start: 52px; width: 1px; background: var(--kw-line); }
.ak-wire__i { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding: 9px 0; position: relative; font-size: 14.5px; line-height: 1.5; font-weight: 600; }
.ak-wire__i::before { content: ""; position: absolute; inset-inline-start: 49px; top: 17px; width: 7px; height: 7px; border-radius: 50%; background: var(--kw-card); border: 1.5px solid var(--kw-accent); }
.ak-wire__t { font-size: 14px; font-weight: 700; color: var(--kw-accent); line-height: 1.3; font-weight: 600; }
.ak-wire__i a:hover { color: var(--kw-accent); }
@media (max-width: 1100px) { .ak-hero { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } .ak-hero__wire { grid-column: 1 / -1; } .ak-wire { columns: 2; column-gap: 32px; } .ak-wire::before, .ak-wire__i::before { display: none; } }
@media (max-width: 768px) {
  .ak-hero { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 14px; }
  .ak-hero__pair { grid-template-columns: 1fr 1fr; grid-template-rows: none; gap: 12px; }
  .ak-hero__pair .kw-card__title { font-size: 15px; }
  .ak-wire { columns: 1; }
}

/* ---- desks ---- */
.ak-desk .kw-sec__head, .ak-rail .kw-sec__head, .ak-river .kw-sec__head, .ak-ledger .kw-sec__head { justify-content: flex-start; }
.kw-sec__title { font-size: 21px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
.kw-sec__title::before { content: ""; width: 8px; height: 22px; border-radius: 2px; background: var(--kw-accent); }
.ak-desk__rule { flex: 1; height: 1px; background: linear-gradient(to left, var(--kw-line), transparent); }
.ak-desk__split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; }
.ak-desk__stack { display: flex; flex-direction: column; gap: 14px; }
.ak-desk__stack .kw-card--mini { padding-bottom: 14px; border-bottom: 1px solid var(--kw-line); }
.ak-desk__stack .kw-card--mini:last-child { border-bottom: 0; padding-bottom: 0; }
@media (max-width: 768px) { .ak-desk__split { grid-template-columns: minmax(0, 1fr); } }

/* ---- river + rail ---- */
.ak-split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 36px; align-items: start; }
.ak-river__sub { font-size: 13px; color: var(--kw-ink-3); }
.ak-river .kw-river__run.has-slot { background: var(--kw-card); border: 1px solid var(--kw-line); border-inline-start: 3px solid var(--kw-accent); border-radius: var(--kw-radius); padding: 10px 16px 2px; }
.ak-river .kw-river__label { font-size: 17px; font-weight: 800; }
.ak-river .kw-river__run.has-slot .kw-card--river:last-child { border-bottom: 0; }
.ak-rail { display: flex; flex-direction: column; gap: 26px; position: sticky; top: calc(var(--kw-nav-h) + var(--kw-admin) + 16px); margin-top: 36px; }
.ak-rail__box { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: var(--kw-radius); padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
.ak-rail__box .kw-sec__head { margin-bottom: 4px; }
.ak-rail__box .kw-sec__title { font-size: 17px; }
.ak-rail__box .kw-card--mini .kw-card__media { flex-basis: 96px; }
.ak-rail__box .kw-card--mini .kw-card__title { font-size: 14.5px; }
@media (max-width: 1024px) { .ak-split { grid-template-columns: minmax(0, 1fr); } .ak-rail { position: static; margin-top: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } }

/* ---- forecast ledger ---- */
.ak-ledger { background: linear-gradient(135deg, color-mix(in srgb, #1f6feb 8%, var(--kw-card)), var(--kw-card)); border: 1px solid color-mix(in srgb, #1f6feb 30%, var(--kw-line)); border-radius: 14px; padding: 18px; }
.ak-ledger__note { font-size: 12.5px; color: var(--kw-ink-3); margin-inline-start: auto; }

/* ---- single + archive accents ---- */
.kw-article__title { font-weight: 800; }
.kw-dateline { font-size: 14px; }
.kw-dateline time { font-weight: 600; color: var(--kw-ink); }
.kw-rail__box { background: var(--kw-card); border: 1px solid var(--kw-line); border-top: 3px solid var(--kw-accent); border-radius: var(--kw-radius); padding: 14px 16px; }
.kw-related__grid .kw-card--std { padding: 8px; }
.kw-ahero { background: linear-gradient(180deg, var(--kw-card), var(--kw-paper)); }
.kw-ahero__title::after { content: ""; display: block; width: 56px; height: 3px; margin-top: 10px; border-radius: 3px; background: var(--kw-accent); box-shadow: 0 0 14px var(--ak-glow); }
.kw-archive__grid > .kw-card--row { border-color: var(--kw-line); }
.kw-pub { background: var(--kw-card); }
.kw-bbar { background: var(--kw-card); }
.kw-drawer__panel { background: var(--kw-paper); }
.kw-missing__code { text-shadow: 0 0 30px var(--ak-glow); }
.kw-art { background-color: #0b1220; }

.ak-rail__box .kw-card--text { padding-bottom: 10px; border-bottom: 1px solid var(--kw-line); }
.ak-rail__box .kw-card--text:last-child { border-bottom: 0; padding-bottom: 0; }
.ak-rail__box .kw-card--text .kw-card__title { font-size: 15px; }

/* Card -> hero morph across navigations (Chromium); everyone else navigates plainly. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(*) { animation-duration: .38s; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .2s; }
}

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