/* Shasha Post — what the CMS draws that the prototype never had to (sp.css stays the design). */

/* A logo the client uploaded in «الإعدادات» stands where the inline wordmark stood, at its height. */
.brand img{display:block;height:34px;width:auto;max-width:min(60vw,280px);object-fit:contain}
.mast.tight .brand img{height:28px}
.foot .brand img{height:32px}

/* A photograph that failed to load becomes the dark screen, never a broken image. */
.ph.gone{background:var(--screen)}
.ph.gone img{visibility:hidden}

/* Newer and older pages of a long list. */
.sp-pages{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:28px 0 8px;border-top:1px solid var(--rule);font:500 14px var(--devlo-font, var(--sans));color:var(--ink-3)}
.sp-pages .btn{margin:0}

/* The pages whose text opens straight on a heading (Standards, Privacy). */
.sp-first>h2:first-child{margin-top:0}

/* A field people never see: a robot fills it and is thanked, not stored. */
.sp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* The page-content editor's preview wears the design's prose. */
.pc-prose{max-width:none}

/* Under 360px the wordmark and the three tools need more than the row (the prototype scrolls sideways at 320). */
@media (max-width:359px){.mast .wrap{gap:12px}.mast .brand svg,.mast.tight .brand svg,.mast .brand img,.mast.tight .brand img{height:22px}.mast .tools{gap:4px}}