.bonding-hub-hero .bonding-course-row{justify-content:center;display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.bonding-hub-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:48px;align-items:start}.bonding-hub-intro h2,.bonding-path h2,.bonding-principles h2,.bonding-quick-games h2{color:var(--navy);font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 12px}.bonding-hub-intro>p{font-size:1.08rem;max-width:700px;color:var(--muted)}.bonding-feature-link{display:grid;gap:5px;margin-top:30px;padding:22px 24px;border:1px solid #8fb9c3;border-radius:16px;background:#eef9fb;text-decoration:none;color:var(--navy)}.bonding-feature-link:hover{border-color:var(--cyan);color:var(--navy)}.bonding-feature-link strong{font-size:1.25rem}.bonding-feature-link span{color:var(--teal2)}.bonding-path{border-left:1px solid var(--line);padding-left:34px}.bonding-path ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:4px}.bonding-path li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:10px 0;color:#65747b}.bonding-path li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #bcc9cc;border-radius:50%;font-weight:800}.bonding-path li div{display:grid}.bonding-path li small{color:var(--muted)}.bonding-path li.is-live{color:var(--navy)}.bonding-path li.is-live>span{background:var(--teal);border-color:var(--teal);color:white}.bonding-principles{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.bonding-principles>div:first-child p{color:var(--muted)}.bonding-principle-list{display:grid;border-top:1px solid var(--line)}.bonding-principle-list article{display:grid;grid-template-columns:minmax(190px,.7fr) 1.3fr;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line)}.bonding-principle-list strong{color:var(--navy)}.bonding-principle-list span{color:var(--muted)}.bonding-quick-games{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.bonding-quick-games p{color:var(--muted)}.bonding-quick-games nav{display:grid;border-top:1px solid var(--line)}.bonding-quick-games nav a{display:grid;gap:3px;padding:17px 4px;border-bottom:1px solid var(--line);text-decoration:none}.bonding-quick-games nav strong{color:var(--navy);font-size:1.05rem}.bonding-quick-games nav span{color:var(--muted);font-size:.92rem}@media(max-width:820px){.bonding-hub-layout,.bonding-principles,.bonding-quick-games{grid-template-columns:1fr;gap:30px}.bonding-path{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.bonding-principle-list article{grid-template-columns:1fr;gap:5px}}
.bonding-live-tools{display:grid;gap:12px;margin-top:20px}

.bonding-path li.is-y13{margin-top:8px;padding-top:16px;border-top:1px dashed var(--line)}.bonding-y13-section{padding-top:18px;padding-bottom:18px}.bonding-y13-callout{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;background:#fff7e8;border-left:5px solid var(--copper);border-radius:0 16px 16px 0;padding:28px 30px}.bonding-y13-callout h2{margin:0 0 8px;color:var(--navy);font-size:clamp(1.6rem,3vw,2.25rem)}.bonding-y13-callout p{margin:0;color:var(--muted)}.bonding-y13-callout>a{display:grid;gap:4px;background:#fff;border:1px solid #d7c4a6;border-radius:13px;padding:18px;text-decoration:none;color:var(--navy)}.bonding-y13-callout>a span{color:var(--teal2)}@media(max-width:820px){.bonding-y13-callout{grid-template-columns:1fr}}