html{scroll-behavior:smooth;scroll-padding-top:28px}.guide-page header .guide-home-link{margin-left:auto;font:500 13px 'DM Sans',sans-serif;letter-spacing:0;border:1px solid #a08aaf66;padding:11px 16px;border-radius:5px}.guide-main{max-width:1240px;margin:auto;padding:0 6%}.guide-main section{padding:0}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:#786584;padding:30px 0}.breadcrumbs a{color:inherit;text-decoration:none}.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;min-height:390px;margin-bottom:50px}.guide-kicker{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#82658f}.guide-hero h1{font-size:clamp(50px,5.8vw,76px);max-width:590px;margin:20px 0;line-height:1.05}.guide-lead{font-size:17px;color:var(--muted);max-width:340px}.guide-hero-art{display:flex;justify-content:center;align-items:center;padding:30px 15px}.guide-hero-art img{width:34%;max-width:155px;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 15px 30px #64507125}.guide-hero-art img:first-child{transform:translate(18px,10px) rotate(-13deg)}.guide-hero-art img:nth-child(2){z-index:1;transform:translateY(-15px)}.guide-hero-art img:last-child{transform:translate(-18px,10px) rotate(13deg)}.guide-main h2{font-size:clamp(29px,3.2vw,40px);line-height:1.2;margin:0 0 24px;letter-spacing:-.5px}.guide-main h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:29px;line-height:1.25;margin:0 0 20px}.guide-main p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 20px}.guide-main p:last-child{margin-bottom:0}.guide-intro{max-width:760px;margin:0 0 72px}.guide-structure{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;border-top:1px solid var(--line);padding-top:55px!important;margin-bottom:45px}.guide-counts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-counts div{background:#ffffff50;border:1px solid #a28bac33;border-radius:14px;text-align:center;padding:22px 12px}.guide-counts strong{font:400 48px 'Fraunces',Georgia,serif;display:block;color:#82658f;margin-bottom:8px}.guide-counts span{font-size:12px;color:var(--muted)}.guide-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 45px}.guide-jumps a{font-size:12px;color:#654c73;background:#ffffff50;border:1px solid #a28bac40;padding:9px 15px;border-radius:30px;text-decoration:none}.guide-jumps a:hover{background:#e3d7ec}.guide-category{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:start;scroll-margin-top:30px;padding:34px;background:#ffffff40;border:1px solid #a28bac30;border-radius:18px;margin-bottom:25px}.guide-category figure{position:relative;margin:0;overflow:hidden;border-radius:10px;box-shadow:0 8px 18px #64507118}.guide-category figure img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.guide-category figcaption{position:absolute;bottom:0;width:100%;padding:9px;text-align:center;background:#fff5e5ed;font-size:12px;color:#654c73}.guide-placeholder{display:inline-flex;gap:16px;align-items:center;border:1px solid #9a80a855;background:#ece1f1;color:#654c73;padding:12px 17px;border-radius:5px;font-size:13px;cursor:default;opacity:1}.placeholder-note{display:block;font-size:10px;color:#786584;margin-top:9px}.guide-minor{max-width:760px;margin:64px 0 35px}.guide-suits .guide-category:nth-child(even){background:#f8eced60}.guide-questions{max-width:760px;margin:80px auto 0}.guide-questions>h2{margin-bottom:36px}.guide-questions article{padding:30px 0;border-top:1px solid var(--line)}.guide-questions h3{font-size:27px}.guide-ending{text-align:center;margin:45px 0 80px;padding:35px!important;background:#e6daee65;border-radius:22px}.guide-ending img{width:110px;height:90px;object-fit:cover}.guide-ending h2{margin:8px 0 28px}.guide-ending .primary{display:inline-block;text-decoration:none;font-size:14px}.guide-page footer{flex-wrap:wrap}.guide-page .footer-tagline{margin-left:16px}
@media(max-width:800px){.guide-hero{gap:15px;min-height:330px}.guide-hero h1{font-size:49px;letter-spacing:-1px}.guide-structure{grid-template-columns:1fr;gap:28px}.guide-counts{max-width:430px}.guide-category{grid-template-columns:140px 1fr;gap:26px;padding:25px}.guide-page footer{gap:15px}.guide-page footer .footer-brand>span:last-child{font-size:28px}}
@media(max-width:540px){.guide-main{padding:0 5%}.breadcrumbs{padding:22px 0;font-size:11px}.guide-hero{grid-template-columns:1fr;margin-bottom:40px}.guide-hero h1{font-size:49px}.guide-hero-art{max-width:340px;margin:auto;padding:20px 25px 30px}.guide-lead{font-size:15px;max-width:none}.guide-intro{margin-bottom:45px}.guide-category{grid-template-columns:1fr;padding:25px 22px;gap:25px}.guide-category figure{width:135px;margin:0 auto}.guide-category h3{font-size:29px}.guide-main p{font-size:14px}.guide-questions{margin-top:50px}.guide-questions h3{font-size:25px}.guide-page header{gap:10px}.guide-page header .guide-home-link{font-size:11px;padding:9px}.guide-page header .wordmark{font-size:27px}.guide-ending{margin-bottom:45px}.guide-page .footer-tagline{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.guide-intro{text-align:left}.guide-intro h2{width:100%;max-width:none;text-align:left;margin-left:0;margin-right:0}.guide-intro p{text-align:left}.guide-suits figcaption{font-family:Fraunces,Georgia,serif;font-size:14px;line-height:1.25}

.guide-reading-cta{display:inline-block;text-decoration:none;font-size:14px;margin-top:8px}

.guide-category-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#fff5e5;background:#755c86;border-radius:5px;padding:12px 17px;font-size:13px}.guide-category-link:hover{background:#624970}

/* Zoom the standard mascot artwork without enlarging its card frame. */
.guide-hero-art .guide-center-back{display:block;flex-shrink:0;width:34%;max-width:155px;aspect-ratio:2/3;overflow:hidden;border-radius:10px;box-shadow:0 15px 30px #64507125;position:relative;z-index:1;transform:translateY(-15px)}
.guide-hero-art .guide-center-back img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;transform:scale(1.2);transform-origin:50% 42%;border-radius:0;box-shadow:none}

/* Keep the reading action visible throughout the guides. */
.guide-page{--guide-header-height:86px}
.guide-page header{position:sticky;top:0;z-index:20;height:var(--guide-header-height);margin:0;padding:0 6%;background:#f0ebf4f5;backdrop-filter:blur(12px);border-bottom:1px solid #49365324;gap:20px}
.guide-page header .guide-home-link{background:#755c86;color:#fff5e5;border:1px solid #755c86;font:600 13px/1.4 'DM Sans',sans-serif;padding:13px 18px;border-radius:5px;text-align:center;text-decoration:none}
.guide-page header .guide-home-link:hover{background:#624970;border-color:#624970}
.guide-page [id]{scroll-margin-top:calc(var(--guide-header-height) + 24px)}
@media(max-width:600px){
 .guide-page{--guide-header-height:76px}
 .guide-page header{padding:0 5%;gap:12px}
 .guide-page header #brand{gap:5px;flex-shrink:1;min-width:0}
 .guide-page header .wordmark{font-size:25px;letter-spacing:-.8px;white-space:nowrap}
 .guide-page header .brand-mascot{width:38px;height:32px;flex-shrink:0}
 .guide-page header .brand-mascot img{width:38px;height:38px;top:-3px}
 .guide-page header .guide-home-link{font-size:11px;padding:10px 12px;max-width:145px;flex-shrink:0;margin-left:auto}
}
@media(max-width:370px){.guide-page header .wordmark{font-size:22px}.guide-page header .brand-mascot{display:none}.guide-page header .guide-home-link{max-width:135px;padding:9px 10px}}