/* Only the new youth page; shared CI variables and button styles remain authoritative. */
.sfc-youth-page{color:var(--navy);background:#fff}
.sfc-youth-page figure{margin:0;position:relative}
.sfc-youth-page figcaption{position:absolute;right:12px;bottom:12px;background:#101c2fd9;color:#fff;padding:4px 8px;font-size:10px;line-height:1.5;letter-spacing:.2px}
.sfc-youth-page h2{font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:24px}
.sfc-youth-page h3{font-size:30px;line-height:1.15;letter-spacing:-.9px;margin-bottom:16px}
.sfc-youth-page p{line-height:1.75}
.sfc-youth-page .youth-hero{position:relative;min-height:620px;background:var(--navy);color:#fff;isolation:isolate;display:flex;align-items:center}
.sfc-youth-page .youth-hero-photo{position:absolute;inset:0;z-index:-1}
.sfc-youth-page .youth-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.sfc-youth-page .youth-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101c2ff2 0%,#101c2fb8 34%,#101c2f25 68%,transparent)}
.sfc-youth-page .youth-hero-photo figcaption{z-index:1;right:3%;bottom:18px}
.sfc-youth-page .youth-hero-copy{padding:72px 7%;width:100%}
.sfc-youth-page .youth-hero h1{font-size:clamp(46px,5.25vw,78px);line-height:1.04;letter-spacing:-2.2px;max-width:850px;margin-bottom:24px}
.sfc-youth-page .youth-hero h1 span{display:block;color:#a7bdff}
.sfc-youth-page .youth-hero p{font-size:20px;line-height:1.6;color:#edf1f8;margin-bottom:28px}
.sfc-youth-page .youth-hero .eyebrow:before,.sfc-youth-page .youth-invite .eyebrow:before{background:#91adff}
.sfc-youth-page .youth-hero-anchor{display:block;margin-top:24px;font-size:13px;width:fit-content;color:#edf1f8;border-bottom:1px solid #ffffff70;padding-bottom:4px}
.sfc-youth-page .youth-hero-anchor span{margin-left:12px}
.sfc-youth-page .youth-intro,.sfc-youth-page .youth-invite{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.sfc-youth-page .youth-intro h2 span{color:var(--blue)}
.sfc-youth-page .youth-lead{font-size:20px;line-height:1.65;margin-bottom:0}
.sfc-youth-page .youth-bodycopy p:last-child{margin-bottom:0}
.sfc-youth-page .youth-offers .sectionhead{max-width:780px;margin-bottom:36px}
.sfc-youth-page .youth-offers .sectionhead h2{margin-bottom:0}
.sfc-youth-page .youth-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sfc-youth-page .youth-card{background:#fff;border:1px solid #e1e6ed;min-width:0}
.sfc-youth-page .youth-card figure{aspect-ratio:1.5;overflow:hidden}
.sfc-youth-page .youth-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.sfc-youth-page .youth-card:hover img{transform:scale(1.02)}
.sfc-youth-page .youth-card-copy{padding:28px}
.sfc-youth-page .youth-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-bottom:10px;font-weight:700}
.sfc-youth-page .youth-card p{color:var(--muted);margin-bottom:24px}
.sfc-youth-page .youth-card-links{display:flex;gap:18px;flex-wrap:wrap}
.sfc-youth-page .textlink{display:inline-block;color:var(--blue);line-height:1.5}
.sfc-youth-page .youth-jfv{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;padding-top:38px;margin-top:40px;border-top:1px solid #d7dfe8}
.sfc-youth-page .youth-jfv h3{max-width:360px}
.sfc-youth-page .youth-jfv p{margin-bottom:20px}
.sfc-youth-page .youth-training-note{font-size:13px;color:var(--muted);margin:30px 0 0}
.sfc-youth-page .youth-invite{background:var(--navy);color:#fff}
.sfc-youth-page .youth-invite .youth-bodycopy{color:#d9e0eb}
.sfc-youth-page .youth-invite .youth-lead{color:#fff;margin-bottom:20px}
.sfc-youth-page .youth-closing{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.sfc-youth-page .youth-closing figure{aspect-ratio:1.08;overflow:hidden}
.sfc-youth-page .youth-closing img{height:100%;width:100%;object-fit:cover;object-position:65% center}
.sfc-youth-page .youth-closing p{color:var(--muted)}
.sfc-youth-page .youth-image-note{font-size:11px;color:var(--muted);padding:0 7% 28px;margin:0;max-width:1100px}
@media(min-width:1600px){.sfc-youth-page>.section{padding-left:max(7%,calc((100% - 1400px)/2));padding-right:max(7%,calc((100% - 1400px)/2))}}
@media(max-width:900px){.sfc-youth-page .youth-hero{min-height:570px}.sfc-youth-page .youth-hero h1{font-size:clamp(40px,6vw,62px)}.sfc-youth-page .youth-card-copy{padding:22px}.sfc-youth-page .youth-intro,.sfc-youth-page .youth-invite,.sfc-youth-page .youth-closing{gap:5%}.sfc-youth-page .youth-lead{font-size:18px}}
@media(max-width:680px){.sfc-youth-page .section{padding:48px 6%}.sfc-youth-page h2{font-size:35px;letter-spacing:-1.2px}.sfc-youth-page h3{font-size:28px}.sfc-youth-page .youth-hero{display:flex;flex-direction:column;min-height:0;isolation:auto}.sfc-youth-page .youth-hero-photo{position:relative;width:100%;height:230px;z-index:auto}.sfc-youth-page .youth-hero-photo img{object-position:70% 53%}.sfc-youth-page .youth-hero-photo:after{display:none}.sfc-youth-page .youth-hero-photo figcaption{bottom:10px;right:6%}.sfc-youth-page .youth-hero-copy{padding:32px 6% 36px}.sfc-youth-page .youth-hero h1{font-size:clamp(30px,7.7vw,48px);letter-spacing:-1px;line-height:1.08}.sfc-youth-page .youth-hero h1 span{overflow-wrap:normal}.sfc-youth-page .youth-hero p{font-size:17px;margin-bottom:22px}.sfc-youth-page .youth-hero-anchor{margin-top:20px}.sfc-youth-page .youth-intro,.sfc-youth-page .youth-invite,.sfc-youth-page .youth-closing,.sfc-youth-page .youth-jfv{grid-template-columns:1fr;gap:24px}.sfc-youth-page .youth-cards{grid-template-columns:1fr;gap:24px}.sfc-youth-page .youth-card figure{aspect-ratio:1.65;max-height:280px}.sfc-youth-page .youth-jfv{margin-top:30px;padding-top:30px;gap:8px}.sfc-youth-page .youth-jfv h3{max-width:none}.sfc-youth-page .youth-invite .btn{margin:3px 0 5px}.sfc-youth-page .youth-closing figure{aspect-ratio:1.5;max-height:280px}.sfc-youth-page .youth-image-note{padding:0 6% 26px}.sfc-youth-page .youth-card-links{gap:16px}.sfc-youth-page .youth-card-links a{padding-top:4px;padding-bottom:8px}.sfc-youth-page .eyebrow{font-size:10px;letter-spacing:1.5px}.sfc-youth-page .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){.sfc-youth-page .youth-card img{transition:none}.sfc-youth-page .youth-card:hover img{transform:none}}
/* Review refinements: compact JFV photo, short parent questions, prepared email request. */
.sfc-youth-page .youth-jfv{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:28px;background:#fff;border:1px solid #e1e6ed}
.sfc-youth-page .youth-jfv figure{aspect-ratio:1.5;overflow:hidden}
.sfc-youth-page .youth-jfv img{width:100%;height:100%;object-fit:cover}
.sfc-youth-page .youth-jfv h3{max-width:none}
.sfc-youth-page .youth-jfv p{font-size:15px;line-height:1.65;margin-bottom:16px}
.sfc-youth-page .youth-request-hint{font-size:12px;line-height:1.65;max-width:285px;color:#d9e0eb;margin:12px 0 0}
.sfc-youth-page .youth-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;padding-bottom:12px}
.sfc-youth-page .youth-faq-list{border-top:1px solid #d7dfe8}
.sfc-youth-page .youth-faq details{border:0;border-bottom:1px solid #d7dfe8;padding:0;margin:0;background:transparent}
.sfc-youth-page .youth-faq summary{position:relative;padding:20px 34px 20px 0;cursor:pointer;list-style:none;font-weight:700;font-size:16px;line-height:1.5}
.sfc-youth-page .youth-faq summary::-webkit-details-marker{display:none}
.sfc-youth-page .youth-faq summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:24px;color:var(--blue);font-weight:400}
.sfc-youth-page .youth-faq details[open]>summary:after{content:'−'}
.sfc-youth-page .youth-faq summary:focus-visible{outline:3px solid #7498ff;outline-offset:3px}
.sfc-youth-page .youth-faq details>div{padding:0 24px 22px 0;font-size:15px;color:var(--muted)}
.sfc-youth-page .youth-faq details p{margin-bottom:12px}
.sfc-youth-page .youth-faq details p:last-child{margin-bottom:0}
.sfc-youth-page .youth-faq-links{display:flex;flex-wrap:wrap;gap:14px 24px}
.sfc-youth-page .youth-request-dialog{width:min(580px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:36px;border:0;color:var(--navy);background:white;box-shadow:0 18px 80px #101c2f66;overflow:auto}
.sfc-youth-page .youth-request-dialog::backdrop{background:#101c2fc4}
.sfc-youth-page .youth-request-dialog h2{font-size:36px;letter-spacing:-1.1px;margin:0 24px 18px 0}
.sfc-youth-page .youth-request-dialog>p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:22px}
.sfc-youth-page .youth-request-close{position:absolute;right:10px;top:10px;min-width:44px;min-height:44px;font-size:28px;border:0;background:transparent;color:var(--navy)}
.sfc-youth-page .youth-request-dialog label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.sfc-youth-page .youth-request-dialog label span{font-weight:400;color:var(--muted)}
.sfc-youth-page .youth-request-dialog select,.sfc-youth-page .youth-request-dialog textarea{width:100%;border:1px solid #bac4d2;background:white;border-radius:0;padding:12px;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--navy);margin:0 0 18px}
.sfc-youth-page .youth-request-dialog textarea{resize:vertical;min-height:100px}
.sfc-youth-page .youth-request-dialog .youth-request-privacy{font-size:12px;color:var(--muted);margin:-6px 0 20px;line-height:1.6}
.sfc-youth-page .youth-request-dialog .youth-request-alternative{font-size:13px;line-height:1.65;color:var(--muted);margin:18px 0 12px}
.sfc-youth-page .youth-request-alternative a,.sfc-youth-page .youth-request-data{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.sfc-youth-page .youth-request-data{font-size:12px}
@media(max-width:900px){.sfc-youth-page .youth-jfv{padding:22px;gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.sfc-youth-page .youth-jfv figure{aspect-ratio:1.1}.sfc-youth-page .youth-faq{grid-template-columns:1fr;gap:12px}.sfc-youth-page .youth-faq h2{margin-bottom:8px}}
@media(max-width:680px){.sfc-youth-page .youth-jfv{padding:0;grid-template-columns:1fr;gap:0}.sfc-youth-page .youth-jfv figure{aspect-ratio:1.75;max-height:220px}.sfc-youth-page .youth-jfv>div{padding:24px 22px}.sfc-youth-page .youth-faq{padding-bottom:0}.sfc-youth-page .youth-request-dialog{padding:28px 22px}.sfc-youth-page .youth-request-dialog h2{font-size:30px}.sfc-youth-page .youth-request-dialog .eyebrow{font-size:9px;margin-right:20px}.sfc-youth-page .youth-request-dialog .btn{font-size:12px;gap:12px;padding:14px;width:100%}}

/* Page-specific refinements; typography, colors, cards and spacing use the youth design. */
.sfc-join-page .youth-hero h1{max-width:790px;font-size:clamp(46px,4.9vw,72px)}
.sfc-join-page .youth-hero-photo img{object-position:65% center}
.sfc-join-page .youth-hero-photo:after{background:linear-gradient(90deg,#101c2ff5 0%,#101c2fc9 38%,#101c2f55 65%,#101c2f05)}
.sfc-join-page .youth-intro h2{max-width:470px;margin-bottom:0}
.sfc-join-page .youth-card{display:flex;flex-direction:column}
.sfc-join-page .youth-card figure{flex:none}
.sfc-join-page .join-play{--join-image-zoom:1.06;--join-image-position:43% 60%}
.sfc-join-page .join-coach{--join-image-zoom:1.035;--join-image-position:56% 46%}
.sfc-join-page .youth-card img{object-position:var(--join-image-position,50% 50%);transform:scale(var(--join-image-zoom,1))}
.sfc-join-page .youth-card:hover img{transform:scale(calc(var(--join-image-zoom,1) + .02))}
.sfc-join-page .youth-card-copy{display:flex;flex-direction:column;flex:1}
.sfc-join-page .youth-card-copy .textlink{margin-top:auto;align-self:flex-start;padding-top:8px;min-height:36px}
.sfc-join-page button.textlink{border:0;border-bottom:1px solid currentColor;background:transparent;text-align:left;padding-left:0;padding-right:0}
.sfc-join-page .youth-card h3{font-size:clamp(27px,2.5vw,32px)}
.sfc-join-page .youth-card p{margin-bottom:18px}
.sfc-join-page .join-team-link{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:baseline;margin:30px 0 0;color:var(--muted);font-size:14px}
.sfc-join-page .join-community figure{aspect-ratio:1.25}
.sfc-join-page .join-community img{object-position:48% center}
.sfc-join-page .join-contact h2{max-width:480px;margin-bottom:0}
.sfc-join-page .join-contact .btn{margin-top:8px}
.sfc-join-page .join-image-note{max-width:none;padding-top:24px;padding-bottom:24px;background:var(--paper)}
.sfc-join-page .join-mail-details{font-size:13px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.sfc-join-page #join-membership-download{margin:0 0 20px}
.sfc-join-page #join-membership-download[hidden]{display:none}
.sfc-join-page .join-no-script{padding:24px 7%}
.sfc-join-page .join-no-script a{color:var(--blue);text-decoration:underline}
@media(prefers-reduced-motion:reduce){.sfc-join-page .youth-card:hover img{transform:scale(var(--join-image-zoom,1))}}
@media(max-width:900px){.sfc-join-page .youth-hero h1{max-width:690px;font-size:clamp(40px,6vw,62px)}.sfc-join-page .join-community{grid-template-columns:1fr;gap:32px}.sfc-join-page .join-community figure{aspect-ratio:1.7;max-height:390px}}
@media(max-width:680px){.sfc-join-page .youth-hero h1{font-size:clamp(32px,8.1vw,48px);max-width:none}.sfc-join-page .youth-hero-photo img{object-position:65% center}.sfc-join-page .youth-card h3{font-size:28px}.sfc-join-page .join-community figure{aspect-ratio:1.5;max-height:280px}.sfc-join-page .join-team-link{gap:8px}.sfc-join-page .youth-card-copy .textlink{min-height:44px;padding-top:12px}.sfc-join-page .join-contact .btn{max-width:100%}}
