.hu-bb-page h1, .hu-bb-page h2, .hu-bb-page h3, .hu-bb-page p, .hu-bb-page li, .hu-bb-links h2, .hu-bb-links h3, .hu-bb-links p { overflow-wrap: anywhere; }
.hu-bb-page .bb-hero h1 { font-size: clamp(2.6rem, 4.2vw, 4.2rem); }
.hu-bb-page .bb-actions .btn, .hu-bb-page .bb-cta .btn { max-width: 100%; white-space: normal; }
.hu-bb-page .bb-breadcrumb { line-height: 1.7; }
.hu-bb-page .hu-bb-visual h2 { font-size: 1.5rem; }
.hu-bb-page .hu-bb-dimensions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: 1rem; }
.hu-bb-page .hu-bb-dimensions > span { background: rgba(174, 112, 226, .08); border: 1px solid var(--bb-line); border-radius: 2rem; color: #cbb0e0; font-size: .66rem; line-height: 1.6; padding: .35rem .6rem; text-align: center; }
.hu-bb-links { background: radial-gradient(ellipse at 90% 10%, rgba(120, 46, 174, .17), transparent 65%), #100a1c; color: #f4ecfc; padding: 6.25rem 0; scroll-margin-top: 6rem; }
.hu-bb-links .hu-bb-links-heading { margin-bottom: 3rem; max-width: 47rem; }
.hu-bb-links .hu-bb-kicker { color: #c38aff; font: 600 .72rem/1.6 ui-monospace, monospace; letter-spacing: .12em; margin: 0 0 1.3rem; text-transform: uppercase; }
.hu-bb-links .hu-bb-links-heading h2 { color: #f6effe; font-family: "Neuville-Bold", "Poppins", sans-serif; font-size: clamp(2rem, 3.2vw, 3.15rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; margin: 0 0 1.5rem; }
.hu-bb-links .hu-bb-links-heading > p:last-child { color: #c0b2ce; font-size: 1.02rem; line-height: 1.85; margin: 0; }
.hu-bb-links-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hu-bb-links .hu-bb-link-card { background: linear-gradient(135deg, #251534, #130d20); border: 1px solid rgba(196, 135, 240, .23); border-radius: 1rem; display: flex; flex-direction: column; padding: 2rem; }
.hu-bb-links .hu-bb-link-card > i { color: #d4a5f8; font-size: 2.2rem; margin-bottom: 1.5rem; }
.hu-bb-links .hu-bb-link-card h3 { color: #f4eafa; font-family: "Neuville-Bold", "Poppins", sans-serif; font-size: 1.45rem; letter-spacing: -.025em; line-height: 1.35; margin: 0 0 1rem; }
.hu-bb-links .hu-bb-link-card p { color: #bcaccb; font-size: .94rem; line-height: 1.9; margin: 0 0 1.5rem; }
.hu-bb-links .hu-bb-link-card a { align-self: flex-start; color: #deb9fb; font-size: .9rem; font-weight: 600; margin-top: auto; }
.hu-bb-links .hu-bb-link-card a span { margin-left: .5rem; }
.hu-bb-links .hu-bb-link-card a:focus-visible { border-radius: .2rem; outline: 3px solid #8ae1ff; outline-offset: 5px; }
.hu-bb-links .hu-bb-link-active { background: linear-gradient(135deg, #2c1742, #161024); border-color: rgba(197, 143, 244, .55); }
.hu-bb-links .hu-bb-current { align-self: flex-start; color: #b3d7e8; font: .7rem/1.8 ui-monospace, monospace; margin-top: auto; }
.hu-bb-page .hu-bb-rules { background: #0d0816; }
.hu-bb-page .hu-bb-policy-grid { display: grid; gap: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hu-bb-page .hu-bb-policy-grid > div { border-top: 1px solid var(--bb-line); padding-top: 1.3rem; }
.hu-bb-page .hu-bb-policy-grid h3 { font-size: 1.15rem; line-height: 1.4; margin-bottom: .8rem; }
.hu-bb-page .hu-bb-policy-grid p { color: #bbabca; font-size: .9rem; line-height: 1.9; margin: 0; }
.hu-bb-page .hu-bb-note { color: #bdadcb; font-size: .9rem; line-height: 1.9; margin: 1.8rem 0 0; }
.hu-bb-page .hu-bb-note a { color: #dcb8f7; text-decoration: underline; }
.hu-bb-page .hu-bb-form-note { color: #b2a2c2; font-size: .78rem; line-height: 1.8; margin: 1.4rem 0 0; }
.hu-bb-page .bb-story img { height: 2.5rem; object-fit: contain; object-position: left; }
@media (max-width: 1199.98px) {
    .hu-bb-page .bb-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hu-bb-page .bb-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hu-bb-page .hu-bb-visual h2 { font-size: 1.3rem; }
}
@media (max-width: 575.98px) {
    .hu-bb-page .bb-hero h1 { font-size: clamp(2.1rem, 10.4vw, 2.8rem); }
    .hu-bb-page .bb-hero .bb-kicker { font-size: .64rem; letter-spacing: .08em; }
    .hu-bb-page .bb-actions .btn, .hu-bb-page .bb-cta .btn { font-size: .83rem; padding-left: 1.1rem; padding-right: 1.1rem; }
    .hu-bb-page .bb-benefit-grid, .hu-bb-page .bb-steps, .hu-bb-page .hu-bb-policy-grid, .hu-bb-links-grid { grid-template-columns: 1fr; }
    .hu-bb-links { padding: 4rem 0; }
    .hu-bb-links .hu-bb-link-card { padding: 1.5rem; }
    .hu-bb-links .hu-bb-link-card h3 { font-size: 1.3rem; }
    .hu-bb-page .hu-bb-visual h2 { font-size: 1.35rem; }
    .hu-bb-page .bb-visual-points > div { font-size: .78rem; }
}