@font-face{font-family:SiteSerif;src:url('text-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:SiteSerif;src:url('text-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#061b2d;background:#e2ebdf;font-family:SiteSerif,Georgia,'Times New Roman',serif;font-size:18px;line-height:1.28}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dcae43;outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:32px;line-height:1.18;letter-spacing:-1px}h3{font-size:24px;letter-spacing:-.7px}p{color:#354453}.container{width:calc(100% - 126px);max-width:1160px;margin:auto}.green{background:#054d3e url('green-texture.webp') repeat;background-size:420px 360px;color:#fffdf4}.green p{color:#fffdf4}.icon{width:24px;height:25px;flex-shrink:0;vertical-align:middle;color:#004b3e}.site-header{height:56px;border-bottom:1px solid #ffffff24}.header-inner{max-width:1130px;width:calc(100% - 156px);height:100%;margin:auto;display:flex;align-items:center;gap:65px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:28px;letter-spacing:-.6px;text-decoration:none;white-space:nowrap}.brand .icon{width:35px;height:35px;color:#ffdc79;fill:#ffdc7980}.site-header nav{display:flex;align-items:stretch;gap:33px;height:100%}.site-header nav a{font-size:16px;text-decoration:none;position:relative;display:flex;align-items:center;white-space:nowrap}.site-header nav a.active{color:#ffe39a}.site-header nav a.active:after{content:'';height:3px;background:#ffda72;position:absolute;bottom:0;left:-4px;right:-4px}.header-search{margin-left:auto}.header-search .icon{color:#fff;width:26px;height:26px}.menu-toggle{display:none}.hero{text-align:center;padding:28px 0 24px;min-height:298px}.hero h1{font-size:50px;line-height:1.04;letter-spacing:-1.5px}.hero>div>p{font-size:20px;margin:12px 0 20px;white-space:nowrap}.search-form{display:flex;align-items:center;gap:15px;max-width:612px;margin:0 auto;background:#faf8ef;border-radius:11px;padding:5px 5px 5px 17px;height:52px}.search-form .icon{color:#52616d}.search-form input{background:none;border:0;min-width:0;flex:1;font-size:16px;color:#243445;outline:none}.search-form button{background:#004f40;color:white;border:1px solid #286c58;border-radius:10px;padding:8px 32px}.popular{display:flex;justify-content:center;gap:9px;font-size:16px;margin-top:16px}.discovery{padding:22px 0 25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.section-heading>a{font-size:16px;color:#004b3e;white-space:nowrap}.text-link{font-size:16px;color:#004b3e;text-decoration:underline;text-underline-offset:2px}.text-link .icon,.section-heading .icon{width:19px;height:19px;margin-left:6px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.category{background:#faf8ef;border-radius:8px;min-height:108px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:16px;letter-spacing:-.4px;text-decoration:none;border:1px solid transparent}.category>.icon{width:35px;height:36px}.category:hover,.category.selected{border-color:#1b7058;background:#fffdf7}.duas-heading{margin:27px 0 12px}.duas-heading p{margin-top:2px}.dua-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dua-card{background:#faf8ef;border-radius:8px;padding:16px 19px 15px;min-height:156px;display:flex;flex-direction:column}.eyebrow{text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:1.1px;font-size:11px;color:#19634f}.dua-card h3{margin:6px 0 4px;line-height:1.1}.dua-card h3 a{text-decoration:none}.dua-card p{font-size:17px;line-height:1.25;max-width:250px;margin-bottom:10px}.dua-card>.text-link{margin-top:auto}.names-banner{padding:25px 0 23px}.names-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:24px}.names-layout h2{white-space:nowrap}.names-layout>div>p{font-size:19px;line-height:1.15;margin:6px 0 15px}.name-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.name-card{display:flex;gap:24px;align-items:center;background:#faf8ef;padding:15px 20px;border-radius:8px;color:#061b2d;text-decoration:none;min-height:105px}.name-card h3{font-size:19px;white-space:nowrap}.name-card p{color:#354453;font-size:16px;margin:5px 0}.portrait{display:flex;align-items:center;justify-content:center;background:#e5ecdf;border-radius:50%;width:65px;height:65px;flex-shrink:0}.portrait .icon{width:39px;height:45px}.letters{border-left:1px solid #ffffff40;padding-left:28px;align-self:center;padding-top:30px;padding-bottom:22px}.letters h3{font-size:19px;font-weight:normal;margin:0 0 12px}.letters>div{display:flex;gap:8px;flex-wrap:wrap}.letters a{display:grid;place-items:center;border:1px solid #ffffff35;border-radius:5px;width:38px;height:39px;text-decoration:none}.letters a:hover{background:#ffffff20}.allah-section{display:flex;justify-content:space-between;align-items:center;min-height:175px;padding-top:24px;padding-bottom:25px}.gold{color:#c7922b}.allah-section h2{margin:9px 0 3px}.allah-section p{margin-bottom:6px}.allah-calligraphy{text-align:center;min-width:345px}.allah-calligraphy>span{font-family:Naskh,serif;font-size:74px;line-height:1.3;color:#004b3e}.allah-calligraphy p{font-size:16px}.allah-calligraphy p span{padding:0 8px}footer{padding:20px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:25px}footer .brand .icon{width:31px;height:28px}footer .footer-inner>div{display:flex;gap:34px;font-size:15px}footer a{text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#063f33;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 3px 18px #0003;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center}.toast.show{opacity:1}.empty-state{grid-column:1/-1;padding:25px}.post-hero{height:167px}.post-container{width:calc(100% - 66px);max-width:1180px;margin:auto}.breadcrumb{font-size:14px;padding:23px 12px 8px;color:#d5e5df;display:flex;gap:12px}.breadcrumb a{text-decoration:none}.post-hero h1{text-align:center;font-size:50px;line-height:1.1;letter-spacing:-1px}.post-hero>div>p{text-align:center;font-size:23px}.dua-panel{position:relative;margin-top:-26px;background:#edf5ed;border-radius:14px;padding:28px 35px 24px;text-align:center}.dua-panel .eyebrow{color:#575d60;letter-spacing:1.6px}.arabic-dua{font-family:Naskh,serif;font-size:57px;line-height:1.5;color:#004b3b;margin:20px 0 16px;font-weight:500}.urdu{font-family:Nastaliq,serif;font-size:23px;line-height:2.4;margin:15px 0 26px;color:#354453}.english{font-size:20px;line-height:1.35;max-width:630px;margin:10px auto 26px}.dua-actions{display:flex;gap:27px;align-items:center;justify-content:center}.dua-actions button{border:0;background:none;color:#0b293c;display:flex;align-items:center;gap:12px;font-size:17px;padding:12px 5px}.dua-actions button.listen{border-radius:30px;background:#004e3d;color:white;padding:14px 27px}.listen .icon{color:white}.dua-actions button[aria-pressed=true]{color:#ad7924}.post-columns{display:grid;grid-template-columns:minmax(0,2.42fr) minmax(240px,1fr);gap:30px;padding:21px 14px 29px}.article-body h2{font-size:30px;margin:6px 0}.article-body p{font-size:18px;line-height:1.33}.article-body section{margin-bottom:23px}.dua-figure{margin:15px auto 10px;text-align:center}.dua-figure img{display:block;width:465px;max-width:100%;height:auto;margin:auto;border-radius:6px}.dua-figure figcaption{font-size:14px;color:#465253;margin:8px 0}.image-links{display:flex;gap:17px;justify-content:center;font-size:15px;color:#25434a}.toc{background:#cfdfd3;padding:17px 20px;border-radius:9px;margin-bottom:9px}.toc h3,.sidebar-promo h3{font-size:22px;color:#004b3d;margin-bottom:13px}.toc a{display:block;text-decoration:none;font-size:18px;color:#354453;margin:9px 5px}.sidebar-promo{border-radius:8px;padding:22px 24px 30px}.sidebar-promo h3{color:white;margin-bottom:6px}.sidebar-promo p{margin-bottom:10px}.sidebar-promo a{color:#ffdb72;text-decoration:none}.sidebar-promo .icon{color:#ffdb72}.more-duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.more-duas>a{display:flex;align-items:center;gap:16px;text-decoration:none;background:#fffdf5;border-radius:8px;padding:12px 15px;font-size:20px}.more-duas>a>.icon{margin-left:auto}.small-circle{background:#e0ecd7;padding:10px;border-radius:50%;display:flex}.simple-page{min-height:70vh;padding-top:40px;padding-bottom:50px}.simple-page>h1{font-size:42px;color:#004b3d;margin-bottom:15px}.simple-page>p{margin-bottom:20px}.filter-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.filter-links a{padding:8px 18px;background:#fffdf5;border-radius:6px;color:#004b3d}.names-results .dua-card p{margin-top:8px}.names-results .arabic-name{font-family:Naskh;font-size:35px;color:#004b3d}dialog{border:0;padding:12px;border-radius:12px;max-width:95vw;background:#faf8ef}dialog::backdrop{background:#001f18b8}dialog img{display:block;max-width:100%;max-height:80vh}dialog button{display:block;margin:0 0 10px auto;border:0;background:#004b3d;color:white;padding:7px 15px;border-radius:5px}
@media(min-width:1250px){.hero{padding:38px 0}.discovery{padding-top:30px;padding-bottom:32px}.dua-card{min-height:165px}.names-banner{padding:30px 0}.names-layout h2{font-size:34px}}
@media(max-width:1000px){.container{width:calc(100% - 60px)}.header-inner{width:calc(100% - 60px);gap:35px}.site-header nav{gap:24px}.brand{font-size:25px}.hero>div>p{white-space:normal;font-size:18px}.names-layout h2{white-space:normal}.names-layout{grid-template-columns:2.5fr 1fr}.name-card{gap:13px;padding:15px 12px}.portrait{width:52px;height:60px}.letters{padding-left:20px}.name-card h3{font-size:17px}.name-card .text-link{font-size:14px}.arabic-dua{font-size:49px}.urdu{font-size:20px}.post-columns{gap:22px}.post-container{width:calc(100% - 40px)}}
@media(max-width:820px){body{font-size:17px}.container,.header-inner{width:calc(100% - 36px)}.site-header{height:66px;position:relative;z-index:20}.header-inner{gap:18px}.brand{font-size:25px}.brand .icon{width:30px;height:31px}.header-search{margin-left:0;order:2}.menu-toggle{display:flex;order:3;margin-left:0;width:30px;height:30px;padding:4px 1px;flex-direction:column;justify-content:space-around;background:none;border:0;color:white}.menu-toggle span{height:2px;width:26px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-inner>.brand{margin-right:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;background:#064c3e;padding:12px 18px 20px;box-shadow:0 12px 16px #00291a30}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{font-size:18px;min-height:49px;border-bottom:1px solid #ffffff20;padding:9px 12px}.site-header nav a.active:after{top:11px;bottom:11px;left:0;width:3px;height:auto;right:auto}.hero{padding:29px 0 25px;min-height:0}.hero h1{font-size:38px;line-height:1.1;letter-spacing:-1px}.hero>div>p{font-size:17px;line-height:1.45;margin:14px 0 20px}.search-form{gap:10px;padding-left:12px}.search-form input{font-size:15px}.search-form button{padding:9px 18px;font-size:16px}.popular{font-size:13px;gap:7px;flex-wrap:wrap;margin-top:17px}h2{font-size:27px}.section-heading{align-items:flex-start}.section-heading h2{max-width:240px}.section-heading>a{font-size:14px;align-self:center}.section-heading>a .icon{width:16px;margin-left:2px}.discovery{padding-top:25px;padding-bottom:26px}.categories{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.category{min-height:107px;font-size:14px;gap:12px}.category>.icon{width:32px;height:33px}.duas-heading{margin-top:26px}.duas-heading p{font-size:16px;margin-top:6px}.dua-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dua-card{padding:15px;min-height:175px}.dua-card h3{font-size:21px;line-height:1.15}.dua-card p{font-size:16px;margin-top:3px}.eyebrow{font-size:10px}.names-banner{padding:25px 0}.names-layout{display:block}.names-layout h2{font-size:28px}.names-layout>div>p{font-size:17px;line-height:1.35;margin:10px 0 17px}.desktop-break{display:none}.name-cards{gap:10px}.name-card{align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.name-card h3{font-size:18px;white-space:normal}.name-card p{font-size:14px;line-height:1.5}.name-card .text-link{font-size:14px}.portrait{width:53px;height:53px}.portrait .icon{height:38px;width:34px}.letters{border-left:0;border-top:1px solid #ffffff35;padding:20px 0 0;margin-top:23px}.letters>div{gap:8px}.letters a{width:36px;height:37px}.allah-section{gap:10px;min-height:185px}.allah-section h2{font-size:26px}.allah-section p{font-size:16px}.allah-calligraphy{min-width:0;width:40%;flex-shrink:0}.allah-calligraphy>span{font-size:57px}.allah-calligraphy p{font-size:12px;line-height:1.5}.allah-calligraphy p span{padding:0 2px}.footer-inner{flex-direction:column;gap:20px;align-items:flex-start}footer{padding:22px 0}footer .footer-inner>div{gap:28px}.post-container{width:calc(100% - 28px)}.post-hero{height:175px}.breadcrumb{padding:19px 4px 16px;font-size:13px;gap:9px}.post-hero h1{font-size:40px}.post-hero>div>p{font-size:20px}.dua-panel{padding:24px 15px;margin-top:-20px}.arabic-dua{font-size:35px;line-height:1.8;margin:20px 0 13px}.arabic-dua br{display:none}.urdu{font-size:18px;line-height:2.5;margin:12px 0 24px}.english{font-size:18px;margin-bottom:22px}.english br{display:none}.dua-actions{gap:14px;flex-wrap:wrap}.dua-actions button{font-size:15px;gap:7px;padding:8px 0}.dua-actions button.listen{padding:12px 18px}.dua-actions .icon{width:20px;height:21px}.post-columns{display:flex;flex-direction:column;padding:20px 4px 25px;gap:10px}.article-body h2{font-size:27px}.article-body p{font-size:17px;line-height:1.5}.article-body section{margin-bottom:24px}.post-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toc,.sidebar-promo{padding:18px 15px;margin:0}.toc h3,.sidebar-promo h3{font-size:20px}.toc a,.sidebar-promo p{font-size:16px}.more-duas{gap:10px}.more-duas>a{padding:12px 10px;gap:8px;font-size:16px}.small-circle{padding:7px}.more-duas .icon{width:20px}.simple-page>h1{font-size:34px}}
@media(max-width:380px){.header-inner{gap:12px}.brand{font-size:22px}.hero h1{font-size:34px}.section-heading h2{font-size:25px;max-width:205px}.category{font-size:13px}.dua-card{padding:13px}.dua-card h3{font-size:20px}.name-cards,.post-sidebar{grid-template-columns:1fr}.name-card{flex-direction:row;align-items:center}.allah-section{align-items:flex-start}.allah-calligraphy>span{font-size:48px}.dua-actions{gap:11px}.dua-actions button.listen{padding:12px}.arabic-dua{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:821px){.letters>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.letters a{width:100%;max-width:39px}.dua-panel{padding-top:24px}.arabic-dua{line-height:1.45;margin-top:14px;margin-bottom:8px}.urdu{margin-bottom:18px}}
.icon{stroke:none;fill:currentColor}.brand .icon{fill:currentColor}.names-results{margin-top:25px}.legal-page{max-width:1050px;padding-top:45px;padding-bottom:55px}.legal-heading{margin-bottom:25px}.legal-heading h1{font-size:44px;line-height:1.15;color:#004b3d;margin-top:9px}.prose{max-width:790px}.prose .lead{font-size:23px;color:#004b3d}.prose p{line-height:1.65;margin-bottom:15px}.prose section{margin-top:28px}.prose h2{font-size:27px;letter-spacing:-.5px;margin-bottom:12px}.prose a{color:#005541;text-underline-offset:3px}.policy-date{font-size:15px}.legal-back{display:inline-block;margin-top:28px}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:start}.contact-intro p{line-height:1.6;margin-top:12px}.contact-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:#f9f7ed;margin-bottom:20px}.contact-icon .icon{width:32px;height:32px}.contact-intro h2{font-size:30px}.demo-note{border-left:3px solid #bc952f;padding:12px 18px;background:#f6f4e9;border-radius:0 8px 8px 0;margin-top:25px;font-size:16px}.demo-note p{margin-top:5px}.contact-form{padding:28px;background:#faf8ef;border-radius:12px;display:flex;flex-direction:column;gap:9px}.contact-form label{font-size:17px;margin-top:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #bacbbf;background:#fffef9;border-radius:6px;padding:12px 13px;color:#102f2b;font:17px SiteSerif,serif}.contact-form textarea{resize:vertical;min-height:135px}.button-link{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:13px 22px;border:0;border-radius:7px;background:#004e3d;color:#fffdf4;font:18px SiteSerif,serif;text-decoration:none}.button-link .icon{color:inherit;width:20px;height:20px}.contact-form .button-link{align-self:flex-start;margin-top:12px}.form-note{font-size:14px;line-height:1.5;margin-top:4px}.form-result{display:none;padding:13px 15px;background:#e1ecdf;color:#104b39;border:1px solid #acc8b5;border-radius:6px;line-height:1.5}.form-result.visible{display:block}.error-page{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh}.error-number{font-size:105px;line-height:1;color:#799886;margin:15px 0}.error-page p{line-height:1.6}.error-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:10px}@media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:24px}.legal-heading h1{font-size:35px}.legal-page{padding-top:30px}.contact-form{padding:20px}.prose .lead{font-size:21px}.error-actions{flex-direction:column;gap:20px}.error-number{font-size:88px}.error-page>h1{font-size:32px}}.article-body ul,.article-body ol{margin:12px 0 20px;padding-left:24px;line-height:1.55}.article-body li{margin-bottom:8px}.article-body li strong{color:#004b3d}.print-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#004e3d;color:#fff;border-radius:8px;border:none;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.print-button:hover{background:#00382c}.print-button .icon{width:20px;height:20px;color:#fff}@media print{.site-header,.post-hero,.dua-actions,.post-sidebar,footer,.toast,.more-duas,.image-links,.print-button{display:none!important}body{background:#fff!important;color:#000!important}.post-container,.article-body{max-width:100%!important;padding:0!important;margin:0!important}.dua-panel{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}}

/* Enhancements for article tables, blockquotes, callouts, and Arabic/Urdu typography */
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;background:#faf8ef;border-radius:8px;overflow:hidden;border:1px solid #dcdfd8;font-size:16px}
.article-body table th{background:#004b3d;color:#fff;text-align:left;padding:12px 16px;font-weight:600}
.article-body table td{padding:12px 16px;border-bottom:1px solid #e2e5de;vertical-align:middle}
.article-body table tr:last-child td{border-bottom:none}
.article-body blockquote{margin:18px 0;padding:14px 20px;background:#f3f7f2;border-left:4px solid #004b3d;border-radius:0 8px 8px 0;font-style:italic;color:#1a3832;line-height:1.6}
.article-body .arabic-text{font-family:Naskh,"Amiri","Traditional Arabic",serif;font-size:26px;line-height:1.8;color:#004b3d;text-align:right;direction:rtl;margin:12px 0}
.article-body .urdu-text{font-size:19px;line-height:1.8;color:#1a3832;text-align:right;direction:rtl;margin:8px 0}
.article-body .callout-box{background:#f9f7ed;border-left:4px solid #bc952f;padding:16px 20px;border-radius:0 8px 8px 0;margin:18px 0}
.article-body h2{margin-top:32px;margin-bottom:14px;color:#004b3d;font-size:24px;line-height:1.3}
.article-body h3{margin-top:24px;margin-bottom:10px;color:#004b3d;font-size:20px;line-height:1.35}
.article-body p{line-height:1.65;margin-bottom:14px;color:#1c2e2a}
.article-body a{color:#005541;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#00382c}

/* Long-form article layout */
.post-hero{
  height:auto;
  min-height:210px;
  padding-bottom:50px;
}
.post-hero .post-container{display:flex;flex-direction:column}
.breadcrumb{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.post-hero h1{
  width:min(1080px,100%);
  margin:5px auto 0;
  font-size:clamp(38px,4vw,50px);
  line-height:1.08;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.post-hero>div>p{
  width:min(880px,100%);
  margin:8px auto 0;
  font-size:20px;
  line-height:1.35;
  text-wrap:balance;
}
.dua-panel{
  margin-top:-30px;
  padding:32px clamp(24px,5vw,64px) 28px;
  border:1px solid rgba(1,75,59,.1);
  box-shadow:0 18px 45px rgba(2,48,38,.08);
}
.dua-panel .arabic-dua{
  max-width:1020px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(38px,4vw,57px);
}
.dua-panel .urdu{max-width:1020px;margin-left:auto;margin-right:auto}
.dua-actions button:not(.listen):not(.print-dua-btn){padding:10px 12px;border-radius:999px}
.dua-actions button:not(.listen):not(.print-dua-btn):hover{background:#dfeae0}
.post-columns{
  grid-template-columns:minmax(0,760px) minmax(250px,320px);
  justify-content:center;
  align-items:start;
  gap:28px;
  padding:30px 14px 48px;
}
.article-body{
  min-width:0;
  padding:34px 40px 38px;
  background:rgba(250,248,239,.82);
  border:1px solid rgba(1,75,59,.09);
  border-radius:14px;
  box-shadow:0 10px 30px rgba(3,57,45,.045);
}
.article-body>p:first-child{font-size:20px;line-height:1.65;color:#102e28}
.article-image{margin:0;min-width:0}
.article-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
  background:#e8eee5;
  box-shadow:0 8px 24px rgba(3,57,45,.1);
}
.article-image-featured{margin:-8px 0 28px}
.article-image-featured img{aspect-ratio:3/2;object-fit:cover}
.article-image-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:34px 0 30px;
  padding-top:30px;
  border-top:1px solid #d4dfd5;
}
.article-image-gallery .article-image:first-child{grid-column:1/-1}
.article-image-gallery .article-image:first-child img{aspect-ratio:16/10;object-fit:cover}
.article-image-gallery .article-image:not(:first-child) img{height:100%;aspect-ratio:4/3;object-fit:cover}
.article-body p{font-size:18px;line-height:1.68;margin-bottom:16px;color:#263b36}
.article-body section{
  margin:30px 0 0;
  padding-top:30px;
  border-top:1px solid #d4dfd5;
  scroll-margin-top:28px;
}
.article-body section h2:first-child{margin-top:0}
.article-body h2{
  margin:34px 0 14px;
  font-size:28px;
  line-height:1.25;
  letter-spacing:-.55px;
  color:#004b3d;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.article-body h3{font-size:21px;margin:26px 0 9px;color:#0a5547}
.article-body ul,.article-body ol{margin:14px 0 22px;padding-left:25px;line-height:1.65}
.article-body li{padding-left:4px;margin-bottom:10px}
.article-body li::marker{color:#08705a;font-weight:600}
.article-body blockquote{
  margin:20px 0;
  padding:18px 22px;
  background:#eef5ed;
  border:1px solid #d7e5d8;
  border-left:4px solid #0b6b57;
  border-radius:0 9px 9px 0;
  font-size:17px;
}
.article-body .arabic-text{
  padding:18px 22px;
  background:#eef5ed;
  border-radius:9px;
  font-size:30px;
  line-height:1.85;
}
.article-body .urdu-text{font-family:Nastaliq,serif;line-height:2.1}
.article-body table{
  display:table;
  margin:22px 0 28px;
  border-radius:10px;
  box-shadow:0 7px 22px rgba(3,57,45,.05);
}
.article-body table th,.article-body table td{padding:13px 16px!important}
.article-body table td:first-child{width:36%;font-weight:600;color:#064f41}
.more-duas{margin-top:16px}
.post-sidebar{position:sticky;top:24px;align-self:start;min-width:0}
.toc{
  margin:0;
  padding:20px 18px;
  background:#cfdfd3;
  border:1px solid rgba(1,75,59,.09);
  border-radius:10px;
  max-height:calc(100vh - 48px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#8eab98 transparent;
}
.toc-toggle{
  width:100%;
  padding:0 2px 12px;
  border:0;
  border-bottom:1px solid #acc5b3;
  background:transparent;
  color:#004b3d;
  font-family:inherit;
  font-size:22px;
  font-weight:600;
  text-align:left;
}
.toc-chevron{display:none}
.toc-links{padding-top:6px}
.toc a{
  display:block;
  margin:0;
  padding:7px 9px;
  border-left:2px solid transparent;
  border-radius:0 5px 5px 0;
  font-size:16px;
  line-height:1.3;
}
.toc a:hover,.toc a:focus-visible{background:#e4ede4;border-left-color:#0b6b57;color:#004638}
.sidebar-promo{margin-top:14px}

@media(max-width:1000px) and (min-width:821px){
  .post-columns{grid-template-columns:minmax(0,1fr) 260px}
  .article-body{padding:30px}
}

@media(max-width:820px){
  .post-hero{height:auto;min-height:0;padding-bottom:43px}
  .breadcrumb{padding:16px 4px 13px;font-size:12px}
  .post-hero h1{margin-top:3px;font-size:clamp(30px,9vw,40px);line-height:1.08;padding:0 3px}
  .post-hero>div>p{font-size:17px;line-height:1.4;margin-top:9px;padding:0 5px}
  .dua-panel{margin-top:-22px;padding:26px 16px 22px;border-radius:13px}
  .dua-panel .arabic-dua{font-size:clamp(32px,9.5vw,42px);line-height:1.75}
  .dua-panel .urdu{line-height:2.25}
  .dua-actions{gap:6px 10px}
  .dua-actions button:not(.listen):not(.print-dua-btn){padding:9px 7px}
  .post-columns{display:flex;flex-direction:column;gap:14px;padding:22px 0 34px}
  .article-body{order:1;width:100%;padding:24px 20px 28px;border-radius:12px}
  .article-body>p:first-child{font-size:18px}
  .article-image-featured{margin:-5px 0 23px}
  .article-image-featured img{border-radius:8px}
  .article-image-gallery{grid-template-columns:1fr;gap:12px;margin:28px 0 26px;padding-top:25px}
  .article-image-gallery .article-image:first-child{grid-column:auto}
  .article-image-gallery .article-image img,.article-image-gallery .article-image:first-child img,.article-image-gallery .article-image:not(:first-child) img{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px}
  .article-body p{font-size:17px;line-height:1.65}
  .article-body section{margin-top:25px;padding-top:25px}
  .article-body h2{font-size:25px;line-height:1.25;margin-top:29px}
  .article-body h3{font-size:20px}
  .article-body ul,.article-body ol{padding-left:21px}
  .article-body blockquote{padding:16px 17px;font-size:16px}
  .article-body .arabic-text{padding:16px;font-size:27px;overflow-wrap:anywhere}
  .article-body table{display:block;max-width:100%;overflow-x:auto;white-space:normal;font-size:15px}
  .article-body table th,.article-body table td{min-width:130px;padding:11px 12px!important}
  .post-sidebar{display:contents;position:static}
  .toc{order:0;width:100%;max-height:none;padding:0;background:#f7f6ed;overflow:visible}
  .sidebar-promo{order:2;width:100%;margin-top:2px}
  .toc-toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:0;font-size:19px}
  .toc-chevron{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dce9dd;font-size:23px;font-weight:400;line-height:1}
  .js .toc-links{display:none;padding:0 12px 13px;border-top:1px solid #d7e1d7}
  .js .toc-toggle[aria-expanded="true"]+.toc-links{display:block}
  .toc a{padding:9px 6px;font-size:15px}
  .more-duas{grid-template-columns:1fr}
}

@media(max-width:420px){
  .article-body{padding:22px 17px 26px}
  .post-hero h1{font-size:31px}
  .dua-actions .listen{width:100%;justify-content:center}
  .dua-actions button{font-size:15px}
}

/* Local Arabic, Urdu and Devanagari translation typography */
@font-face{
  font-family:NotoNaskhArabic;
  src:url('noto-naskh-arabic.woff2') format('woff2');
  font-display:swap;
  font-style:normal;
  font-weight:400 700;
}
@font-face{
  font-family:Amiri;
  src:url('amiri.woff2') format('woff2');
  font-display:swap;
  font-style:normal;
  font-weight:400;
}
@font-face{
  font-family:Hindi;
  src:url('hindi.woff2') format('woff2');
  font-display:swap;
  font-weight:400 700;
}
.arabic-dua,
.article-body .arabic-text,
.allah-calligraphy>span,
.names-results .arabic-name{
  font-family:NotoNaskhArabic,"Traditional Arabic",serif;
  font-weight:400;
}
.urdu,
.article-body .urdu-text{
  font-family:Amiri,"Noto Nastaliq Urdu",serif;
  font-weight:400;
}
.hindi{
  max-width:900px;
  margin:10px auto 24px;
  color:#263b36;
  font-family:Hindi,serif;
  font-size:20px;
  line-height:1.65;
}
.site-header .brand,
.footer-inner>.brand{
  flex:0 0 auto;
  padding:3px 4px;
}
.brand-logo{
  display:block;
  width:auto;
  height:39px;
}
footer .brand-logo{height:42px}
@media(max-width:820px){
  .hindi{font-size:18px;line-height:1.7;margin-bottom:21px}
  .site-header .brand,.footer-inner>.brand{padding:3px 4px}
  .brand-logo{height:38px}
}

.landing-copy{
  max-width:900px;
  margin:46px auto 16px;
  padding:32px 36px;
  background:#f7f7ee;
  border:1px solid #c9d8cc;
  border-radius:12px;
}
.landing-copy>h2{font-size:31px;color:#004b3d}
.landing-copy h3{font-size:23px;color:#004b3d;margin-bottom:9px}
.landing-copy p{line-height:1.65;margin-bottom:15px}
.landing-copy ul,.landing-copy ol{padding-left:24px;line-height:1.55}
.landing-copy li{margin-bottom:8px}
.landing-copy li strong{color:#004b3d}
@media(max-width:820px){
  .landing-copy{margin-top:32px;padding:24px 20px}
  .landing-copy>h2{font-size:27px}
  .landing-copy h3{font-size:21px}
}

.post-card{min-height:0}
.post-thumbnail-link{
  display:block;
  margin-bottom:13px;
  overflow:hidden;
  border-radius:7px;
  background:#d7e4da;
}
.post-thumbnail{
  display:block;
  width:100%;
  height:112px;
  object-fit:cover;
  transition:transform .2s ease;
}
.post-thumbnail-link:hover .post-thumbnail{transform:scale(1.025)}
.related-thumbnail{
  width:64px;
  height:48px;
  border-radius:6px;
  flex:0 0 64px;
}
@media(max-width:820px){
  .post-thumbnail{height:96px}
  .related-thumbnail{width:54px;height:42px;flex-basis:54px}
}