.divine-guidance-trigger {
    display:inline-flex;
    align-items:center;
    gap:.42rem;
    min-height:38px;
    padding:.35rem .68rem;
    border:1px solid rgba(212,175,55,.32);
    border-radius:999px;
    color:#f4d36d;
    background:radial-gradient(circle at 22% 35%,rgba(255,218,103,.16),transparent 42%),rgba(38,20,10,.58);
    box-shadow:inset 0 1px rgba(255,241,185,.06);
    cursor:pointer;
    transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.divine-guidance-trigger span {
    font-size:1rem;
    filter:drop-shadow(0 0 6px rgba(255,215,107,.66));
    animation:guidanceBulbGlow 3.2s ease-in-out infinite;
}
.divine-guidance-trigger b {
    font:700 .72rem/1 "Source Sans 3",sans-serif;
    letter-spacing:.035em;
    white-space:nowrap;
}
.divine-guidance-trigger:hover,
.divine-guidance-trigger:focus-visible {
    border-color:rgba(255,215,107,.7);
    box-shadow:0 0 20px rgba(212,175,55,.18),inset 0 1px rgba(255,241,185,.1);
    outline:none;
    transform:translateY(-1px);
}

body.divine-guidance-open { overflow:hidden; }
.divine-guidance[hidden] { display:none; }
.divine-guidance {
    position:fixed;
    z-index:10120;
    inset:0;
    visibility:hidden;
    opacity:0;
    transition:opacity .34s ease,visibility .34s ease;
}
.divine-guidance.is-open { visibility:visible; opacity:1; }
.divine-guidance__backdrop {
    position:absolute;
    inset:0;
    width:100%;
    border:0;
    background:rgba(11,5,2,.78);
    backdrop-filter:blur(7px);
    cursor:default;
}
.divine-guidance__panel {
    position:absolute;
    top:0;
    right:0;
    width:min(540px,100%);
    height:100dvh;
    box-sizing:border-box;
    overflow:hidden;
    border-left:1px solid rgba(255,215,107,.48);
    color:#f7e8c2;
    background:
        radial-gradient(circle at 50% 0,rgba(223,161,45,.25),transparent 22rem),
        repeating-radial-gradient(circle at 50% 12%,transparent 0 48px,rgba(212,175,55,.035) 49px 50px,transparent 51px 84px),
        linear-gradient(155deg,#4b2a16,#251209 54%,#160a05);
    box-shadow:-24px 0 72px rgba(0,0,0,.52),-2px 0 28px rgba(212,175,55,.1);
    transform:translateX(100%);
    transition:transform .46s cubic-bezier(.22,.8,.28,1),filter .46s ease;
    filter:saturate(.88) brightness(.92);
}
.divine-guidance.is-open .divine-guidance__panel { transform:translateX(0); filter:saturate(1) brightness(1); }
.divine-guidance__panel:before {
    content:"";
    position:absolute;
    z-index:0;
    inset:10px;
    border:1px solid rgba(255,215,107,.12);
    border-radius:22px 0 0 22px;
    pointer-events:none;
}
.divine-guidance__radiance { position:absolute; z-index:0; top:22px; left:50%; width:180px; height:100px; transform:translateX(-50%); pointer-events:none; }
.divine-guidance__radiance i { position:absolute; left:50%; bottom:0; width:1px; height:92px; background:linear-gradient(to top,rgba(255,215,107,.28),transparent); transform-origin:bottom; }
.divine-guidance__radiance i:first-child { transform:rotate(-38deg); }
.divine-guidance__radiance i:nth-child(2) { transform:rotate(0); }
.divine-guidance__radiance i:last-child { transform:rotate(38deg); }
.divine-guidance__header {
    position:relative;
    z-index:1;
    padding:1.65rem 4.25rem 1.15rem 2rem;
    border-bottom:1px solid rgba(212,175,55,.16);
    text-align:center;
}
.divine-guidance__lamp {
    display:block;
    width:48px;
    margin:0 auto .4rem;
    font-size:1.8rem;
    filter:drop-shadow(0 0 13px rgba(255,206,83,.72));
    animation:guidanceBulbGlow 3.2s ease-in-out infinite;
}
.divine-guidance__header p {
    margin:0;
    color:rgba(255,215,107,.7);
    font-size:.63rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.divine-guidance__header h2 {
    margin:.38rem 0 0;
    color:#f4d36d;
    font:700 clamp(1.75rem,4vw,2.2rem)/1.05 "Cormorant Garamond",Georgia,serif;
    text-shadow:0 0 17px rgba(255,215,107,.18);
}
.divine-guidance__close {
    position:absolute;
    top:1rem;
    right:1rem;
    display:grid;
    width:36px;
    height:36px;
    place-items:center;
    border:1px solid rgba(255,215,107,.35);
    border-radius:50%;
    color:#f7e8c2;
    background:rgba(21,9,4,.42);
    cursor:pointer;
    font-size:1.35rem;
}
.divine-guidance__close:hover,
.divine-guidance__close:focus-visible { border-color:#ffd76b; color:#ffd76b; outline:none; box-shadow:0 0 14px rgba(255,215,107,.16); }
.divine-guidance__scroll {
    position:relative;
    z-index:1;
    height:calc(100dvh - 142px);
    box-sizing:border-box;
    overflow-y:auto;
    padding:1.1rem 1.35rem 2rem;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(212,175,55,.55) rgba(20,9,4,.35);
}
.divine-guidance__intro {
    max-width:440px;
    margin:0 auto;
    color:rgba(255,239,202,.82);
    text-align:center;
    font-size:.9rem;
    line-height:1.6;
}
.divine-guidance__divider { display:flex; align-items:center; justify-content:center; gap:.7rem; margin:1rem 0; color:#d4af37; }
.divine-guidance__divider span { width:74px; height:1px; background:linear-gradient(90deg,transparent,rgba(212,175,55,.48)); }
.divine-guidance__divider span:last-child { transform:scaleX(-1); }
.divine-guidance__divider b { font:1rem Georgia,serif; }
.divine-guidance__items { display:grid; gap:.72rem; }
.divine-guidance-item {
    overflow:hidden;
    border:1px solid rgba(212,175,55,.2);
    border-radius:15px;
    background:
        radial-gradient(circle at 8% 0,rgba(255,215,107,.07),transparent 9rem),
        linear-gradient(145deg,rgba(79,45,23,.52),rgba(23,11,5,.48));
    transition:border-color .24s ease,box-shadow .24s ease;
}
.divine-guidance-item.is-open { border-color:rgba(255,215,107,.48); box-shadow:0 10px 28px rgba(7,3,1,.24),0 0 22px rgba(212,175,55,.055),inset 0 1px rgba(255,239,177,.07); }
.divine-guidance-item h3 { margin:0; }
.divine-guidance-item__toggle {
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 18px;
    align-items:center;
    gap:.65rem;
    width:100%;
    min-height:58px;
    padding:.65rem .78rem;
    border:0;
    color:#f1d477;
    background:transparent;
    text-align:left;
    cursor:pointer;
    font:700 1.02rem/1.15 "Cormorant Garamond",Georgia,serif;
}
.divine-guidance-item__toggle:hover,
.divine-guidance-item__toggle:focus-visible { color:#ffe592; background:rgba(212,175,55,.06); outline:none; }
.divine-guidance-item__icon { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(212,175,55,.28); border-radius:50%; background:rgba(212,175,55,.08); font-size:1rem; }
.divine-guidance-item__toggle i { width:8px; height:8px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); transition:transform .22s ease; }
.divine-guidance-item.is-open .divine-guidance-item__toggle i { transform:rotate(225deg); }
.divine-guidance-item__body { padding:0 1rem 1.05rem 3.95rem; overflow:hidden; }
.divine-guidance-item__body[hidden] { display:none; }
.divine-guidance-item__location {
    display:flex;
    align-items:flex-start;
    gap:.55rem;
    margin:0 0 .78rem;
    padding:.62rem .7rem;
    border:1px solid rgba(212,175,55,.17);
    border-radius:9px;
    background:rgba(212,175,55,.045);
}
.divine-guidance-item__location > span { color:#e3c45f; line-height:1.35; }
.divine-guidance-item__location p { margin:0; color:rgba(247,232,194,.76); font-size:.77rem; line-height:1.45; }
.divine-guidance-item__location b,
.divine-guidance-item__instructions > b {
    display:block;
    margin-bottom:.2rem;
    color:#d8b94f;
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.divine-guidance-item__instructions > p { margin:0; color:rgba(247,232,194,.78); font-size:.84rem; line-height:1.62; }
.divine-guidance-item__body ul { display:grid; gap:.32rem; margin:.72rem 0 0; padding:0; list-style:none; }
.divine-guidance-item__body li { display:flex; gap:.45rem; color:rgba(247,232,194,.72); font-size:.76rem; }
.divine-guidance-item__body li span { color:#d4af37; }
.divine-guidance-item__message {
    position:relative;
    margin:.9rem 0 0;
    padding:.82rem .9rem .82rem 1rem;
    border:1px solid rgba(255,215,107,.24);
    border-radius:11px;
    color:rgba(255,239,202,.8);
    background:linear-gradient(135deg,rgba(212,175,55,.075),rgba(34,15,7,.34));
    box-shadow:inset 0 1px rgba(255,244,198,.04),0 8px 22px rgba(5,2,1,.12);
}
.divine-guidance-item__message:before {
    content:"✦";
    position:absolute;
    top:.72rem;
    left:-.42rem;
    color:#f4d36d;
    font-size:.7rem;
    text-shadow:0 0 9px rgba(255,215,107,.7);
}
.divine-guidance-item__message span {
    display:block;
    margin-bottom:.28rem;
    color:#d8b94f;
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.divine-guidance-item__message p {
    margin:0;
    color:rgba(255,239,202,.8);
    font:italic .87rem/1.52 "Cormorant Garamond",Georgia,serif;
}
.divine-guidance-item__action {
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    min-height:36px;
    margin-top:.85rem;
    padding:.42rem .75rem;
    border:1px solid rgba(255,215,107,.48);
    border-radius:999px;
    color:#2a1507;
    background:linear-gradient(135deg,#ffe48b,#d4af37 55%,#af7519);
    box-shadow:0 7px 18px rgba(212,175,55,.15);
    text-decoration:none;
    font-size:.72rem;
    font-weight:800;
}
.divine-guidance-item__action:hover,
.divine-guidance-item__action:focus-visible { transform:translateY(-1px); box-shadow:0 9px 23px rgba(255,215,107,.24); outline:2px solid rgba(255,241,185,.45); outline-offset:2px; }
.divine-guidance__blessing {
    max-width:430px;
    margin:1.45rem auto 0;
    padding:1rem .8rem .2rem;
    border-top:1px solid rgba(212,175,55,.2);
    color:#dfc77f;
    text-align:center;
    font:italic 1.05rem/1.5 "Cormorant Garamond",Georgia,serif;
}

@keyframes guidanceBulbGlow {
    0%,100% { transform:translateY(0) scale(1); filter:drop-shadow(0 0 5px rgba(255,215,107,.45)); }
    50% { transform:translateY(-1px) scale(1.06); filter:drop-shadow(0 0 12px rgba(255,215,107,.82)); }
}

@media (max-width:1080px) {
    .divine-guidance-trigger b { display:none; }
    .divine-guidance-trigger { width:38px; justify-content:center; padding:0; }
}
@media (max-width:600px) {
    .divine-guidance-trigger { order:-1; width:34px; min-height:34px; }
    .divine-guidance__panel { width:100%; border-left:0; }
    .divine-guidance__panel:before { inset:7px; border-radius:16px; }
    .divine-guidance__header { padding:1rem 3.5rem .82rem 1rem; }
    .divine-guidance__lamp { width:38px; margin-bottom:.22rem; font-size:1.45rem; }
    .divine-guidance__header p { font-size:.55rem; }
    .divine-guidance__header h2 { font-size:1.65rem; }
    .divine-guidance__close { top:.7rem; right:.75rem; width:34px; height:34px; }
    .divine-guidance__scroll { height:calc(100dvh - 108px); padding:.8rem .72rem 1.25rem; }
    .divine-guidance__intro { font-size:.8rem; line-height:1.48; }
    .divine-guidance__divider { margin:.72rem 0; }
    .divine-guidance-item__toggle { min-height:54px; padding:.58rem .65rem; font-size:.96rem; }
    .divine-guidance-item__body { padding:0 .78rem .85rem .78rem; }
    .divine-guidance-item__instructions > p { font-size:.8rem; line-height:1.55; }
    .divine-guidance-item__location { padding:.55rem .6rem; }
    .divine-guidance-item__message { padding:.72rem .75rem .72rem .85rem; }
    .divine-guidance-item__message p { font-size:.83rem; }
    .divine-guidance-item__action { width:100%; box-sizing:border-box; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) {
    .divine-guidance-trigger span,.divine-guidance__lamp { animation:none; }
    .divine-guidance,.divine-guidance__panel,.divine-guidance-item__toggle i { transition:none; }
}

/* A restrained layer of temple light and sacred movement for the guidance book. */
.divine-guidance__backdrop {
    background:
        radial-gradient(circle at 82% 18%,rgba(226,164,48,.14),transparent 21rem),
        radial-gradient(circle at 24% 78%,rgba(138,63,16,.14),transparent 25rem),
        rgba(10,4,1,.82);
}
.divine-guidance__panel {
    background:
        radial-gradient(ellipse at 50% 0,rgba(255,208,91,.2),transparent 22rem),
        radial-gradient(circle at 100% 38%,rgba(183,103,25,.13),transparent 22rem),
        repeating-radial-gradient(circle at 50% 13%,transparent 0 46px,rgba(245,191,69,.04) 47px 48px,transparent 49px 83px),
        linear-gradient(155deg,#512b14 0%,#2b1208 57%,#160805 100%);
}
.divine-guidance__panel:after {
    content:"ॐ";
    position:absolute;
    z-index:0;
    top:16%;
    left:50%;
    color:rgba(255,213,100,.035);
    font:26rem/1 "Noto Sans Devanagari",serif;
    text-shadow:0 0 56px rgba(250,189,65,.09);
    transform:translateX(-50%);
    pointer-events:none;
    animation:guidanceMandalaFloat 15s ease-in-out infinite;
}
.divine-guidance__header {
    overflow:hidden;
    isolation:isolate;
    background:linear-gradient(180deg,rgba(104,56,18,.17),transparent);
}
.divine-guidance__header:before {
    content:"";
    position:absolute;
    z-index:0;
    top:-8.5rem;
    left:50%;
    width:18rem;
    height:18rem;
    border:1px solid rgba(255,215,107,.11);
    border-radius:50%;
    box-shadow:0 0 0 22px rgba(255,215,107,.025),0 0 0 48px rgba(255,215,107,.017),0 0 50px rgba(240,175,46,.14);
    transform:translateX(-50%);
    animation:guidanceHaloBreathe 6s ease-in-out infinite;
}
.divine-guidance__header:after {
    content:"✦  ॐ  ✦";
    position:absolute;
    right:1.55rem;
    bottom:.46rem;
    left:1.55rem;
    color:rgba(242,197,81,.32);
    font:700 .56rem/1 "Noto Sans Devanagari",serif;
    letter-spacing:.45em;
    z-index:1;
    pointer-events:none;
}
.divine-guidance__header > * { position:relative; z-index:2; }
.divine-guidance__header .divine-guidance__close { z-index:3; }
.divine-guidance__lamp {
    position:relative;
    z-index:1;
    display:grid;
    height:48px;
    place-items:center;
    border:1px solid rgba(255,220,115,.34);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,232,139,.25),rgba(116,57,13,.22) 53%,transparent 70%);
    box-shadow:0 0 0 7px rgba(243,184,51,.045),0 0 24px rgba(255,195,65,.16);
}
.divine-guidance__lamp:before,
.divine-guidance__lamp:after {
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.divine-guidance__lamp:before { inset:-8px; border:1px solid rgba(255,216,103,.18); animation:guidanceRingPulse 3.3s ease-in-out infinite; }
.divine-guidance__lamp:after { width:3px; height:3px; top:-3px; right:2px; background:#ffe284; box-shadow:-20px 16px 0 rgba(255,213,95,.58),22px 12px 0 rgba(255,213,95,.45); animation:guidanceParticleRise 4.8s ease-in-out infinite; }
.divine-guidance__radiance i { opacity:.42; animation:guidanceRayGlow 4.8s ease-in-out infinite; }
.divine-guidance__radiance i:nth-child(2) { animation-delay:-1.6s; }
.divine-guidance__radiance i:nth-child(3) { animation-delay:-3.2s; }
.divine-guidance__radiance i:after { content:"✦"; position:absolute; top:12px; left:-3px; color:rgba(255,226,129,.72); font-size:.48rem; text-shadow:0 0 10px #f2b93d; }
.divine-guidance__divider b { position:relative; text-shadow:0 0 14px rgba(255,215,107,.55); animation:guidanceDividerGlow 4.2s ease-in-out infinite; }
.divine-guidance__divider span { background:linear-gradient(90deg,transparent,rgba(212,175,55,.58),transparent); background-size:180% 100%; animation:guidanceLineShimmer 4.8s linear infinite; }
.divine-guidance__scroll:before {
    content:"";
    position:absolute;
    top:4.1rem;
    right:.6rem;
    bottom:2rem;
    width:1px;
    background:linear-gradient(transparent,rgba(236,184,58,.2),transparent);
    pointer-events:none;
}
.divine-guidance-item { position:relative; isolation:isolate; }
.divine-guidance-item:before {
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    opacity:0;
    background:radial-gradient(circle at 9% 40%,rgba(255,215,107,.17),transparent 10rem);
    transition:opacity .35s ease;
}
.divine-guidance-item:after {
    content:"";
    position:absolute;
    top:0;
    left:-48%;
    width:31%;
    height:1px;
    opacity:0;
    background:linear-gradient(90deg,transparent,#ffe69b,transparent);
    filter:drop-shadow(0 0 7px rgba(255,215,107,.6));
    pointer-events:none;
}
.divine-guidance-item:hover:before,
.divine-guidance-item.is-open:before { opacity:1; }
.divine-guidance-item.is-open:after { opacity:.85; animation:guidanceItemSweep 3.8s ease-in-out infinite; }
.divine-guidance-item h3,.divine-guidance-item__body { position:relative; z-index:1; }
.divine-guidance-item__toggle { position:relative; z-index:1; }
.divine-guidance-item__icon { position:relative; overflow:hidden; box-shadow:inset 0 1px rgba(255,238,170,.12),0 0 0 0 rgba(255,207,79,0); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.divine-guidance-item__icon:after { content:""; position:absolute; inset:-70% -25%; background:linear-gradient(110deg,transparent 42%,rgba(255,239,173,.34) 50%,transparent 58%); transform:translateX(-90%); }
.divine-guidance-item:hover .divine-guidance-item__icon,
.divine-guidance-item.is-open .divine-guidance-item__icon { border-color:rgba(255,218,104,.75); box-shadow:inset 0 1px rgba(255,238,170,.2),0 0 16px rgba(241,181,43,.18); transform:rotate(-4deg) scale(1.05); }
.divine-guidance-item.is-open .divine-guidance-item__icon:after { animation:guidanceIconGlint 3.6s ease-in-out infinite; }
.divine-guidance-item__location { position:relative; overflow:hidden; background:linear-gradient(105deg,rgba(212,175,55,.08),rgba(212,175,55,.025)); }
.divine-guidance-item__location:after { content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background:linear-gradient(#ffd86b,transparent); box-shadow:0 0 9px rgba(255,215,107,.56); }
.divine-guidance-item__message { overflow:hidden; }
.divine-guidance-item__message:after { content:""; position:absolute; width:9rem; height:9rem; top:-6rem; right:-4rem; border:1px solid rgba(255,221,124,.14); border-radius:50%; box-shadow:0 0 0 12px rgba(255,221,124,.025); pointer-events:none; animation:guidanceMessageFloat 7s ease-in-out infinite; }
.divine-guidance-item__action { position:relative; overflow:hidden; transition:transform .22s ease,box-shadow .22s ease,filter .22s ease; }
.divine-guidance-item__action:before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 28%,rgba(255,250,205,.38) 50%,transparent 72%); transform:translateX(-115%); }
.divine-guidance-item__action:hover:before,.divine-guidance-item__action:focus-visible:before { animation:guidanceActionGlint .8s ease; }
.divine-guidance__blessing { position:relative; padding-bottom:.75rem; }
.divine-guidance__blessing:after { content:"❈  ✦  ❈"; display:block; margin-top:.65rem; color:rgba(242,196,76,.55); font-size:.67rem; letter-spacing:.55em; animation:guidanceDividerGlow 4.5s ease-in-out infinite; }

@keyframes guidanceHaloBreathe { 0%,100% { opacity:.52; transform:translateX(-50%) scale(.98); } 50% { opacity:1; transform:translateX(-50%) scale(1.04); } }
@keyframes guidanceRingPulse { 0%,100% { opacity:.42; transform:scale(.94); } 50% { opacity:1; transform:scale(1.06); } }
@keyframes guidanceMandalaFloat { 0%,100% { opacity:.72; transform:translateX(-50%) rotate(-2deg) scale(1); } 50% { opacity:1; transform:translateX(-50%) rotate(2deg) scale(1.025); } }
@keyframes guidanceRayGlow { 0%,100% { opacity:.2; filter:drop-shadow(0 0 0 rgba(255,215,107,0)); } 50% { opacity:.75; filter:drop-shadow(0 0 8px rgba(255,215,107,.36)); } }
@keyframes guidanceParticleRise { 0%,100% { opacity:.35; transform:translate(0,0) scale(.7); } 50% { opacity:1; transform:translate(3px,-7px) scale(1); } }
@keyframes guidanceDividerGlow { 0%,100% { opacity:.55; } 50% { opacity:1; text-shadow:0 0 18px rgba(255,215,107,.7); } }
@keyframes guidanceLineShimmer { to { background-position:180% 0; } }
@keyframes guidanceItemSweep { 0%,20% { left:-48%; } 62%,100% { left:117%; } }
@keyframes guidanceIconGlint { 0%,64% { transform:translateX(-90%); } 100% { transform:translateX(105%); } }
@keyframes guidanceMessageFloat { 0%,100% { transform:translate(0,0) scale(1); opacity:.5; } 50% { transform:translate(-5px,6px) scale(1.06); opacity:1; } }
@keyframes guidanceActionGlint { to { transform:translateX(115%); } }

@media (prefers-reduced-motion:reduce) {
    .divine-guidance__panel:after,.divine-guidance__header:before,.divine-guidance__lamp:before,.divine-guidance__lamp:after,.divine-guidance__radiance i,.divine-guidance__divider b,.divine-guidance__divider span,.divine-guidance-item.is-open:after,.divine-guidance-item.is-open .divine-guidance-item__icon:after,.divine-guidance-item__message:after,.divine-guidance__blessing:after { animation:none!important; }
}
