@font-face{font-family:Jameel;src:local("Jameel Noori Nastaleeq"),local("Jameel Nastaleeq");font-display:swap}
:root{--ink:#11343a;--muted:#406268;--teal:#0b6971;--wash:#e4f4f6;--border:#a2d5dc;--gold:#a97a3b;--paper:#fbfdfd}
*{box-sizing:border-box}body{margin:0;background:#f0f8f9;color:var(--ink);font:1.15rem/2.1 Jameel,"Noto Nastaliq Urdu",Tahoma,serif}a{color:#075963;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.85;margin:0 0 .45em}h1{font-size:clamp(1.65rem,4vw,2.65rem)}h2{font-size:1.45rem}h3{font-size:1.18rem}p{margin:.3em 0 .85em}header{background:var(--paper);border-block-start:4px solid #0fa4af;border-block-end:1px solid var(--border)}.mast{text-align:center;padding:.65rem 1rem .3rem}.mast a{text-decoration:none;display:inline-grid}.mast strong{font-size:clamp(1.75rem,5vw,2.9rem);line-height:1.6}.mast small{color:var(--muted)}nav,.quick{display:flex;flex-wrap:wrap;gap:.45rem}nav{justify-content:center;padding:.5rem 1rem .9rem}nav a,.quick a{border:1px solid var(--border);border-radius:999px;background:var(--wash);padding:.15rem .8rem;text-decoration:none;display:inline-flex;align-items:center;min-height:42px}.layout{max-width:1230px;margin:auto;display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:1.2rem;padding:1.2rem}.layout.wide{grid-template-columns:minmax(0,1fr)}main{min-width:0}.crumb{font-size:.92rem;color:var(--muted);margin:0}.panel,.card,.reading,.filter,.table-wrap{background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:1rem;min-width:0}.panel{align-self:start}.panel form{display:grid;gap:.5rem}.panel .quick{margin-block-start:.7rem}.panel .quick a{flex:1 1 42%;justify-content:center;white-space:nowrap;font-size:.95rem;padding-inline:.4rem}input,select,button{min-height:44px;border:1px solid #77b6bf;border-radius:.65rem;padding:.15rem .6rem;font:inherit;color:inherit;background:white;max-width:100%;min-width:0}button{background:var(--teal);color:#fff;cursor:pointer}label{display:grid}.hero{background:linear-gradient(125deg,#13434a,#0b666c);border:1px solid var(--gold);color:#fff;border-radius:2.6rem .9rem;padding:clamp(1rem,4vw,2.4rem);margin-block-end:1rem}.hero a{color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem;margin-block:.5rem 1.1rem}.card{display:flex;flex-direction:column;align-items:start}.card .quick{margin-top:auto}.cover,.issue-image{object-fit:contain;display:block;border-radius:.8rem;border:1px solid var(--border);width:auto;max-width:100%;max-height:17rem;margin-block-end:.7rem}.reading{margin-block-start:1rem;overflow-wrap:anywhere}.reading img{max-width:100%;height:auto}.reading table{display:block;max-width:100%;overflow:auto}.table-wrap{margin-block-start:.7rem;padding:0;overflow:auto}table{width:100%;border-spacing:0;text-align:start}th,td{padding:.55rem .75rem;text-align:start;vertical-align:top;border-block-end:1px solid var(--border)}thead,.group{background:#afdde5}tbody tr:nth-child(even):not(.group){background:#eef8f9}.mobile-label{display:none}.filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.filter label:first-child{grid-column:1/-1}footer{background:#123d45;color:#fff;border-block-start:2px solid #b99152;border-radius:2.5rem 0 0;padding:1.3rem max(1rem,calc((100vw - 1180px)/2))}footer>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}footer section{padding:.7rem;border:1px solid #54878d;border-radius:1rem}footer section a{display:block}footer a{color:#d8f7fb;overflow-wrap:anywhere}footer small{display:block;margin-block-start:.65rem}html [lang=en]{font-family:Georgia,serif;font-size:1rem;line-height:1.55}.skip{position:absolute;inset-inline-start:1rem;top:-100px;background:white;padding:.4rem}.skip:focus{top:1rem}
@media(max-width:740px){.layout{display:flex;flex-direction:column;padding:.7rem;gap:.7rem}.panel{width:100%;order:1}.layout main{order:0}.panel,.card,.reading,.filter{padding:.75rem}.panel form{grid-template-columns:minmax(0,1fr) auto}.panel h2,.panel label{grid-column:1/-1}.filter{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:.35rem;padding-inline:.5rem}nav a{font-size:.96rem;padding-inline:.55rem}footer>div{grid-template-columns:1fr}.table-wrap{padding:.55rem} .table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap tr{display:block;border:1px solid var(--border);border-radius:.7rem;margin-block-end:.55rem;overflow:hidden}.table-wrap td{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.45rem;padding:.4rem .55rem}.table-wrap td:last-child,.table-wrap th{border:0}.table-wrap .group th{display:block}.mobile-label{display:block;font-weight:bold;color:var(--teal)}}
.mast a{grid-template-columns:auto auto;align-items:center;column-gap:.6rem}.mast .crest{grid-row:span 2;width:clamp(48px,9vw,92px);height:auto}.mast small{grid-column:2}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:.85rem;margin-block-end:1rem}.intro img{width:100%;border:1px solid var(--border);border-radius:.75rem}@media(max-width:480px){.intro{grid-template-columns:1fr}.intro img{max-width:180px}}
