/* mawqut.app/poster — A4 noticeboard poster. System fonts plus the local Amiri Quran; no external requests.
   The sheet is sized by its width (container query units), so it fits a phone screen and prints at 210 × 297 mm. */
:root{--ink:#0C2F33;--sand:#F4EDE1;--copper:#C9733F;--copper-ink:#8A4419;--turq:#0E6B63;
  --serif:ui-serif,"New York","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --arabic:-apple-system,BlinkMacSystemFont,"SF Arabic","Geeza Pro","Noto Naskh Arabic","Segoe UI",Tahoma,system-ui,sans-serif;
  --urdu:"Noto Nastaliq Urdu","Nastaliq Navees","Urdu Typesetting","Jameel Noori Nastaleeq","Geeza Pro","Noto Naskh Arabic",Tahoma,sans-serif;
  color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#D9D2C4;color:var(--ink);font-family:var(--sans);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--copper-ink);outline-offset:3px;border-radius:4px}
.bar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;max-width:calc(210mm + 32px);margin:0 auto}
.bar a{color:var(--turq);font-weight:600}
.bar button{font:700 15px/1 var(--sans);background:#1FA59A;color:#062326;border:0;border-radius:999px;padding:11px 18px;cursor:pointer}
.bar button[hidden]{display:none}
[lang="ar"]{font-family:var(--arabic)}
[lang="ur"]{font-family:var(--urdu)}

.sheet{display:flex;flex-direction:column;width:calc(100% - 32px);max-width:210mm;aspect-ratio:210/297;margin:0 auto 24px;container-type:inline-size;
  background:#FFFDF8;box-shadow:0 10px 40px rgba(12,47,51,.25);overflow:hidden;position:relative;padding:6cqw 7cqw 5cqw;text-align:center}
.sheet::before{content:"";position:absolute;inset:0;border:1.2cqw solid var(--ink);pointer-events:none}
.sheet::after{content:"";position:absolute;inset:2.2cqw;border:.3cqw solid var(--copper);pointer-events:none}
.top{display:flex;align-items:center;justify-content:center;gap:3cqw;margin-top:1cqw}
.pmark{width:13cqw;height:13cqw;border-radius:3cqw}
.name{margin:0;font:600 8.5cqw/1 var(--serif)}
.name [lang="ar"]{font-weight:700;color:var(--copper-ink);margin-inline-start:2cqw}
.block{margin-top:3.2cqw}
.block h1,.block h2{margin:0;font-weight:700}
.block.en h1{font:600 7cqw/1.1 var(--serif);margin-top:1cqw}
.block.ar h2{font-size:6.2cqw;line-height:1.5}
.block.ur h2{font-size:5.6cqw;line-height:1.9}
.block p{margin:.6cqw 0 0;font-size:2.6cqw;line-height:1.5;color:#2A4C50}
.block.ur p{line-height:2}
.mid{display:flex;align-items:center;gap:5cqw;margin-top:auto;padding-top:3cqw;text-align:start}
.qr{flex:none;width:36cqw;text-align:center}
.qr svg{display:block;width:100%;height:auto}
.url{margin:1cqw 0 0;font:700 3.4cqw/1.2 var(--sans);letter-spacing:.02em}
.soon p{margin:0 0 1.8cqw;font-size:3.1cqw;line-height:1.45}
.soon p[lang="ur"]{line-height:2}
.soon b{color:var(--copper-ink)}
.chips{list-style:none;margin:2.5cqw 0 0;padding:0;display:flex;flex-direction:column;gap:1.2cqw}
.chips li{font-size:2.4cqw;line-height:1.6;border:.25cqw solid #DCCFB8;border-radius:2cqw;padding:.6cqw 2cqw;display:inline-block;width:max-content;max-width:100%}
.foot{margin:4cqw 0 0;font-size:1.9cqw;line-height:1.5;color:#4D6567}

@media print{
  @page{size:A4 portrait;margin:0}
  body{background:#fff}
  .bar{display:none}
  .sheet{width:210mm;height:297mm;max-width:none;aspect-ratio:auto;margin:0;box-shadow:none}
}