.youth-guide-hero {position: relative;min-height: 430px;overflow: hidden;border-radius: 12px;background: #222;}.youth-guide-hero-image {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.youth-guide-hero::after {content: "";position: absolute;inset: 0;background: linear-gradient( 90deg, rgba(20, 25, 34, 0.78) 0%, rgba(20, 25, 34, 0.48) 44%, rgba(20, 25, 34, 0.12) 76% );}.youth-guide-hero-overlay {position: relative;z-index: 1;max-width: 650px;padding: 64px 48px;color: #fff;}.hero-kicker {margin: 0 0 8px;color: #f2b544;font-size: 0.9rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}.youth-guide-hero h1 {margin: 0;color: #fff;font-size: clamp(2rem, 4vw, 3.5rem);line-height: 1.08;}.hero-tagline {margin: 18px 0 26px;font-size: clamp(1.05rem, 2vw, 1.35rem);line-height: 1.5;}.hero-button {display: inline-block;padding: 12px 22px;border-radius: 6px;background: #f2a900;color: #182333;font-weight: 700;text-decoration: none;}.hero-button:hover {background: #ffc247;}.card-icon {display: grid;width: 54px;height: 54px;margin-bottom: 16px;border-radius: 50%;background: #f8ead5;color: #8a2635;place-items: center;}.card-icon svg {width: 28px;height: 28px;stroke: currentColor;}.resource-card {transition: transform 0.2s ease, box-shadow 0.2s ease;}.resource-card:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(20, 30, 45, 0.12);}.resource-card-icon {display: grid;width: 56px;height: 56px;margin: 0 auto 16px;border-radius: 50%;background: #f7e8d2;color: #8a2635;place-items: center;}.resource-card-icon svg {width: 29px;height: 29px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.resource-card .card-body {text-align: center;}@media (max-width: 700px) {.youth-guide-hero {min-height: 500px;}.youth-guide-hero-image {object-position: 58% center;}.youth-guide-hero::after {background: linear-gradient( 0deg, rgba(20, 25, 34, 0.92) 0%, rgba(20, 25, 34, 0.58) 65%, rgba(20, 25, 34, 0.18) 100% );}.youth-guide-hero-overlay {position: absolute;right: 0;bottom: 0;left: 0;padding: 30px 24px;}}.navtitle{position:relative;top:10px;text-decoration:underline;}.youth-guide-nav {background: #f4f7fb;border-bottom: 1px solid #ddd;font-size: 14px;text-align:center;}.youth-guide-nav-inner {display: flex;gap: 25px;max-width: 1200px;margin: auto;padding: 10px 15px;overflow-x: auto;justify-content: center;}.youth-guide-nav a {white-space: nowrap;text-decoration: none;}.youth-hub {max-width: 1200px;margin: 0 auto;padding: 20px;}.youth-hub h1, .youth-hub h2, .youth-hub h3 {line-height: 1.25;}.youth-hub p {line-height: 1.7;}.hub-section {margin: 50px 0;}.section-header {margin-bottom: 20px;}.section-header h2 {margin-bottom: 10px;}.section-intro {max-width: 950px;}.hub-hero {margin: 20px 0 40px;}.hero-content {padding: 35px 25px;}.hub-label {display: block;margin-bottom: 40px;}.hero-subtitle {max-width: 750px;}#hub-container{position:relative;top:-60px;}.hub-introduction {margin-bottom: 50px;max-width: 900px;}.hub-introduction > div {margin-bottom: 30px;max-width: 900px;}.resource-grid {display: grid;gap: 25px;}.resource-card {padding: 25px;}.card-body h3 {margin-top: 0;}.topic-group {margin-bottom: 35px;}.topic-group ul {padding-left: 20px;}@media (max-width: 768px) {.youth-guide-nav-inner {display: flex;gap: 25px;max-width: 1200px;margin: auto;padding: 10px 15px;overflow-x: auto;justify-content: left;}}@media (min-width: 768px) {.youth-hub {padding: 35px;}.resource-grid {grid-template-columns: repeat(3, 1fr);}}.hub-page-title {display: block;font-size: 1.45rem;font-weight: 700;margin-bottom: 18px;}.hub-hero {margin: 25px 0 45px;}.hero-content {padding: 45px 30px;border-radius: 12px;}.hub-label {font-size: 0.95rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;margin-bottom: 25px;}.hub-hero h1 {font-size: 2.3rem;margin: 0 0 15px;}.hero-subtitle {font-size: 1.15rem;margin: 0;max-width: 1000px;}@media (min-width: 768px) {.hero-content {padding: 60px 55px 20px 55px;}.hub-hero h1 {font-size: 3rem;}}.hub-introduction {margin: 45px 0;}.hub-introduction > div {padding: 25px;margin-bottom: 25px;border-radius: 10px;}.hub-introduction h2 {margin-top: 0;font-size: 1.35rem;}.new-coach {background: #f5f8fc;}.learning-outcomes {background: #ffffff;}.checklist {list-style: none;padding-left: 0;margin-bottom: 0;}.checklist li {position: relative;padding-left: 30px;margin-bottom: 14px;}.checklist li::before {color: #1f5fbf;content: "\2713";position: absolute;left: 0;font-size: 1.15rem;font-weight: 900;line-height: 1.4;}.coach-tip {background: #f7fbff;border-left: 5px solid;}.youth-consideration {background: #fafafa;border-left: 5px solid;}@media (min-width:768px) {.hub-introduction > div {padding: 35px;}}.coach-tip {background: #f4f8fd;border-left: 6px solid #1a73e8;padding: 28px;border-radius: 8px;}.coach-tip h2 {margin-top: 0;}.youth-consideration {background: #f8f8f8;border-left: 6px solid #555;padding: 28px;border-radius: 8px;}.youth-consideration h2 {margin-top: 0;}.coach-tip p, .youth-consideration p {margin-bottom: 0;}.resource-card {background: #F2F2F2;border: 1px solid #e2e6ea;border-radius: 10px;padding: 0;overflow: hidden;transition: transform .2s ease, box-shadow .2s ease;}.resource-card:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0,0,0,.08);}.card-body {padding: 25px;}.card-body h3 {margin-top: 0;margin-bottom: 12px;}.card-body h3 a {text-decoration: none;}.card-body p {margin-bottom: 0;}.hub-topics {margin-top: 55px;}.topic-group {padding: 5px 0;margin-bottom: 20px;}.topic-group h3 {margin-top: 0;margin-bottom: 12px;font-size: 1.35rem;}.topic-group ul {list-style: none;padding-left: 0;margin: 0;}.resource-link {position: relative;padding-left: 28px;margin-bottom: 5px;}.resource-link a {text-decoration: none;}.resource-link {position: relative;padding-left: 28px;margin-bottom: 10px;}.resource-link::before {content: "\2713";position: absolute;left: 0;font-size: 1.05rem;font-weight: 900;color: #1a73e8;}.coaching-tools .card-body h3 {margin-top: 0;}.tool-check {color: #1a73e8;font-size: 1.1rem;font-weight: 900;margin-right: 8px;text-decoration: none;}.coaching-tools .tool-check {text-decoration: none !important;display: inline-block;}.coaching-tools .card-body p {line-height: 1.6;}.coaching-tools h3 {text-decoration: none !important;}.coaching-tools h3 a {color: #1a73e8;font-weight: 700;text-decoration: none !important;}.coaching-tools h3 a:hover {text-decoration: underline !important;}.journey-check {display: inline-block;color: #1a73e8;font-size: 1.1rem;font-weight: 900;margin-right: 8px;text-decoration: none !important;}.continue-journey h3 {text-decoration: none !important;}.journey-link a {color: #1a73e8;font-weight: 700;text-decoration: none !important;}.journey-link a:hover {text-decoration: underline !important;}.journey-link a:hover {text-decoration: underline;}.continue-journey {margin-top: 50px;padding-bottom: 25px;border-bottom: 1px solid #d9d9d9;}.continue-journey .resource-grid {display: block;}.continue-journey .resource-card {background: transparent;border: none;box-shadow: none;padding: 0;}.continue-journey .card-body {padding: 5px 0;}.continue-journey .card-body h3 {font-size: 1.15rem;margin: 0 0 8px;}.continue-journey .card-body h3 a {text-decoration: none;}.continue-journey .card-body h3 a:hover {text-decoration: underline;}.hub-hero-with-image {position: relative;width: 100%;min-height: 0;aspect-ratio: 8 / 3;padding: 0;overflow: hidden;isolation: isolate;}.hub-hero-with-image .hub-hero-image {position: absolute;z-index: 0;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}.hub-hero-with-image::after {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient( 90deg, rgba(20, 27, 38, 0.64) 0%, rgba(20, 27, 38, 0.43) 34%, rgba(20, 27, 38, 0.13) 62%, rgba(20, 27, 38, 0.02) 100% );pointer-events: none;}.hub-hero-with-image .hero-content {text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);position: relative;z-index: 2;box-sizing: border-box;max-width: 680px;padding: 45px 40px;}.hub-hero-with-image .hub-label, .hub-hero-with-image .hub-page-title, .hub-hero-with-image h1, .hub-hero-with-image .hero-subtitle {color: #fff;}@media (max-width: 700px) {.hub-hero-with-image {display: flex;min-height: 480px;aspect-ratio: auto;align-items: flex-end;}.hub-hero-with-image .hub-hero-image {object-position: 35% center;}.hub-hero-with-image::after {background: linear-gradient( 0deg, rgba(20, 27, 38, 0.82) 0%, rgba(20, 27, 38, 0.55) 48%, rgba(20, 27, 38, 0.18) 76%, rgba(20, 27, 38, 0.03) 100% );}.hub-hero-with-image .hero-content {position: relative;right: auto;bottom: auto;left: auto;box-sizing: border-box;width: 100%;max-width: none;padding: 26px 22px;}}.guide-pathway-grid {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 20px;}.guide-pathway-grid .resource-card {min-width: 0;}.guide-pathway-grid .card-body {padding: 22px 18px;}.guide-pathway-grid .resource-card h3 {margin-top: 0;font-size: 1.12rem;line-height: 1.3;}.guide-pathway-grid .resource-card p {font-size: 0.96rem;line-height: 1.55;}@media (max-width: 1000px) {.guide-pathway-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 600px) {.guide-pathway-grid {grid-template-columns: 1fr;}}.guide-pathway-grid .resource-card {position: relative;border: 1px solid #dce3ea;border-radius: 10px;background: #fff;box-shadow: 0 3px 12px rgba(24, 35, 50, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}.guide-pathway-grid .resource-card:hover {transform: translateY(-4px);border-color: #c8d2dc;box-shadow: 0 10px 24px rgba(24, 35, 50, 0.14);}.guide-pathway-grid .card-body {padding: 24px 18px 22px;text-align: center;}.pathway-card-icon {display: flex;height: 64px;margin: 0 auto 14px;align-items: center;justify-content: center;}.pathway-card-icon img {display: block;width: auto;max-width: 58px;height: auto;max-height: 60px;border: 0;object-fit: contain;}.guide-pathway-grid .resource-card h3 {margin: 0 0 10px;}.guide-pathway-grid .resource-card h3 a {color: #18324a;text-decoration: none;}.guide-pathway-grid .resource-card h3 a:hover {color: #8a2635;text-decoration: underline;}.guide-pathway-grid .resource-card p {margin: 0;}.continue-journey .resource-card h3 {justify-content: flex-start;text-align: left;}.continue-journey .journey-link {text-align: left;}.breadontop{position:relative;z-index:2;}.premium-callout {position: relative;top:-20px;display: flex;align-items: center;gap: 1.5rem;max-width: 900px;margin: 2.75rem auto;padding: 2rem;overflow: hidden;background: linear-gradient(135deg, #f8fafc 0%, #eef4fa 100%);border: 1px solid #cad8e6;border-radius: 12px;box-shadow: 0 5px 16px rgba(25, 58, 91, 0.10);}.premium-callout-icon {display: flex;flex: 0 0 72px;align-items: center;justify-content: center;width: 72px;height: 72px;color: white;background: #f4c95d;border-radius: 50%;font-size: 3.25rem;}.premium-callout-content {flex: 1;}.premium-kicker {margin: 0 0 0.25rem;color: #a51c30;font-size: 0.82rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}.premium-callout-wash2 {font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#000;font-size:1em;font-weight:700;line-height:1.2em;margin-top:0.5em;margin: 0 0 0.65rem;color: #173f67;}.premium-callout-text {max-width: 680px;margin: 0 0 1rem;}.premium-benefits {display: flex;flex-wrap: wrap;gap: 0.55rem 1.25rem;margin: 0 0 1.3rem;padding: 0;list-style: none;}.premium-benefits li {position: relative;padding-left: 1.25rem;font-weight: 600;}.premium-benefits li::before {position: absolute;left: 0;color: #2f7d4a;content: "\2713";font-weight: 800;}.premium-button {display: inline-block;padding: 0.8rem 1.35rem;color: white;background: #1f5fbf;;border-radius: 6px;font-weight: 700;text-decoration: none;transition: background-color 0.2s ease, transform 0.2s ease;}.premium-button:hover, .premium-button:focus {background: #184d99;color:red;transform: translateY(-1px);}@media (max-width: 640px) {.premium-callout {display: block;padding: 1.5rem;text-align: center;}.premium-callout-icon {width: 60px;height: 60px;margin: 0 auto 1rem;font-size: 1.85rem;}.premium-benefits {display: block;text-align: left;}.premium-benefits li {margin: 0.45rem 0;}}@media print{#hub-container{position:relative;top:0px;}}