/* AZRS religion section: shared base + one look per religion.
   Everything hangs off .rl[data-rel]. Per-religion look comes only from the variables
   and the motif below, never from separate markup copies.
   Reuses azrs-tool.css (.az-tool) and az-guide.css (.azg-*). */

.rl{
  --rl-a:#5B4BFF;--rl-ink:#4A3BE0;--rl-b:#00B8E6;--rl-rad:24px;
  --rl-text:#0E1226;--rl-muted:#434862;--rl-soft:#5A5F78;--rl-line:rgba(14,18,38,.1);--rl-ground:#F6F7FC;
  --az-a:var(--rl-a);--az-ink:var(--rl-ink);--az-b:var(--rl-b);--g-a:var(--rl-a);--g-ink:var(--rl-ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--rl-text);position:relative;overflow-x:clip;
  background:
    radial-gradient(900px 420px at 88% -90px,color-mix(in srgb,var(--rl-a) 13%,transparent),transparent 70%),
    radial-gradient(700px 360px at -8% 140px,color-mix(in srgb,var(--rl-b) 12%,transparent),transparent 70%),
    var(--rl-ground);
}
.rl[data-rel="islam"]{--rl-a:#3F7A00;--rl-ink:#3F7A00;--rl-b:#8CC63F;--rl-rad:24px}
.rl[data-rel="christianity"]{--rl-a:#0A7EA4;--rl-ink:#0A7EA4;--rl-b:#00B8E6;--rl-rad:36px}
.rl[data-rel="judaism"]{--rl-a:#5B4BFF;--rl-ink:#4A3BE0;--rl-b:#A78BFA;--rl-rad:10px}
.rl[data-rel="hinduism"]{--rl-a:#C2410C;--rl-ink:#C2410C;--rl-b:#FF6B4A;--rl-rad:30px}
.rl[data-rel="buddhism"]{--rl-a:#B7791F;--rl-ink:#8A5A0F;--rl-b:#E8B04B;--rl-rad:999px}
.rl *{box-sizing:border-box}
.rl a{text-decoration:none}
.rl :focus-visible{outline:3px solid var(--rl-a);outline-offset:2px;border-radius:8px}
.rl[data-rel="buddhism"] :focus-visible{outline-color:#8A5A0F}
.rl section{background:transparent;scroll-margin-top:90px}
.rl-wrap{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}

/* ---------- hero ---------- */
.rl-hero{position:relative;overflow:clip;padding:6px 0 14px}
.rl-hero>*:not(.rl-mot){position:relative;z-index:1}
.rl-crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:13.5px;color:var(--rl-soft);padding:14px 0 6px}
.rl-crumbs a{color:var(--rl-soft);display:inline-flex;align-items:center;min-height:32px}
.rl-crumbs a:hover{color:var(--rl-ink)}
.rl-crumbs span[aria-current]{color:var(--rl-text);font-weight:600}
.rl-tcat{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rl-ink);background:color-mix(in srgb,var(--rl-a) 12%,#fff);padding:6px 14px;border-radius:999px;margin-bottom:10px}
.rl-h1{margin:0;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:800;font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.08;letter-spacing:-.03em;color:var(--rl-text);max-width:20em;text-wrap:balance}
.rl-lead{margin:8px 0 0;color:var(--rl-muted);font-size:clamp(.98rem,1.9vw,1.12rem);line-height:1.5;max-width:40em}
.rl-mot{position:absolute;right:-50px;top:-24px;width:min(380px,62vw);color:var(--rl-a);opacity:.14;z-index:0;pointer-events:none;transform-origin:50% 50%}
.rl-center .rl-hero{text-align:center}
.rl-center .rl-crumbs{justify-content:center}
.rl-center .rl-h1,.rl-center .rl-lead{margin-left:auto;margin-right:auto}
.rl-center .rl-mot{right:50%;translate:50% 0;top:-34px;opacity:.1;width:min(340px,62vw)}
@supports (animation-timeline:scroll(root)){
  .rl-mot{animation:rlspin linear both;animation-timeline:scroll(root);animation-range:0px 1000px}
  @keyframes rlspin{to{rotate:90deg;scale:1.18}}
}
@media (prefers-reduced-motion:reduce){.rl-mot,.rl-hmot{animation:none !important}}

/* per-religion hero character */
.rl[data-rel="christianity"] .rl-hero{border-radius:var(--rl-rad) var(--rl-rad) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--rl-b) 11%,transparent),transparent 80%);margin-top:6px;padding-top:10px}
.rl[data-rel="judaism"] .rl-hero{border-left:5px solid var(--rl-a);padding-left:18px;border-radius:0 var(--rl-rad) var(--rl-rad) 0}
.rl[data-rel="hinduism"] .rl-hero::before{content:"";position:absolute;inset:0 0 0 0;background:radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--rl-b) 20%,transparent),transparent 55%);z-index:0}
.rl[data-rel="buddhism"] .rl-tcat{background:linear-gradient(90deg,color-mix(in srgb,var(--rl-b) 28%,#fff),color-mix(in srgb,var(--rl-a) 14%,#fff))}
.rl[data-rel="buddhism"] .rl-tcat,.rl[data-rel="christianity"] .rl-tcat{letter-spacing:.06em}

/* ---------- tool card ---------- */
.rl-tool{padding:6px 0 10px}
.rl-card{position:relative;z-index:1;background:#fff;border:1px solid var(--rl-line);border-top:5px solid var(--rl-a);border-radius:var(--rl-rad);box-shadow:0 40px 80px -52px color-mix(in srgb,var(--rl-a) 60%,transparent);padding:clamp(12px,2.2vw,26px);min-width:0;overflow:clip}
.rl[data-rel="buddhism"] .rl-card{border-radius:36px}
.rl[data-rel="christianity"] .rl-card{border-radius:var(--rl-rad)}
.rl-card>*{min-width:0;max-width:100%}
.rl-card img,.rl-card canvas,.rl-card video,.rl-card svg:not([width]){max-width:100%}
.rl-card table{max-width:100%}
.rl-card .container{max-width:100%;padding-left:0;padding-right:0}
.rl-note{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--rl-a) 8%,#fff);border-left:5px solid var(--rl-a);border-radius:14px;padding:12px 16px;color:var(--rl-muted);font-size:14.5px;margin-top:14px;line-height:1.5}
.rl-note i{color:var(--rl-ink);flex:none;margin-top:2px}
.rl-card button:not(.btn-close),.rl-card .btn,.rl-card select,.rl-card input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:44px}
.rl-card a.btn,.rl-card a.button{min-height:44px;display:inline-flex;align-items:center}

/* type layouts */
.rl-t-counter .rl-card{max-width:760px;margin-left:auto;margin-right:auto}
.rl-t-guide .rl-card{max-width:980px;margin-left:auto;margin-right:auto}
.rl-t-calculator .rl-card{max-width:1080px;margin-left:auto;margin-right:auto}
.rl-t-search .rl-card{border-top-width:5px}
.rl-t-finder .rl-card,.rl-t-time .rl-card,.rl-t-calendar .rl-card{padding:clamp(10px,1.6vw,20px)}
.rl-tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rl-tagrow span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--rl-line);font-size:13px;font-weight:600;color:var(--rl-muted)}
.rl-tagrow i{color:var(--rl-ink)}
@media(max-width:700px){
  .rl-wrap{padding:0 12px}
  .rl-lead{font-size:.95rem}
  .rl-h1{font-size:1.55rem}
  .rl-card{padding:12px;border-radius:min(var(--rl-rad),24px)}
  .rl[data-rel="judaism"] .rl-hero{padding-left:12px}
}

/* ---------- guide (reuses .azg-*) ---------- */
.rl .azg{background:linear-gradient(180deg,var(--rl-ground),#fff 35%);margin-top:34px}
.rl .azg::before{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--rl-a) 20%,transparent),transparent 68%)}
.rl .azg::after{background:radial-gradient(circle at 60% 40%,color-mix(in srgb,var(--rl-b) 20%,transparent),transparent 68%)}
.rl .azg-kick{color:var(--rl-ink);background:color-mix(in srgb,var(--rl-a) 12%,#fff)}
.rl .azg-step,.rl .azg-card,.rl .azg-excard,.rl .azg-box{border-radius:var(--rl-rad)}
.rl[data-rel="buddhism"] .azg-step,.rl[data-rel="buddhism"] .azg-card,.rl[data-rel="buddhism"] .azg-excard,.rl[data-rel="buddhism"] .azg-box{border-radius:32px}
.rl .azg-step i{background:var(--rl-a);color:#fff}
.rl .azg-ic{background:color-mix(in srgb,var(--rl-a) 14%,#fff);color:var(--rl-ink)}
.rl .azg-card:nth-child(n) .azg-ic{background:color-mix(in srgb,var(--rl-a) 14%,#fff);color:var(--rl-ink)}
.rl .azg-tips{background:color-mix(in srgb,var(--rl-b) 20%,#fff)}
.rl .azg-miss{background:color-mix(in srgb,#C2410C 10%,#fff)}
.rl .azg-links a{color:var(--rl-ink)}
.rl .azg-faq details[open]{border-color:color-mix(in srgb,var(--rl-a) 35%,#fff);box-shadow:0 20px 40px -28px color-mix(in srgb,var(--rl-a) 45%,transparent)}
.rl .azg-faq summary::after{color:var(--rl-a)}
.rl .azg-faq details{border-radius:calc(var(--rl-rad)*.8)}
.rl .azg-cta{background:linear-gradient(135deg,var(--rl-a),color-mix(in srgb,var(--rl-a) 55%,#0E1226));border-radius:var(--rl-rad)}
.rl[data-rel="buddhism"] .azg-cta{border-radius:48px;background:linear-gradient(135deg,#8A5A0F,#B7791F)}
.rl .azg-btn{background:#fff;color:#0E1226}
.rl .azg-btn:hover{color:#0E1226}
.rl .azg-exarrow{color:var(--rl-a)}
.rl-ex-in{font-weight:600;font-size:1.05rem;line-height:1.5;color:var(--rl-text)}
.rl-rel{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.rl-relc{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--rl-line);border-radius:var(--rl-rad);padding:14px 16px;min-height:76px;color:var(--rl-text);transition:transform .2s,box-shadow .2s}
.rl-relc:hover{transform:translateY(-4px);box-shadow:0 24px 42px -28px color-mix(in srgb,var(--rl-a) 60%,transparent)}
.rl-relc b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;color:var(--rl-text)}
.rl-relc em{display:block;font-style:normal;font-size:13.5px;color:var(--rl-muted);line-height:1.35}
.rl-h3{margin:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;color:#0E1226}
.rl-all{display:inline-flex;align-items:center;min-height:44px;color:var(--rl-ink);font-weight:700}
.rl-ico{flex:none;width:48px;height:48px;border-radius:calc(var(--rl-rad)*.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;background:linear-gradient(135deg,var(--rl-a),var(--rl-b))}
.rl-disc{margin-top:26px}

/* ---------- hubs ---------- */
.rl-hubhero .rl-h1{font-size:clamp(2rem,5vw,3.4rem);max-width:17em}
.rl-hubhero .rl-lead{font-size:clamp(1.02rem,2.2vw,1.22rem)}
.rl-srch{display:block;width:100%;max-width:640px;min-height:56px;border-radius:999px;border:1.5px solid rgba(14,18,38,.16);padding:0 22px;font:inherit;font-size:16px;background:#fff;margin:18px 0 12px;color:var(--rl-text)}
.rl-center .rl-srch{margin-left:auto;margin-right:auto}
.rl[data-rel="judaism"] .rl-srch{border-radius:12px}
.rl-srch:focus{border-color:var(--rl-a);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--rl-a) 18%,transparent)}
.rl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.rl-center .rl-chips{justify-content:center}
.rl-chips button{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--rl-line);background:#fff;font-weight:600;font-size:15px;cursor:pointer;color:var(--rl-text);font-family:inherit}
.rl[data-rel="judaism"] .rl-chips button{border-radius:10px}
.rl-chips button[aria-pressed="true"]{background:var(--rl-a);border-color:var(--rl-a);color:#fff}
.rl-chips button:hover{border-color:var(--rl-a)}
.rl-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));padding:8px 0 26px}
.rl-rcard{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--rl-line);border-radius:var(--rl-rad);padding:16px 20px 16px 16px;min-height:96px;color:var(--rl-text);transition:transform .2s,box-shadow .2s}
.rl-rcard:hover{transform:translateY(-4px);box-shadow:0 26px 46px -28px color-mix(in srgb,var(--rl-a) 60%,transparent)}
.rl-rcard b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;color:var(--rl-text)}
.rl-rcard span.d{display:block;color:var(--rl-muted);font-size:14.5px;margin-top:2px;line-height:1.4}
.rl[data-rel="christianity"] .rl-rcard{border-radius:var(--rl-rad) var(--rl-rad) 18px 18px}
.rl[data-rel="christianity"] .rl-ico{border-radius:50% 50% 12px 12px}
.rl[data-rel="judaism"] .rl-ico{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border-radius:0}
.rl[data-rel="hinduism"] .rl-ico{border-radius:50%}
.rl[data-rel="buddhism"] .rl-ico{border-radius:50%}
.rl-empty{color:var(--rl-muted);padding:10px 4px}
.rl-band{background:linear-gradient(135deg,color-mix(in srgb,var(--rl-a) 12%,#fff),color-mix(in srgb,var(--rl-b) 16%,#fff));border-radius:var(--rl-rad);padding:clamp(22px,4vw,40px);display:grid;gap:22px}
.rl[data-rel="buddhism"] .rl-band{border-radius:48px}
@media(min-width:900px){.rl-band{grid-template-columns:1.3fr 1fr;align-items:center}}
.rl-band h2,.rl-band p{text-align:left}
.rl-band h2{margin:8px 0 8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.03em}
.rl-band p{color:var(--rl-muted);margin:0 0 16px;max-width:34em}
.rl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--rl-a);color:#fff;font-weight:700;border:0;transition:transform .15s}
.rl-btn:hover{transform:translateY(-2px);color:#fff}
.rl-tips{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rl-tips li{background:#fff;border:1px solid var(--rl-line);border-radius:18px;padding:12px 16px;color:var(--rl-muted);font-size:15px}
.rl-sec{padding-top:48px}
.rl-sec .azg-h2{margin-bottom:16px}
.rl-faq details{background:#fff;border:1px solid var(--rl-line);border-radius:20px;margin-bottom:10px;padding:0 20px}
.rl-faq summary{list-style:none;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:1rem}
.rl-faq summary::-webkit-details-marker{display:none}
.rl-faq summary::after{content:'+';font-size:26px;color:var(--rl-a);transition:transform .2s}
.rl-faq details[open] summary::after{transform:rotate(45deg)}
.rl-faq details p{margin:0 0 18px;color:var(--rl-muted);font-size:.95em;line-height:1.6}

/* ---------- religion landing (/religion/) ---------- */
.rl-hbig{display:grid;gap:16px;margin-top:6px;perspective:1200px}
@media(min-width:900px){.rl-hbig{grid-template-columns:repeat(5,1fr)}}
.rl-hcard{position:relative;overflow:clip;border-radius:36px;padding:28px 24px;min-height:300px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:linear-gradient(150deg,var(--a),var(--b));transition:transform .25s,box-shadow .25s;transform-style:preserve-3d}
.rl-hcard:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:0 36px 60px -30px var(--a);color:#fff}
.rl-hcard .rl-hmot{position:absolute;right:-30px;top:-20px;width:70%;color:#fff;opacity:.22;pointer-events:none}
@supports (animation-timeline:scroll(root)){.rl-hcard .rl-hmot{animation:rlspin linear both;animation-timeline:scroll(root);animation-range:0px 900px}}
.rl-hcard h2{margin:0;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6rem;letter-spacing:-.02em;position:relative;color:#fff}
.rl-hcard p{margin:0;text-align:left;position:relative;opacity:.96;font-size:15px;color:#fff}
.rl-hcard em{position:relative;font-style:normal;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.95}
.rl-hcard[data-rel="buddhism"]{--b:#C98A1E}
.rl-hcard.rl-r-islam{border-radius:24px}.rl-hcard.rl-r-christianity{border-radius:36px 36px 28px 28px}.rl-hcard.rl-r-judaism{border-radius:28px}.rl-hcard.rl-r-hinduism{border-radius:30px}.rl-hcard.rl-r-buddhism{border-radius:48px}
.rl-gsteps{display:grid;gap:14px}@media(min-width:900px){.rl-gsteps{grid-template-columns:repeat(3,1fr)}}
.rl-gs{background:#fff;border:1px solid var(--rl-line);border-radius:28px;padding:22px}
.rl-gs i{font-style:normal;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;width:38px;height:38px;border-radius:50%;background:var(--rl-a);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.rl-gs b{display:block;font-family:'Plus Jakarta Sans',sans-serif}.rl-gs p{margin:6px 0 0;color:var(--rl-muted);font-size:15px}
@supports (animation-timeline:view()){
  .rl-hcard{animation:azrv linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  .rl-hcard:nth-child(even){animation-name:azrv2}
}
@media (prefers-reduced-motion:reduce){.rl-hcard{animation:none !important}.rl-hcard:hover{transform:none}}

/* ux_unify_E: tips/mistakes box headings align with their lists */
.rl .azg-box h2,.rl .azg-box h3{text-align:left;margin:0}