/* Imam Life Experience Review 8 — optional presentation only; no user-record logic. */
/* Warm ambient lighting, fine ornament, tactile interactions. Never animate Qur'an letters. */
body.imam-design-bridge .ias-hero{overflow:hidden;isolation:isolate;position:relative;
 background:radial-gradient(circle at 95% 0%,rgba(246,205,123,.19),transparent 30%),
 radial-gradient(ellipse at 5% 100%,rgba(53,143,95,.45),transparent 48%),linear-gradient(122deg,#092a22 0%,#0e533e 51%,#1a694d 100%);
 border:1px solid #d8b779;box-shadow:0 18px 55px rgba(6,65,39,.23),inset 0 1px 0 #ffffff26}
body.imam-design-bridge .ias-hero::before{content:"";position:absolute;z-index:-1;width:290px;height:290px;left:-105px;top:-130px;
 border-radius:50%;border:1px solid rgba(243,219,163,.24);box-shadow:0 0 0 38px #ffffff09,0 0 0 86px #ffffff06;pointer-events:none}
body.imam-design-bridge .ias-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(110deg,transparent 18%,#ffffff0c 48%,transparent 67%);background-size:250% 100%;animation:imam-breath-light 17s ease-in-out infinite alternate}
body.imam-design-bridge .ias-hero-visual{background:radial-gradient(circle,#e3c68920 5%,transparent 72%);
 border-color:#e8c78f68;box-shadow:0 0 0 12px #f8d89312,0 0 0 30px #f8d8930b;animation:imam-orbit 7s ease-in-out infinite}
body.imam-design-bridge .ias-visual-book{filter:drop-shadow(0 3px 9px #d5b16977);font-size:70px}
body.imam-design-bridge .ias-kicker{background:#e2c27d19;border:1px solid #e3c88755;padding:6px 12px;border-radius:99px}
body.imam-design-bridge .ias-btn.primary{box-shadow:0 6px 23px #020e0845;transition:transform .2s,box-shadow .2s}
body.imam-design-bridge .ias-btn:hover{transform:translateY(-2px)}
body.imam-design-bridge .ias-btn.primary:hover{box-shadow:0 9px 23px #020e0855}
body.imam-design-bridge .ias-card{position:relative;overflow:hidden;border:1px solid #d5e6d9;box-shadow:0 8px 25px rgba(7,55,30,.055);transition:transform .24s,box-shadow .24s,border-color .24s}
body.imam-design-bridge .ias-card:hover,body.imam-design-bridge .ias-card:focus-visible{transform:translateY(-4px);box-shadow:0 15px 36px rgba(7,55,30,.14);border-color:#cdaa67}
body.imam-design-bridge .ias-card::after{content:"";position:absolute;bottom:0;right:0;width:42%;height:3px;background:linear-gradient(90deg,transparent,#d6b676);opacity:.65}
body.imam-design-bridge .ias-icon{transition:transform .25s;box-shadow:inset 0 -3px 8px #00000006}
body.imam-design-bridge .ias-card:hover .ias-icon{transform:rotate(-4deg) scale(1.07)}
body.imam-design-bridge #pg-home .sc{transition:transform .2s,box-shadow .2s}
body.imam-design-bridge #pg-home .sc:hover{transform:translateY(-3px)!important;box-shadow:0 12px 27px #13462b1c!important}
.ial-moment{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin:14px 0 17px;max-width:100%;direction:rtl}
.ial-moment-card{border:1px solid #d8e9da;border-radius:19px;padding:17px 19px;background:linear-gradient(120deg,#fffdf5,#f2f8ef);position:relative;overflow:hidden}
.ial-moment-card:before{content:"✧";position:absolute;left:14px;top:-26px;font-size:91px;color:#d8b87933;pointer-events:none}
.ial-moment-kicker{color:#967133;font-size:11px;font-weight:900;display:block;margin-bottom:3px}
.ial-moment-card strong{font-size:16px;color:#144c36;line-height:1.75;display:block;padding-left:25px}
.ial-moment-card p{font-size:12px;line-height:1.8;color:#65786c;margin:7px 0 12px;max-width:55ch}
.ial-moment-actions{display:flex;flex-wrap:wrap;gap:9px}
.ial-moment-actions a,.ial-moment-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border:1px solid #c9dece;border-radius:11px;background:white;color:#176343;text-decoration:none;font:800 11px Tahoma,Arial,sans-serif;cursor:pointer}
.ial-moment-actions a:first-child{background:#155f42;color:white;border-color:#155f42}
.ial-moment-quiet{background:linear-gradient(130deg,#174934,#0c3028);border-color:#a88f5f}
.ial-moment-quiet strong{color:white}.ial-moment-quiet p{color:#e0eae3}.ial-moment-quiet .ial-moment-kicker{color:#f0cd82}
.ial-moment-quiet .ial-moment-actions a{color:#0d3d2b;background:#f0d49a;border-color:#f0d49a}
/* Service directory with warmer interactive cards */
.portals-intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 90% 4%,#a28b513b,transparent 30%),linear-gradient(125deg,#092b23,#146346 80%)!important;box-shadow:0 22px 48px #0c52332c!important}
.portals-intro::before{content:"✧";position:absolute;left:5%;top:4%;font-size:clamp(100px,20vw,230px);line-height:1;color:#ffe3a012;z-index:-1;pointer-events:none}
.portals-intro h1{color:#fff;line-height:1.4}.aps-card{transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}
.aps-card:hover,.aps-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 36px #13472e1e;border-color:#d3b472}
.aps-icon{transition:transform .22s;background:linear-gradient(150deg,#f1faef,#e4f1ea);border:1px solid #d7e9dc}
.aps-card:hover .aps-icon{transform:scale(1.08) rotate(-4deg)}
.aps-card:after{content:"";height:3px;position:absolute;bottom:0;left:25%;right:25%;background:linear-gradient(90deg,transparent,#c5a45e,transparent);opacity:.7}
.aps-hero-badges span{background:#ffffff12;backdrop-filter:blur(2px)}
/* Learning activity, with decorative motifs away from sacred text */
.al-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 0% 15%,#9c8a4d3b,transparent 40%),linear-gradient(125deg,#082e24,#1c6749)!important;border:1px solid #d4b478;box-shadow:0 20px 45px #0636222b}
.al-hero::before{content:"✦";position:absolute;z-index:-1;left:5%;top:-20px;font-size:clamp(100px,18vw,190px);color:#e7c17b18}
.al-nav button{transition:transform .2s,background .2s,box-shadow .2s}.al-nav button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0b482719}
.al-info-card,.al-word,.al-question{transition:transform .22s,border-color .22s,box-shadow .22s}
.al-info-card:hover,.al-word:hover{transform:translateY(-3px);border-color:#d9bc82;box-shadow:0 11px 24px #124f2911}
.al-level-summary{background:radial-gradient(circle at 0% 0%,#f5e8bd55,transparent 35%),linear-gradient(115deg,#e8f5e8,#fff)!important}
@keyframes imam-breath-light{from{background-position:170% 0}to{background-position:-60% 0}}
@keyframes imam-orbit{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:640px){.ial-moment{grid-template-columns:1fr}.ial-moment-card{padding:15px}.ial-moment-card strong{font-size:15px}body.imam-design-bridge .ias-visual-book{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ias-hero:after,.ias-hero-visual{animation:none!important}.ias-card,.ias-icon,.aps-card,.aps-icon,.al-nav button,.al-info-card,.al-word,.sc{transition:none!important}}
@media print{.ial-moment{display:none!important}}