:root { --navy:#000e27; --blue:#269eca; --gold:#f9a03f; --paper:#f7f5f2; --ink:#142233; --muted:#596778; --line:#dfdbd4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Montserrat",Arial,sans-serif; }
.training-shell { width:min(calc(100% - 32px),1080px); margin:0 auto 56px; }
.training-hero { margin:26px 0 18px; padding:32px; border-radius:18px; background:linear-gradient(135deg,#000e27,#123e60); color:#fff; }
.back-link { display:inline-flex; margin-bottom:24px; color:#ccefff; font-size:13px; font-weight:800; text-decoration:none; }
.back-link:hover { text-decoration:underline; }
.eyebrow { margin-bottom:8px; color:#147aa2; font-size:10px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; }
.training-hero .eyebrow { color:#9ee4fb; }
.training-hero h1 { max-width:690px; margin:0 0 10px; color:#fff; font-size:clamp(28px,5vw,42px); line-height:1.1; }
.training-hero p { max-width:700px; margin:0; color:rgba(255,255,255,.84); font-size:15px; line-height:1.65; }
.jump-nav { position:sticky; top:64px; z-index:20; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; padding:14px; border:1px solid #a9daeb; border-radius:12px; background:#eef9fd; box-shadow:0 6px 16px rgba(0,14,39,.08); }
.jump-nav strong { width:100%; color:var(--navy); font-size:13px; }
.jump-nav a { padding:7px 10px; border:1px solid #8fc9df; border-radius:999px; color:#075f84; background:#fff; font-size:12px; font-weight:800; text-decoration:none; }
.jump-nav a:hover { background:#dff5fc; }
.training-section { margin:0 0 38px; scroll-margin-top:155px; }
.training-section > h2 { margin:0 0 7px; color:var(--navy); font-size:25px; }
.section-intro { max-width:780px; margin:0 0 18px; color:var(--muted); font-size:14px; line-height:1.6; }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.learning-card { display:flex; flex-direction:column; min-height:220px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 3px 10px rgba(0,14,39,.04); }
.learning-card h3 { margin:8px 0 8px; color:var(--navy); font-size:18px; line-height:1.25; }
.learning-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.tag { display:inline-block; width:max-content; padding:4px 8px; border-radius:999px; background:#e1f4fa; color:#086386; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.tag.gold { background:#fff0dc; color:#9a5700; }
.card-links { display:grid; gap:8px; margin-top:auto; padding-top:15px; }
.card-links a, .primary-link { color:#075f84; font-size:12px; font-weight:800; line-height:1.45; text-decoration:none; }
.card-links a:hover, .primary-link:hover { text-decoration:underline; }
.callout { margin-top:16px; padding:17px 19px; border-left:4px solid var(--gold); border-radius:10px; background:#fff8ed; color:#5c431e; font-size:13px; line-height:1.6; }
.callout strong { color:#4b300a; }
.footer-link { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px; border-radius:14px; background:var(--navy); color:#fff; text-decoration:none; }
.footer-link strong { display:block; margin-bottom:4px; font-size:16px; }.footer-link span { color:rgba(255,255,255,.76); font-size:13px; line-height:1.45; }.footer-link b { color:#9ee4fb; font-size:20px; }
@media (max-width:800px) { .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .training-shell { width:min(calc(100% - 24px),1080px); }.training-hero { padding:24px; }.card-grid { grid-template-columns:1fr; }.jump-nav { top:58px; }.learning-card { min-height:0; } }