/* Pak Urdu AI – static pages (blog, about, legal). Mobile-first, RTL-aware. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFF8F3;color:#1F2937;font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",Poppins,system-ui,Roboto,Arial,sans-serif;font-size:17px;line-height:2.3;overflow-wrap:break-word;word-wrap:break-word}
html[dir=ltr] body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:#E55F00}
img{max-width:100%;height:auto}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.site-header{background:#fff;border-bottom:3px solid #FF6B00;position:sticky;top:0;z-index:10}
.site-header .bar{max-width:1100px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#111;font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:18px;line-height:1}
.brand img{border-radius:10px}
.brand b{color:#FF6B00}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{text-decoration:none;color:#374151;padding:2px 10px;border-radius:999px;font-size:15px;line-height:2.2;white-space:nowrap}
.nav a:hover,.nav a[aria-current=page]{background:#FFF0E6;color:#E55F00}
.crumbs{font-size:13px;margin:14px 0 0;color:#6B7280}
.crumbs a{color:#6B7280;text-decoration:none}
.post{background:#fff;border-radius:16px;padding:20px 18px;margin:12px 0 24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.post h1{font-size:25px;line-height:2.35;padding:4px 0;margin:6px 0 4px;color:#111}
html[dir=ltr] .post h1{line-height:1.3;font-size:28px;font-weight:800}
.post h2{font-size:21px;line-height:2.25;margin:28px 0 6px;color:#C2410C;border-bottom:2px solid #FFE1CC;padding-bottom:2px}
html[dir=ltr] .post h2{line-height:1.35;font-weight:700}
.post h3{font-size:18px;margin:18px 0 4px;line-height:2.2}
.post p{margin:8px 0}
.post ul,.post ol{padding-inline-start:26px;margin:6px 0}
.post li{margin:3px 0}
.post code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;background:#F3F4F6;padding:1px 5px;border-radius:5px;direction:ltr;unicode-bidi:isolate}
.post blockquote{margin:12px 0;padding:10px 14px;background:#FFF7ED;border-inline-start:4px solid #FF6B00;border-radius:8px;font-family:Poppins,system-ui,Arial,sans-serif;font-size:14.5px;line-height:1.75;unicode-bidi:plaintext}
.meta{color:#6B7280;font-size:14px;margin:0 0 10px}
.cat{display:inline-block;background:#FFF0E6;color:#E55F00;font-size:13px;line-height:2.2;padding:2px 10px;border-radius:999px}
.hero{display:block;width:100%;border-radius:12px;margin:8px 0 14px}
.toc{background:#FAFAFA;border:1px solid #F1F1F1;border-radius:12px;padding:6px 16px;margin:10px 0 16px;font-size:15px}
.toc p{margin:0;font-weight:700}
.toc ol{margin:0}
.toc a{text-decoration:none}
.author-box{display:flex;gap:12px;align-items:flex-start;background:#FFF7ED;border-radius:12px;padding:12px;margin:24px 0 8px;font-size:15px}
.author-box img{border-radius:50%;flex-shrink:0;object-fit:cover;width:64px;height:64px}
.author-box p{margin:0}
.note{font-size:13px;color:#6B7280}
.related h2,.cat-sec h2{font-size:21px;margin:18px 0 8px;line-height:2.25}
.cat-sec h2 small{font-family:Poppins,Arial,sans-serif;font-size:13px;color:#9CA3AF;font-weight:600}
.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:22px}
@media(min-width:600px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.related .grid{grid-template-columns:1fr 1fr 1fr}}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.07);display:flex;flex-direction:column}
.card-img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.card-body{padding:10px 14px 12px}
.card h3,.card h2{font-size:17px;line-height:2.25;margin:4px 0}
.card h3 a,.card h2 a{color:#111;text-decoration:none}
.card p{font-size:14px;margin:2px 0;color:#4B5563}
.card .meta{font-size:12.5px;margin-top:4px}
.intro{padding:18px 0 4px}
.intro h1{font-size:27px;margin:0;line-height:2.3}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chips a{background:#fff;border:1px solid #FFD5BA;border-radius:999px;padding:2px 12px;text-decoration:none;font-size:14px;line-height:2.2;white-space:nowrap}
.legal h2{font-size:20px}
.legal table{border-collapse:collapse;width:100%;font-size:14px}
.legal td,.legal th{border:1px solid #eee;padding:6px;text-align:start}
.ur-block{direction:rtl;text-align:right;font-family:"Noto Nastaliq Urdu",serif;line-height:2.15;background:#FFF7ED;border-radius:12px;padding:8px 14px;margin:14px 0}
.btn{display:inline-block;background:#FF6B00;color:#fff;text-decoration:none;border-radius:10px;padding:4px 16px;font-weight:700}
.form label{display:block;margin:8px 0 2px;font-size:14px}
.form input,.form textarea{width:100%;border:1px solid #E5E7EB;border-radius:10px;padding:8px 10px;font:inherit;font-size:15px;line-height:1.6;background:#fff}
.form button{margin-top:10px;border:0;background:#FF6B00;color:#fff;border-radius:10px;padding:8px 20px;font:inherit;font-weight:700;cursor:pointer}
.site-footer{background:#111827;color:#D1D5DB;padding:22px 0 18px;margin-top:20px;font-size:14px}
.site-footer a{color:#FDBA74;text-decoration:none}
.f-brand{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:20px;color:#fff;margin:0}
.f-brand b{color:#FF6B00}
.f-links,.f-social{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0}
.copy{font-family:Poppins,Arial,sans-serif;font-size:12.5px;color:#9CA3AF;margin:8px 0 0}
@media(min-width:700px){body{font-size:18px}.post{padding:28px 34px}.post h1{font-size:30px}}

/* v4: Nastaliq-safe spacing, bidi-isolated Latin/dates, language switcher */
.post p,.post li{line-height:2.3}
html[dir=ltr] .post p,html[dir=ltr] .post li{line-height:1.75}
.card p{line-height:2.1}
html[dir=ltr] .card p{line-height:1.6}
html[dir=ltr] .card h3,html[dir=ltr] .card h2,html[dir=ltr] .related h2,html[dir=ltr] .cat-sec h2,html[dir=ltr] .intro h1{line-height:1.35}
html[dir=ltr] .post h3{line-height:1.4}
html[dir=ltr] .cat,html[dir=ltr] .nav a,html[dir=ltr] .chips a{line-height:1.8}
.meta bdi,.meta time,.nw{white-space:nowrap;unicode-bidi:isolate}
.lang-switch{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;font-family:Poppins,system-ui,Arial,sans-serif;font-size:13.5px;line-height:1.6}
.lang-switch a,.lang-switch span{border:1px solid #FFD5BA;border-radius:999px;padding:3px 12px;text-decoration:none;background:#fff;color:#374151}
.lang-switch a.ur-l,.lang-switch span.ur-l{font-family:"Noto Nastaliq Urdu",serif;font-size:15px;line-height:2.1;padding:0 14px}
.lang-switch [aria-current]{background:#FF6B00;border-color:#FF6B00;color:#fff;font-weight:700}
.toc{line-height:2.2}
html[dir=ltr] .toc{line-height:1.7}
