/* Shared guide artwork: complete cover branding, live copy, reserved image space. */
.guide-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);overflow:hidden;border:1px solid #7953a0;border-radius:20px;background:linear-gradient(135deg,#3c1c4c,#211632);margin:24px 0 36px;box-shadow:0 16px 48px #08031044}
.guide-banner-art{display:block;width:100%;height:auto;align-self:center;aspect-ratio:1200/630}
.guide-banner-copy{padding:24px;align-self:center;min-width:0}.guide .guide-kicker{margin:0 0 10px;font-size:10px;letter-spacing:1.6px;font-weight:700;color:#ffb3df;line-height:1.5}
.guide .guide-banner-headline{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:clamp(23px,3vw,34px);font-weight:700;line-height:1.1;letter-spacing:-1px;margin:0 0 12px}.guide-banner-copy>p:not([class]){font-size:13px;margin:0 0 16px;line-height:1.55}
.guide a.guide-play{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;color:#210c26;background:#ff83ce;font-size:14px;font-weight:700;text-decoration:none;border-radius:9px;padding:12px 19px;box-shadow:0 5px 22px #ff70c522}.guide a.guide-play:hover{background:#ffafe0}.guide a:focus-visible{outline:3px solid #8aebff;outline-offset:5px}
.guide .guide-illustrated-cta{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);padding:0;overflow:hidden;margin:42px 0 32px;border:1px solid #a774c9;border-radius:20px;background:linear-gradient(120deg,#462148,#23162f)}
.guide-cta-art{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center;aspect-ratio:3/2}.guide-cta-copy{padding:28px;align-self:center;min-width:0}.guide .guide-cta-copy h2{font-size:29px;line-height:1.12;margin:0 0 14px}.guide-cta-copy>p:not([class]){font-size:15px;margin:0 0 21px}.guide-cta-copy small{display:block;margin-top:15px;font-size:11px;line-height:1.6;color:#dfcce9}
.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-card{display:block;overflow:hidden;border:1px solid #644b81;border-radius:16px;background:#24192f;text-decoration:none;transition:border-color .15s,transform .15s}.guide-card:hover{border-color:#ff9bd7;transform:translateY(-2px)}.guide-card-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.guide-card>div{padding:20px}.guide .guide-card h3{margin:0 0 10px;font-size:23px;line-height:1.2;color:#fff}.guide .guide-card p{margin:0 0 16px;font-size:14px;line-height:1.65}.guide-card>div>span{font-size:13px;font-weight:700;color:#ffa4d9}.guide-related{border-top:1px solid #493459;padding-top:28px}.guide-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;padding:0}.guide-related li{padding:0;margin:0}.guide-related a{font-weight:700;text-underline-offset:4px}.guide-related p{font-size:14px;margin:7px 0 0}
@media(max-width:680px){.guide-banner{grid-template-columns:1fr;margin:18px 0 28px;border-radius:16px}.guide-banner-copy{padding:21px}.guide .guide-banner-headline{font-size:26px}.guide-banner-headline br{display:none}.guide-banner-headline br:after{content:' '}.guide-banner-copy>p:not([class]){max-width:42ch}.guide .guide-illustrated-cta{grid-template-columns:1fr}.guide-cta-art{height:auto;min-height:0;aspect-ratio:3/2}.guide-cta-copy{padding:23px}.guide .guide-cta-copy h2{font-size:27px}.guide-card-grid{grid-template-columns:1fr;gap:20px}.guide-related ul{grid-template-columns:1fr}.guide a.guide-play{width:100%}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
/* Compact phone banner keeps the article title close to the first screen. */
@media(max-width:680px){.guide-banner-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.guide .guide-banner-headline,.guide-banner-copy>p:not([class]){display:none}.guide-banner-copy .guide-kicker{margin:0;max-width:125px;font-size:9px;letter-spacing:1px}.guide-banner-copy a.guide-play{width:auto;flex-shrink:0;padding:11px 14px;font-size:13px;gap:6px}}