.youth-zone{--ink:#123d4a;--teal:#08776d;--wash:#eaf6f2;color:var(--ink);margin:20px 0 60px}.youth-tabs{display:flex;gap:8px;border-bottom:1px solid #c9ded9;margin:0 0 28px;padding-bottom:12px}.youth-tabs a{padding:12px 22px;border-radius:40px;text-decoration:none;font-weight:700}.youth-tabs a[aria-current]{background:var(--ink);color:#fff}.youth-intro{padding:clamp(24px,4vw,54px);border-radius:26px;background:linear-gradient(125deg,#e6f4ed,#eef7ff);margin-bottom:30px}.youth-intro h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;margin:12px 0 20px;letter-spacing:-1px}.youth-intro p{max-width:680px}.youth-intro .eyebrow{color:#08776d}.youth-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:28px;font-size:14px}.youth-stats strong{display:block;font-size:30px;color:var(--teal)}.youth-home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.youth-hero-fish img{width:100%;border-radius:20px;display:block;mix-blend-mode:multiply}.youth-hero-fish span{display:block;font-size:14px;text-align:center;margin-top:8px}.youth-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 50px}.youth-info-grid section{padding:24px;border:1px solid #d7e5e1;border-radius:18px}.youth-icon{color:var(--teal);font-size:14px;font-weight:800;letter-spacing:2px}.youth-zone h3{font-size:23px;line-height:1.3}.youth-callout,.youth-sources{background:#f2f6f5;border-radius:18px;padding:28px;margin-top:35px}.youth-sources{font-size:14px;line-height:1.7}.youth-sources h3{font-size:18px}.youth-zone a{color:#086b65}.youth-zone a.button{color:#fff;background:var(--teal)}.youth-zone a:focus-visible,.youth-zone button:focus-visible,.youth-zone summary:focus-visible{outline:3px solid #d59113;outline-offset:4px}.youth-tabs a[aria-current]{color:#fff}#youth-quiz{border:1px solid #d7e5e1;background:#fff;border-radius:24px;padding:clamp(20px,4vw,40px);scroll-margin-top:140px;max-width:920px;margin-inline:auto}#youth-quiz [hidden]{display:none!important}.quiz-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.youth-zone button{font:inherit;cursor:pointer}.quiz-mode{border:1px solid #bad7cf;border-radius:17px;background:#f5faf7;text-align:left;padding:24px;color:var(--ink);display:grid;gap:12px;min-height:155px}.quiz-mode:first-child{background:#123d4a;color:white}.quiz-mode strong{font-size:21px}.quiz-mode span{font-size:15px}.quiz-mode:hover{border-color:#08776d;box-shadow:0 4px 14px #123d4a15}.quiz-muted{font-size:14px;color:#50656a;margin-top:22px}.quiz-top{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:#50656a}.youth-zone progress{width:100%;height:8px;accent-color:#08776d;border:0;margin:16px 0 20px}.quiz-question{outline:none;margin-top:0}.quiz-image{margin:0 0 16px}.quiz-image img{display:block;width:100%;height:clamp(180px,28vw,330px);object-fit:contain;background:#eef6fa;border-radius:15px}.quiz-image figcaption{font-size:12px;color:#53656b;margin-top:6px}.youth-zone summary{cursor:pointer;padding:10px 0;font-weight:650}.quiz-options{display:grid;gap:12px;margin-top:22px}.quiz-answer{border:2px solid #d7e5e1;background:#fff;text-align:left;border-radius:12px;padding:16px 20px;min-height:54px;color:var(--ink)}.quiz-answer:hover:not(:disabled){background:#eaf6f2;border-color:var(--teal)}.quiz-answer:disabled{cursor:default;opacity:1;color:#42585e}.quiz-answer.correct{border-color:#08776d;background:#e5f5ed;color:#075146}.quiz-answer.wrong{border-color:#b15230;background:#fff1e8;color:#843d26}.quiz-feedback:empty{display:none}.quiz-feedback{padding:20px;border-radius:14px;margin:20px 0;background:#f2f7f5}.quiz-feedback p{margin:8px 0}.quiz-source{font-size:13px}.youth-btn{border:0;border-radius:40px;padding:14px 24px;background:#08776d;color:#fff;font-weight:700;min-height:48px}.quiz-score{font-size:64px;font-weight:800;color:#08776d;margin:22px 0}.quiz-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.quiz-review section{border-top:1px solid #d7e5e1;padding:16px 0}.quiz-review h4{margin:8px 0}.quiz-review p{margin:8px 0}.youth-notices .news-grid{margin:20px 0}.youth-notices .news-art{display:none}
@media(min-width:901px){.site-header #main-nav>ul{gap:clamp(9px,1.05vw,20px)}.site-header #main-nav>ul>li>a{font-size:14px}.site-header #main-nav{gap:18px}.site-header #main-nav .search-form{flex-basis:78px;width:78px}.site-header #main-nav .search-form input{width:44px}}
@media(min-width:901px) and (max-width:1200px){.site-header .header-inner{gap:15px}.site-header #main-nav>ul{gap:9px}.site-header #main-nav>ul>li>a{font-size:12px}.site-header #main-nav .search-form{flex-basis:44px;width:44px}.site-header #main-nav .search-form input{width:16px}}
@media(max-width:650px){.youth-home-hero,.youth-info-grid,.quiz-modes{grid-template-columns:1fr}.youth-tabs a{padding:10px 15px;font-size:15px}.youth-hero-fish{max-width:340px}.youth-stats{gap:20px}.youth-sources{padding:20px}.quiz-top{font-size:12px}.quiz-score{font-size:52px}}