/* volleyball guide preview (Oct 22, 2026): small additions on top of dghub.css; mobile-first, no fixed widths, no tables */
.vbp{overflow-wrap:anywhere}
.vbp h1,.vbp h2,.vbp h3{font-family:var(--font-serif,'Newsreader',Georgia,serif);color:#1e3d2e}
.vbp .vb-hero{position:relative}
.vbp .vb-ball{display:block;width:72px;height:72px;margin:0 auto 6px}
.vbp .vb-who{color:#1e3d2e;font-weight:500}
.vbp .vb-cta .btn{background:#2f5d46;color:#fff;border:2px solid #2f5d46;margin:6px 0;min-height:44px;box-sizing:border-box;font-weight:600}
.vbp .vb-cta .btn:focus-visible{outline:3px solid #1e3d2e;outline-offset:2px}
.vbp .vb-checked{font-size:.95rem;color:#3d4a41;margin:8px 0}
.vbp .vb-box{padding:16px 18px;margin:18px 0;border:1px solid #cfe0d3;border-radius:14px;background:#fff;min-width:0}
.vbp .vb-box h2{display:flex;align-items:center;gap:8px;margin-top:0}
.vbp .vb-ico{flex:0 0 auto}
.vbp .vb-small{font-size:.92rem;color:#3d4a41}
.vbp .vb-dates li,.vbp .vb-steps li,.vbp .vb-agelist li{margin:6px 0}
.vbp .vb-agelist{list-style:none;padding:0}
.vbp .vb-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 18px}
.vbp .vb-card{padding:16px 18px;border:1px solid #cfe0d3;border-top:4px solid #2f5d46;border-radius:14px;background:#fff;min-width:0}
.vbp .vb-card h3{margin:0 0 2px;font-weight:500;font-size:1.25rem}
.vbp .vb-area{margin:0 0 8px;font:600 .8rem/1.3 var(--font-sans,Inter,sans-serif);text-transform:uppercase;letter-spacing:.03em;color:#2f5d46}
.vbp .vb-row{margin:4px 0}
.vbp .vb-k{font-weight:600;color:#1e3d2e}
.vbp .vb-np{color:#5b6a60;font-style:italic}
.vbp .vb-fees{margin:2px 0 6px;padding-left:1.2em}
.vbp .vb-fees li{margin:2px 0}
.vbp .vb-note{font-size:.92rem;color:#3d4a41;margin:6px 0}
.vbp .vb-unconfirmed{border-top-color:#9bb5a4;background:#f4f7f4}
.vbp .vb-links a{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box}
.vbp .vb-src summary{cursor:pointer;padding:8px 0;min-height:44px;box-sizing:border-box;color:#2f5d46;font-size:.92rem}
.vbp .vb-src ul{font-size:.9rem;margin:0;padding-left:1.2em}
.vbp .vb-help a{display:inline-block;padding:8px 0}
.vbp .vb-sources{font-size:.92rem}
.vbp .vb-sources li{margin:4px 0}
.vbp .vb-close{margin:18px 0;padding:14px 18px;border-left:4px solid #2f5d46;background:#eef5f0;color:#1e3d2e}
@media (min-width:760px){.vbp .vb-cards{grid-template-columns:1fr 1fr}.vbp .vb-ball{width:96px;height:96px}}
.vbp .vb-nw{white-space:nowrap}
/* v2 (Oct 22): Club page + See fees sit side by side and wrap on phones */
.vbp .vb-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:6px 0 0}
.vbp .vb-links a{overflow-wrap:normal;white-space:normal}
.vbp .vb-fees-link{font-weight:600}
/* v3 (Oct 22): Volleyball Alberta line above the clubs intro */
.vbp .vb-va{margin:8px 0 4px}
.vbp .vb-va-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:0 0 10px;font-size:.95rem}
.vbp .vb-va-links a{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box}