.guest-guide-page { background: var(--color-night); overflow-x: clip; }
.guest-guide-page .guide-hero { position: relative; min-height: 45rem; isolation: isolate; display: grid; align-items: end; overflow: hidden; background: var(--color-elevated); }
.guide-hero__image, .guide-hero__shade { position: absolute; inset: 0; z-index: -2; }
.guide-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.guide-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(7,11,28,.94) 0%, rgba(7,11,28,.78) 38%, rgba(7,11,28,.18) 72%, rgba(7,11,28,.16) 100%); }
.guide-hero::after { content: ""; position: absolute; width: 34rem; height: 20rem; left: 8%; bottom: -13rem; z-index: -1; background: radial-gradient(circle, rgba(154,124,255,.24), transparent 68%); filter: blur(18px); animation: guide-aurora 22s ease-in-out infinite alternate; }
.guide-hero__container { padding-block: 7rem 6rem; }
.guide-hero__content { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 34rem); min-width: 0; }
.guide-hero__content > * { min-width: 0; margin: 0; }
.guide-hero__content h1 { max-width: 11ch; }
.guide-hero__content p { max-width: 58ch; color: var(--color-text-muted); font-size: var(--text-lg); line-height: var(--leading-lg); }
.guide-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-top: var(--space-3); }
.guide-hero__actions > * { min-width: 0; }
.guide-plan { position: relative; overflow: hidden; }
.guide-plan::before { content: ""; position: absolute; width: 36rem; height: 28rem; right: -14rem; top: 2rem; background: radial-gradient(circle, rgba(110,77,204,.18), transparent 68%); filter: blur(28px); pointer-events: none; }
.guide-plan__intro { width: min(100%, 34rem); min-width: 0; }
.guide-plan__intro p { max-width: 60ch; }
.guide-plan__steps, .guide-dining__scenarios, .guide-evening__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.guide-plan__steps > *, .guide-dining__scenarios > *, .guide-evening__cards > * { min-width: 0; }
.guide-step { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); padding: var(--space-6); transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base); }
.guide-step > * { min-width: 0; margin: 0; }
.guide-step:hover { transform: translateY(-2px); border-color: var(--color-border-active); background: var(--color-glass-hover); }
.guide-step__head { display: flex; align-items: flex-start; gap: var(--space-3); }
.guide-step__head > * { min-width: 0; margin: 0; }
.guide-step__head span, .guide-scenario > span { color: var(--color-aurora-bright); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 700; letter-spacing: .08em; }
.guide-step a { margin-top: auto; }
.guide-editorial__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr); align-items: start; }
.guide-editorial__grid > * { min-width: 0; }
.guide-editorial__media { grid-column: 1; width: 100%; margin: 0; }
.guide-editorial__media img { width: 100%; aspect-ratio: 4 / 3; border-radius: var(--radius-lg); object-fit: cover; }
.guide-editorial__content { grid-column: 3; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); }
.guide-editorial__content > * { min-width: 0; margin: 0; }
.guide-editorial__content > p { max-width: 54ch; }
.guide-editorial__cta { display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.guide-editorial__cta > * { margin: 0; }
.guide-note { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
.guide-note > * { margin: 0; }
.guide-dining__intro { width: min(100%, 47rem); min-width: 0; }
.guide-dining__intro p { max-width: 62ch; }
.guide-scenario { min-width: 0; padding: 0 var(--space-4) 0 var(--space-6); border-left: 1px solid var(--color-border); }
.guide-scenario > * { min-width: 0; }
.guide-scenario h3, .guide-scenario p { max-width: 40ch; }
.guide-dining__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); width: min(100%, 34rem); min-width: 0; margin-top: var(--space-8); }
.guide-dining__action > * { margin: 0; }
.guide-editorial--relax .guide-editorial__media { grid-column: 3; }
.guide-editorial--relax .guide-editorial__content { grid-column: 1; }
.guide-relax__tip { padding-left: var(--space-4); border-left: 2px solid var(--color-spark); }
.guide-inline-link { width: fit-content; min-height: 2.75rem; display: inline-flex; align-items: center; gap: var(--space-2); }
.guide-evening__panel { padding: var(--space-8); }
.guide-evening__intro { width: min(100%, 47rem); min-width: 0; }
.guide-evening__intro p { max-width: 58ch; }
.guide-mood { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); min-width: 0; padding: var(--space-6); border: 1px solid transparent; border-radius: var(--radius-md); }
.guide-mood > * { min-width: 0; margin: 0; }
.guide-mood a { margin-top: auto; min-height: 2.75rem; display: inline-flex; align-items: center; }
.guide-mood--poker { border-color: var(--color-border-active); background: rgba(17,24,52,.42); }
.guide-poker__panel { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8); }
.guide-poker__panel > * { min-width: 0; }
.guide-poker__primary { grid-column: span 7; display: flex; flex-direction: column; gap: var(--space-4); }
.guide-poker__primary > * { margin: 0; }
.guide-poker__primary p { max-width: 62ch; }
.guide-poker__details { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.guide-poker__details > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.guide-poker__details > div > * { margin: 0; }
.guide-poker__details p { max-width: 48ch; }
.guide-timeline__intro { width: min(100%, 47rem); min-width: 0; }
.guide-timeline__intro p { max-width: 60ch; }
.guide-timeline__list { position: relative; display: flex; flex-direction: column; gap: var(--space-8); width: min(100%, 51.5rem); min-width: 0; margin: var(--space-8) 0 0 calc((100% / 12) * 2); }
.guide-timeline__list::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 1.34rem; width: 1px; background: linear-gradient(var(--color-spark), var(--color-aurora)); }
.guide-moment { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-4); position: relative; }
.guide-moment > * { min-width: 0; }
.guide-moment__marker { width: .75rem; height: .75rem; justify-self: center; margin-top: .36rem; border: 2px solid var(--color-spark); border-radius: 50%; background: var(--color-night); z-index: 1; }
.guide-moment__marker--last { border-color: var(--color-aurora-bright); background: var(--color-aurora); box-shadow: var(--shadow-glow); }
.guide-moment h3, .guide-moment p { max-width: 50ch; }
.guide-timeline__closing { width: min(100%, 40rem); margin: var(--space-8) 0 0 calc((100% / 12) * 2 + 2.75rem + var(--space-4)); padding-left: var(--space-4); border-left: 1px solid var(--color-border); }
.guide-faq__intro { width: min(100%, 38rem); min-width: 0; }
.guide-faq__intro p { max-width: 58ch; }
.guide-faq__accordion { width: min(100%, 51.5rem); min-width: 0; margin-top: var(--space-8); }
.guide-faq__item { border-bottom: 1px solid var(--color-border); }
.guide-faq__item:first-child { border-top: 1px solid var(--color-border); }
.guide-faq__item h3 { margin: 0; font-size: var(--text-base); }
.guide-faq__item button { width: 100%; min-height: 3.5rem; display: grid; grid-template-columns: minmax(0, 1fr) 2.75rem; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; background: transparent; color: var(--color-text); text-align: left; font-weight: 700; }
.guide-faq__item button span { display: grid; width: 2.75rem; min-height: 2.75rem; place-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-aurora-bright); font-size: var(--text-xl); font-weight: 400; }
.guide-faq__item.is-open { background: rgba(32,39,76,.25); }
.guide-faq__item > div { max-width: 62ch; padding: 0 var(--space-6) var(--space-4) 0; }
.guide-faq__item > div p { margin: 0; }
.guide-closing__panel { position: relative; overflow: hidden; }
.guide-closing__panel::after { content: ""; position: absolute; right: 4%; top: -8rem; width: 24rem; height: 24rem; background: radial-gradient(circle, rgba(154,124,255,.2), transparent 68%); filter: blur(18px); pointer-events: none; }
.guide-closing__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); width: min(100%, 36rem); min-width: 0; }
.guide-closing__content > * { margin: 0; }
.guide-closing__content p { max-width: 52ch; }
.guide-closing__links { display: flex; flex-wrap: wrap; gap: var(--space-4); width: 100%; padding-top: var(--space-2); }
.guide-closing__links a { min-height: 2.75rem; display: inline-flex; align-items: center; }
@keyframes guide-aurora { to { transform: translate3d(5rem,-1rem,0) scale(1.08); } }
@media (max-width: 67.5rem) { .guest-guide-page .guide-hero { min-height: auto; display: block; padding-top: 0; } .guide-hero__image { position: relative; height: 21rem; width: min(calc(100% - 2.5rem), var(--container-max)); margin: 0 auto; border-radius: 0 0 var(--radius-lg) var(--radius-lg); overflow: hidden; } .guide-hero__shade { display: none; } .guide-hero__container { padding-block: var(--space-8) var(--section-block); } .guide-hero__content { width: 100%; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-elevated); } }
@media (max-width: 61.25rem) { .guide-plan__steps, .guide-dining__scenarios, .guide-evening__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guide-plan__steps > :last-child, .guide-dining__scenarios > :last-child, .guide-evening__cards > :last-child { grid-column: 1 / -1; } }
@media (max-width: 57.5rem) { .guide-editorial__grid { grid-template-columns: 1fr; gap: var(--space-8); } .guide-editorial__media, .guide-editorial__content, .guide-editorial--relax .guide-editorial__media, .guide-editorial--relax .guide-editorial__content { grid-column: 1; } .guide-editorial--relax .guide-editorial__media { grid-row: 1; } .guide-editorial--relax .guide-editorial__content { grid-row: 2; } .guide-poker__primary { grid-column: 1 / -1; } }
@media (max-width: 51.25rem) { .guide-closing__content { width: 100%; } .guide-closing__panel::after { opacity: .45; } }
@media (max-width: 50rem) { .guide-timeline__list { width: 100%; margin-left: 0; } .guide-timeline__closing { margin-left: calc(2.75rem + var(--space-4)); } }
@media (max-width: 47.5rem) { .guide-poker__details { grid-template-columns: 1fr; gap: var(--space-6); } .guide-poker__details > div + div { padding-top: var(--space-6); border-top: 1px solid var(--color-border); } }
@media (max-width: 40rem) { .guide-hero__image { height: 19rem; width: calc(100% - 2rem); } .guide-hero__container { padding-top: var(--space-6); } .guide-hero__content { padding: var(--space-6) var(--space-4); } .guide-hero__content h1 { font-size: 2.25rem; line-height: 1.167; } .guide-hero__actions, .guide-hero__actions .button { width: 100%; } .guide-plan__steps, .guide-dining__scenarios, .guide-evening__cards { grid-template-columns: 1fr; gap: var(--space-4); } .guide-plan__steps > :last-child, .guide-dining__scenarios > :last-child, .guide-evening__cards > :last-child { grid-column: auto; } .guide-step { padding: var(--space-4); } .guide-step__head { flex-direction: column; gap: var(--space-2); } .guide-evening__panel { padding: var(--space-4); } .guide-mood { padding: var(--space-4); } .guide-scenario { padding-left: var(--space-4); } .guide-poker__panel, .guide-closing__panel { padding: var(--space-6) var(--space-4); } .guide-moment { grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-3); } .guide-timeline__list::before { left: .84rem; } .guide-timeline__closing { margin-left: calc(1.75rem + var(--space-3)); } .guide-faq__item > div { padding-right: var(--space-3); } .guide-closing__links { flex-direction: column; gap: var(--space-2); } }
@media (prefers-reduced-motion: reduce) { .guide-hero::after { animation: none; } }