:root{--guide-gold:#f2bd54;--guide-cream:#fff4d8;--guide-wine:#8f2436;--guide-night:#100b16}
.divine-guidance{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:clamp(1.5rem,5vw,5rem);align-items:center;overflow:hidden;max-width:none;padding:clamp(4rem,9vw,8rem) max(1rem,calc((100vw - 1240px)/2));background:radial-gradient(circle at 78% 45%,rgba(242,189,84,.14),transparent 26%),linear-gradient(135deg,#09070e 0%,#17101c 48%,#0c1218 100%);border-block:1px solid rgba(242,189,84,.2)}
.guidance-aura{position:absolute;z-index:-1;right:clamp(-11rem,-8vw,-3rem);top:50%;width:min(58vw,720px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;opacity:.68;background:repeating-radial-gradient(circle,transparent 0 46px,rgba(242,189,84,.055) 47px 49px),conic-gradient(from 0deg,transparent,rgba(242,189,84,.1),transparent 22%,rgba(35,130,152,.09),transparent 48%,rgba(242,189,84,.1),transparent)}
.guidance-copy{max-width:680px}.guidance-copy h2{max-width:650px;margin:.4rem 0 1rem;color:var(--guide-cream);font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02}.guidance-copy>p:not(.eyebrow):not(.guidance-boundary){max-width:630px;color:#d9cdbc;font-size:1.05rem;line-height:1.7}
.guidance-intents{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.6rem 0}.guidance-intents button{min-height:46px;display:inline-flex;align-items:center;gap:.5rem;padding:.68rem 1rem;border:1px solid rgba(242,189,84,.28);border-radius:999px;color:#f9edda;background:rgba(255,255,255,.045);cursor:pointer;font:800 .84rem/1 system-ui,sans-serif;transition:transform .22s ease,border-color .22s ease,background .22s ease}.guidance-intents button:hover,.guidance-intents button:focus-visible,.guidance-intents button[aria-pressed=true]{transform:translateY(-2px);border-color:var(--guide-gold);background:rgba(242,189,84,.14)}.guidance-intents button span{color:var(--guide-gold)}
.guidance-boundary{max-width:620px;color:#a99d91;font:500 .75rem/1.55 system-ui,sans-serif}
.guidance-card{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,4vw,3rem);overflow:hidden;border:1px solid rgba(242,189,84,.34);border-radius:32px;background:linear-gradient(150deg,rgba(143,36,54,.2),rgba(20,14,27,.92) 45%,rgba(10,16,22,.96));box-shadow:0 35px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}
.guidance-card::after{content:"";position:absolute;inset:auto -18% -50% 35%;height:70%;transform:rotate(-10deg);background:radial-gradient(ellipse,rgba(242,189,84,.2),transparent 67%);pointer-events:none}.guidance-card img{border-radius:50%;filter:drop-shadow(0 0 20px rgba(242,189,84,.38))}.guidance-kicker{margin:1.1rem 0 .55rem;color:var(--guide-gold);font:800 .76rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.guidance-card blockquote{margin:0;color:#fff8e8;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.48}.guidance-card>p:not(.guidance-kicker){color:#d7cbbb;line-height:1.6}
.guidance-actions{z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.guidance-actions button,.guidance-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem .9rem;border:1px solid rgba(242,189,84,.35);border-radius:999px;text-decoration:none;cursor:pointer;font:800 .8rem/1 system-ui,sans-serif}.guidance-actions button{color:#24170b;background:var(--guide-gold)}.guidance-actions a{color:#fff2d5;background:rgba(255,255,255,.05)}.guidance-actions button:hover,.guidance-actions button:focus-visible{background:#ffe3a0}.guidance-actions a:hover,.guidance-actions a:focus-visible{border-color:var(--guide-gold);background:rgba(242,189,84,.12)}
.guidance-card.is-changing{animation:guide-reveal .42s ease both}@keyframes guide-reveal{0%{opacity:.55;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:850px){.divine-guidance{grid-template-columns:1fr}.guidance-aura{width:90vw;top:auto;bottom:-30%;transform:none}.guidance-card{min-height:380px}}
@media(prefers-reduced-motion:reduce){.guidance-intents button{transition:none}.guidance-card.is-changing{animation:none}}
@media(forced-colors:active){.guidance-card,.guidance-intents button,.guidance-actions button,.guidance-actions a{border:1px solid CanvasText}}
@media print{.divine-guidance{display:none!important}}