/* Barq News — what the prototype never had to draw (barq.css stays the design's). */

/* A logo the client uploaded in «الإعدادات» stands where the inline wordmark stands. */
.logo img.up { display: block; height: 34px; width: auto; max-width: 220px; object-fit: contain; }
.foot .logo img.up { height: 40px; }
@media (max-width: 720px) { .logo img.up { height: 28px; } }

/* A source the desk listed with no address: the same line as a linked one, without the link. */
.sources .nolink { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 12px 10px; margin-inline: -10px; align-items: center; }
.sources .nolink::before { content: counter(s); font: 600 12px/1 var(--f-mono, monospace); color: var(--ion); }
.sources .nolink b { font-weight: 650; font-size: 15.5px; }
.sources .nolink small { display: block; font: 500 12px/1.3 var(--f-mono, monospace); color: var(--slate); margin-top: 3px; }

/* A long section, the archive's months: older and newer pages. */
.pager { display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; padding-block: 8px 32px; }
.pager .btn { background: var(--mist); color: var(--ink); }

/* «محتوى الصفحات»: the client's text keeps the design's prose rhythm whatever the editor wrapped it in. */
.pc-prose img { max-width: 100%; height: auto; border-radius: var(--r-2); }
.pc-prose table { width: 100%; border-collapse: collapse; }

/* A developing story's updates (partials.live-updates, «تغطية حية»), in the identity's one accent:
   ion marks the flash and the developing state only — no red, no amber (PRODUCT.md). Scoped to
   .story-grid so it outranks the partial's own <style>, which prints after this file. */
.story-grid .lu-wrap { max-width: 68ch; border-color: var(--rule); background: var(--mist); border-radius: var(--r-3); }
.story-grid .lu-badge { font-family: var(--f-mono, monospace); letter-spacing: .06em; background: var(--cloud); color: var(--graphite); }
.story-grid .lu-badge.is-on { background: var(--ion); color: var(--on-ion); }
.story-grid .lu-title { font-family: var(--devlo-font, var(--f-display)); color: var(--ink); letter-spacing: -.015em; }
.story-grid .lu-item { border-inline-start-color: var(--ion); background: var(--paper); color: var(--ink); box-shadow: none; }
.story-grid .lu-item.is-pinned { border-inline-start-color: var(--ion-deep); background: var(--glow); }
.story-grid .lu-meta { color: var(--slate); font-family: var(--f-mono, monospace); }
.story-grid .lu-meta time, .story-grid .lu-item.is-pinned .lu-meta time { color: var(--ion); }

/* The loader is not painted on a page that will not play it (see the layout head script). */
.bq-noboot .boot { display: none; }

/* The wire's visually-hidden commas are absolute; with reduced motion the run has no transform to hold them, so the track must, or they push the page 8000px wide. */
.wire-track { position: relative; }