.bb-guide-page{background:var(--cream,#fffdfa);color:var(--ink,#403942)}
.bb-guide-hero{padding:clamp(40px,7vw,78px) 0;background:var(--pink-light,#fff0f4);border-bottom:1px solid var(--line,#eee6eb);text-align:center}
.bb-guide-hero h1{font-family:var(--heading-font,"Fredoka",sans-serif);font-size:clamp(32px,5vw,58px);line-height:1.12;max-width:900px;margin:14px auto 20px;overflow-wrap:anywhere}
.bb-guide-hero .bb-rte{max-width:740px;margin:auto}
.bb-guide-body{max-width:920px;padding-top:42px;padding-bottom:58px}
.bb-guide-content,.bb-guide-planning{padding:clamp(22px,4vw,44px);border:1px solid var(--line,#eee6eb);border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(64,57,66,.05)}
.bb-guide-content{font-size:17px;line-height:1.8}
.bb-guide-content h2,.bb-guide-planning h2,.bb-guide-support h2,.bb-guide-related h2{font-family:var(--heading-font,"Fredoka",sans-serif);font-size:clamp(25px,3vw,34px);line-height:1.2;margin:30px 0 14px;color:var(--ink,#403942)}
.bb-guide-content h2:first-child,.bb-guide-planning h2:first-child{margin-top:0}
.bb-guide-content p,.bb-guide-content li{color:var(--ink,#403942)}
.bb-guide-content li{margin:8px 0}
.bb-guide-content nav,.bb-guide-note{padding:20px;border-radius:18px;background:var(--blue-light,#edf8ff);margin:22px 0}
.bb-guide-content a,.bb-guide-planning a,.bb-guide-related a,.bb-guide-body>.bb-link{color:#9b3f61;text-decoration:underline;text-underline-offset:3px}
.bb-guide-content a:focus-visible,.bb-guide-card a:focus-visible,.bb-guide-related a:focus-visible{outline:3px solid #403942;outline-offset:4px}
.bb-guide-content .bb-guide-checklist{background:var(--green-light,#f1faed);padding:22px 22px 22px 44px;border-radius:18px}
.bb-guide-support,.bb-guide-related{margin-top:30px;padding:28px;border-radius:24px;background:var(--blue-light,#edf8ff)}
.bb-guide-support h2,.bb-guide-related h2{margin-top:0}
.bb-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}
.bb-guide-card{background:#fff;border:1px solid var(--line,#eee6eb);padding:24px;border-radius:24px}
.bb-guide-card img{width:100%;height:auto;border-radius:16px}
.bb-guide-card h2{font:600 28px/1.2 var(--heading-font,"Fredoka",sans-serif)}
.bb-guide-card a{color:var(--ink,#403942)}
@media(max-width:600px){.bb-guide-grid{grid-template-columns:1fr}.bb-guide-body{padding-top:25px;padding-bottom:38px}.bb-guide-content{font-size:16px;line-height:1.75}.bb-guide-content,.bb-guide-planning{border-radius:20px}.bb-guide-related,.bb-guide-support{padding:22px}}