/* Palestine Online — what the prototype never had to draw (CMS cases only).
   Tokens and type are po.css's; nothing here restyles a part of the design. */

/* A logo uploaded in «الإعدادات» in place of the lockup: the word's height, the lockup's width at most. */
.brand-img{height:36px;width:auto;max-width:min(320px,60vw);object-fit:contain}
.f-brand .brand-img{height:40px}
/* A site renamed in Settings: its name set as text, at the outlined name's size and weight. */
.brand-n{font:780 21px/1 var(--devlo-font, var(--sans));letter-spacing:-.03em}
@media (max-width:760px){.brand-img{height:30px}.brand-n{font-size:17px}}

/* «Status alerts»: what the form says back (sent / refused), in the form's own mono, on the
   line the design's fine print held — reserved, so the answer arriving moves nothing. */
.sub-note{margin:12px 0 0;min-height:18px;font:500 12px/1.5 var(--mono, monospace);color:var(--mute)}
.sub-note[data-state="ok"]{color:var(--up)}
.sub-note[data-state="error"]{color:var(--down)}
form[aria-busy="true"] .btn{opacity:.7;cursor:progress}

/* The archive's newer / older pages (the prototype's archive was one page). */
.ar-pages{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:18px;border-top:1px solid var(--rule)}
.ar-pages .more[rel="next"]{margin-inline-start:auto}

/* The lead report's net on a phone: .plate already bleeds to the screen's edges, so the
   net's own phone bleed (.net-frame's negative margins) doubled it — 16px of sideways
   scroll, in the prototype too (report/ioda-gaza-steady-24-oct.html at 375px). Its scrubber
   then ran edge to edge, the thumb hanging past the screen on the last day: it keeps the
   page's gutter, as the board's own scrubber does. */
@media (max-width:760px){.plate-knots .net-frame{margin-inline:0}.plate-knots .scrub{padding-inline:var(--gut)}}