:root{--navy:#142341;--blue:#2265df;--text:#24334d;--muted:#66758d;--border:#e3e9f1;--bg:#f6f8fc;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:10}.topbar{min-height:79px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;line-height:1.05;color:var(--navy);font-weight:800}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--blue);color:white;font-size:30px}.brand small{display:block;letter-spacing:.06em;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-top:4px}.topbar nav{display:flex;gap:30px;flex:1}.topbar nav a{font-weight:600;font-size:13px;color:#53627c}.topbar nav a:hover,.breadcrumb a:hover,.related-link:hover{color:var(--blue)}.top-support{border:1px solid #d7e2f8;color:var(--blue);padding:8px 15px;border-radius:8px;font-size:12px;font-weight:700}.hero{background:radial-gradient(ellipse at 85% 25%,#244c91 0%,transparent 52%),linear-gradient(130deg,#111c36,#172e55);color:white}.hero-inner{text-align:center;padding:86px 0 91px;max-width:790px}.hero-kicker,.overline{font-size:11px;font-weight:800;letter-spacing:.14em;color:#3985f5}.hero-kicker{color:#95b9ff}.hero h1{font-size:clamp(36px,5.3vw,60px);line-height:1.13;letter-spacing:-.047em;margin:20px 0}.hero h1 em{font-style:normal;color:#87b1ff}.hero p{color:#ced8e9;font-size:16px;max-width:590px;margin:0 auto 33px}.search-box{position:relative;max-width:740px;margin:auto;display:flex;align-items:center;background:white;border-radius:11px;padding:6px 6px 6px 20px;box-shadow:0 16px 35px #080f2630}.search-icon{color:#8a9ab0;font-size:30px;line-height:1}.search-box input{min-width:0;flex:1;border:0;outline:0;padding:14px;color:var(--navy);font-size:14px}.search-box button{background:var(--blue);color:#fff;padding:12px 24px;border:0;border-radius:7px;font-weight:750;font-size:13px}.search-box button:hover{background:#124ebf}.suggestions{position:absolute;z-index:9;left:0;right:0;top:calc(100% + 7px);background:white;box-shadow:0 15px 40px #081b3f32;border-radius:10px;text-align:left;display:none;overflow:hidden}.suggestions.visible{display:block}.suggestions a{display:block;padding:10px 17px;border-bottom:1px solid var(--border)}.suggestions a:hover{background:#eff5ff}.suggestions strong{display:block;color:var(--navy);font-size:13px}.suggestions small{display:block;color:var(--muted)}.quick-terms{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px;font-size:12px;color:#c9d8f2;flex-wrap:wrap}.quick-terms a{border:1px solid #7690bd80;color:#e4edfc;padding:2px 13px;border-radius:30px}.section{padding-top:75px;padding-bottom:17px}.section-heading{text-align:center;margin:0 0 31px}.section-heading.left{text-align:left}.section-heading h2,.support-layout h2{font-size:32px;letter-spacing:-.038em;line-height:1.2;margin:9px 0;color:var(--navy)}.section-heading p{color:var(--muted);margin:8px 0}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.journey{padding:32px 35px;min-height:295px;border-radius:var(--radius);border:1px solid #dce8ff;background:linear-gradient(140deg,#edf5ff,#fafcff);transition:transform .2s}.journey:hover,.article-card:hover,.topic-card:hover{transform:translateY(-3px)}.journey.existing{background:linear-gradient(140deg,#eefbf8,#fbfffd);border-color:#d7f1e9}.journey-symbol{display:grid;place-items:center;background:#daeaff;color:#2265df;border-radius:12px;width:42px;height:42px;font-size:25px;margin-bottom:15px}.existing .journey-symbol{background:#c9f1e6;color:#127a60}.journey-tag{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--blue)}.existing .journey-tag,.existing .journey-action{color:#168268}.journey h3{font-size:24px;letter-spacing:-.03em;color:var(--navy);margin:4px 0}.journey p{max-width:400px;color:#5d6d83;margin:0 0 24px}.journey-action{font-weight:800;font-size:13px;color:var(--blue)}.topics{padding-top:77px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic-card{min-height:147px;padding:20px;border:1px solid var(--border);border-radius:12px;transition:transform .2s}.topic-icon{display:grid;place-items:center;width:34px;height:34px;background:#eff4fe;color:var(--blue);border-radius:9px;font-size:22px;margin-bottom:13px}.topic-card strong{display:block;font-size:14px;color:var(--navy)}.topic-card>span:last-child{display:block;color:var(--muted);font-size:12px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-card{display:flex;gap:12px;border:1px solid var(--border);border-radius:12px;padding:20px 17px;min-height:220px;transition:transform .2s,box-shadow .2s}.article-card:hover{box-shadow:0 10px 25px #152b4b0d}.card-icon{background:#edf4ff;color:var(--blue);border-radius:8px;width:36px;height:36px;flex-shrink:0;text-align:center;line-height:36px;font-size:23px}.card-body{min-width:0}.eyebrow{font-size:10px;color:var(--blue);font-weight:750;line-height:1.5}.article-card h3{color:var(--navy);font-size:16px;line-height:1.35;margin:8px 0}.article-card p{font-size:12px;color:var(--muted);margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-link{font-weight:800;color:var(--blue);font-size:12px}.outline-btn{display:inline-block;padding:10px 19px;border:1px solid #ccdbf5;color:var(--blue);border-radius:8px;font-size:13px;font-weight:750;margin:24px 0 0}.support-strip{background:#eef5ff;margin-top:76px}.support-layout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0}.support-layout h2{font-size:24px}.support-layout p{margin:3px 0;color:var(--muted)}.white-btn{background:var(--blue);color:#fff;padding:12px 19px;border-radius:8px;font-weight:700;white-space:nowrap}.footer{border-top:1px solid var(--border);color:#78869b;font-size:12px}.foot-content{display:flex;justify-content:space-between;gap:20px;padding:28px 0}.browse-page{padding:36px 0 80px}.breadcrumb,.article-breadcrumb{color:#8a97a9;font-size:12px;margin-bottom:16px}.page-intro{padding:18px 0 34px}.page-intro h1,.path-hero h1,.article-content h1{font-size:37px;letter-spacing:-.04em;line-height:1.2;color:var(--navy);margin:10px 0}.page-intro p{color:var(--muted)}.search-box.light{margin:27px 0 0;max-width:810px;border:1px solid var(--border);box-shadow:0 3px 18px #17294b09}.browse-layout{display:grid;grid-template-columns:230px 1fr;gap:29px}.filter-panel{border:1px solid var(--border);border-radius:12px;padding:20px;align-self:start}.filter-panel h3{margin:0 0 10px;font-size:17px;color:var(--navy)}.filter-link{display:flex;justify-content:space-between;gap:9px;padding:8px 10px;border-radius:8px;font-size:12px;color:#596c85}.filter-link.selected,.filter-link:hover{background:#eaf2ff;color:var(--blue);font-weight:800}.filter-link small{color:#8795aa}.results-toolbar{display:flex;justify-content:space-between;margin:0 0 18px;color:var(--navy);font-size:12px}.results-toolbar a{color:var(--blue)}.results .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty{border:1px dashed var(--border);padding:35px;border-radius:12px;color:var(--muted)}.empty h2{color:var(--navy)}.pagination{display:flex;gap:7px;margin-top:24px}.pagination a{padding:5px 12px;border:1px solid var(--border);border-radius:7px}.pagination .active{background:var(--blue);color:white}.pathway-page{padding:35px 0 90px;max-width:930px}.path-hero{background:linear-gradient(135deg,#122647,#224e8f);color:#fff;padding:43px;border-radius:17px;margin:20px 0}.path-hero .overline{color:#a6c9ff}.path-hero h1{color:white}.path-hero p{color:#cfddf4;max-width:650px}.path-stats{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#e5ecfa}.path-progress{padding:22px;border:1px solid var(--border);border-radius:12px;margin-bottom:22px}.path-progress>div:first-child{display:flex;justify-content:space-between}.path-progress small{color:var(--muted)}.progress-track{height:9px;border-radius:9px;background:#e9eff8;margin-top:13px;overflow:hidden}#progress-fill{height:100%;width:0;background:#26a47f;border-radius:9px;transition:width .2s}.lesson{display:grid;grid-template-columns:34px 60px 1fr auto;gap:17px;align-items:start;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:10px}.lesson.done{background:#f5fcf8}.lesson-check{display:block;margin-top:4px}.lesson-check input{width:20px;height:20px;accent-color:#17a47b}.lesson-number{font-size:10px;color:var(--blue);font-weight:800;padding-top:7px}.lesson-info h3{font-size:16px;color:var(--navy);margin:0 0 5px}.lesson-info p{margin:0 0 6px;color:var(--muted);font-size:13px}.lesson-time,.muted{color:#94a0b1;font-size:11px}.next-box{background:#f4f8ff;border-radius:13px;padding:25px;margin-top:25px}.next-box h3{margin:0;color:var(--navy)}.next-box p{color:var(--muted);font-size:13px}.next-box a{color:var(--blue);font-weight:800}.article-page{padding:35px 0 95px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px}.article-content{min-width:0}.article-content h1{font-size:39px}.article-lead{font-size:17px;color:var(--muted)}.article-meta{display:flex;gap:19px;font-size:11px;color:#8492a5;border-bottom:1px solid var(--border);padding:12px 0 20px;margin-bottom:24px}.video-frame{aspect-ratio:16/9;background:#09142b;border-radius:12px;overflow:hidden;margin-bottom:25px}.video-frame iframe{width:100%;height:100%;border:0}.article-html{line-height:1.8;overflow-wrap:anywhere;color:#36445b}.article-html img{max-width:100%!important;height:auto!important;display:block;margin:17px auto;border-radius:6px}.article-html table{max-width:100%;display:block;overflow-x:auto}.article-html iframe{max-width:100%}.article-html p{max-width:100%}.article-html :is(h2,h3,h4){color:var(--navy)}.article-html span[style*="font-size"]{font-size:inherit!important}.side-panel{border:1px solid var(--border);border-radius:11px;padding:18px;margin-bottom:14px}.side-panel h3{font-size:15px;margin:0 0 10px;color:var(--navy)}.side-panel p{font-size:12px;color:var(--muted)}.side-panel a{color:var(--blue);font-size:12px;font-weight:700}.related-link{display:block;padding:9px 0;border-bottom:1px solid var(--border)}.help-panel{background:#eef5ff}.feedback{margin:30px 0 10px;padding:22px;background:#f5f8fd;border-radius:13px}.feedback p{margin:0 0 13px;font-size:13px;color:var(--muted)}.feedback button{border:1px solid #d4dfef;background:white;border-radius:8px;padding:8px 12px;margin:0 9px 8px 0;color:var(--navy);font-size:12px}.feedback button:disabled{opacity:.6;cursor:default}.feedback-note{font-size:12px;color:#168268;display:block}@media(max-width:900px){.topbar{gap:18px}.topbar nav{gap:12px}.topic-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.browse-layout{grid-template-columns:180px 1fr}.article-layout{grid-template-columns:minmax(0,1fr) 205px;gap:20px}}@media(max-width:680px){.wrap{width:min(100% - 28px,1160px)}.topbar{min-height:70px;flex-wrap:wrap;gap:6px 10px;padding:10px 0}.brand{font-size:21px}.topbar nav{order:3;flex-basis:100%;justify-content:space-around;font-size:11px;gap:8px}.topbar nav a{font-size:11px}.top-support{margin-left:auto;font-size:10px;padding:6px}.hero-inner{padding:60px 0}.search-box{padding-left:9px}.search-box button{padding:12px}.search-box input{font-size:12px}.section{padding-top:45px}.section-heading h2{font-size:27px}.journey-grid,.article-grid,.results .article-grid,.browse-layout,.article-layout{grid-template-columns:1fr}.journey{padding:23px;min-height:0}.topic-grid{gap:9px}.topic-card{padding:14px}.support-layout,.foot-content{flex-direction:column;align-items:flex-start}.filter-panel{display:flex;flex-wrap:wrap;gap:4px}.filter-panel h3{width:100%}.filter-link{width:auto}.page-intro h1,.path-hero h1,.article-content h1{font-size:30px}.lesson{grid-template-columns:25px 1fr;gap:7px}.lesson-number{grid-column:2;grid-row:1}.lesson-info{grid-column:2}.lesson-time{grid-column:2}.article-side{display:grid;grid-template-columns:1fr;gap:5px}.path-hero{padding:26px}.article-html img{width:auto!important;max-width:100%!important}}
