/* TadabburLife session landing template v1.4 — shared by all 98 bilingual pages. */
:root{--e:#075b45;--d:#063d30;--g:#d4a72c;--p:#fffef9;--i:#16352c;--l:#dce8e1}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{min-width:0;margin:0;background:#f4faf6;color:var(--i);font:17px/1.8 system-ui}
.wrap{width:100%;max-width:840px;min-width:0;margin:auto;padding:16px}
.session{display:block}
.seo-h1{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.2;color:var(--d);margin:12px 0 22px}
.seo-kicker{color:#557068;margin:0 0 18px}
.session-head{min-width:0;overflow-wrap:break-word;background:linear-gradient(135deg,var(--d),#0d7a5b);color:#fff;border-radius:24px;padding:25px}
.session-head h2{color:#f2d87e;overflow-wrap:break-word}
.card{min-width:0;overflow-wrap:break-word;background:var(--p);border:1px solid var(--l);border-radius:22px;padding:22px;margin:15px 0}
.secondary{background:#f8fbf9}
.feature{background:var(--d);color:#fff}
.feature h3{color:#f2d87e}
.feature a{color:#f2d87e;text-underline-offset:3px}
.feature .ayahbox{background:#0b5a45}
.feature .ayah,.feature .latin{color:#fff}
.feature .tr{color:#263e35}
.ayahbox{background:#0b5a45;border:2px solid #d9b94d;border-radius:20px;padding:22px}
.ayah{color:#fff;direction:rtl;text-align:right;font-size:40px;line-height:2.15;font-family:"Noto Naskh Arabic",serif}
p[lang="ar"]{display:block;margin:14px 0;padding:16px 18px;background:#0b5a45;border:2px solid #d9b94d;border-radius:20px;color:#fff;direction:rtl;text-align:right;font-size:clamp(1.75rem,4vw,2.5rem);line-height:2.15;font-family:"Noto Naskh Arabic",serif;overflow-wrap:normal;word-break:normal;white-space:normal}
.latin{font-style:italic;font-weight:600;background:#ffffff20;padding:10px}
.tr{background:#fff7dc;color:#263e35;padding:12px;margin-top:12px;font-weight:600}
.call{background:#e7f5ee;border-left:4px solid var(--g)}
details{background:#fff;border:1px solid var(--l);border-radius:15px;margin:14px 0;padding:8px 16px}
.finish-reflection-wrap,.session-nav{display:none}
.cta,.reader-cta{display:block;text-align:center;background:var(--g);color:#17352c!important;text-decoration:none;font-weight:800;padding:13px 16px;border-radius:999px;margin:28px 0}
footer{text-align:center;padding:28px;color:#64766f}
.credit{margin-top:8px;padding-top:18px;border-top:1px solid var(--l)}
.breadcrumb,.seo-nav,.related{margin:18px 0;padding:14px 18px;background:#fff;border:1px solid var(--l);border-radius:16px}
.seo-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.breadcrumb a,.seo-nav a,.related a{color:var(--e);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.related h3{margin:0 0 10px;color:var(--d)}
.related ul{margin:0;padding-left:20px}
.breadcrumb{font-size:14px;color:#60756e}
.trust-footer{display:block;margin-top:12px;font-size:14px}
.trust-footer a{color:var(--e)}
img,svg,iframe,video{max-width:100%;height:auto}
pre,code{overflow-wrap:anywhere}
a{overflow-wrap:anywhere}
.owner-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}
.owner-links a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:92px;padding:15px 17px;border:1px solid #c6ded1;border-radius:16px;background:#fff;color:#075b45;text-decoration:none;box-shadow:0 3px 12px #063d300a;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.owner-links a strong{font-size:1rem;line-height:1.3}
.owner-links a span{font-size:.85rem;line-height:1.4;color:#43675a}
.owner-links a:hover,.owner-links a:focus-visible{background:#e7f5ee;border-color:#087a5c;box-shadow:0 6px 18px #063d301c;transform:translateY(-2px);outline-offset:3px}
.owner-links a:focus-visible{outline:2px solid #087a5c}
@media(max-width:650px){.wrap{padding:10px}.card{padding:20px 17px}.ayah{font-size:32px;line-height:2.05}p[lang="ar"]{font-size:1.8rem}.session-head{padding:22px 18px}body{font-size:16.5px;line-height:1.78}}
@media(max-width:430px){.owner-links{grid-template-columns:1fr 1fr;gap:9px}.owner-links a{min-height:100px;padding:12px}.owner-links a strong{font-size:.94rem}.owner-links a span{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.owner-links a{transition:none}.owner-links a:hover{transform:none}}