:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#243a49;background:#fff;font-synthesis:none;scroll-behavior:smooth;--ink:#243a49;--navy:#17334d;--muted:#506775;--line:#e5edef;--light:#f4f9f9;--accent:#168e9b;--orange:#e99357}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;font-size:17px;line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em;color:var(--navy)}h1{font-size:clamp(2.1rem,4vw,3.55rem)}h2{font-size:1.8rem}h3{font-size:1.14rem}a{color:#126d80;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e58a4f;outline-offset:3px}img{max-width:100%;height:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:1001;top:-100px;left:1rem;padding:12px 18px;background:#fff;border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.shell{display:flex;min-height:100vh}.sidebar{width:295px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;flex-shrink:0;background:#f9fcfc;border-right:1px solid #e6edef;display:flex;flex-direction:column;padding:24px 18px 20px}.brand{padding:8px 12px 18px;border-bottom:1px solid var(--line)}.brand a{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand a:hover{text-decoration:none}.brand img{width:133px;height:auto;object-fit:contain}.brand-sub{font-weight:750;letter-spacing:.16em;color:var(--muted);font-size:10px;margin-left:2px}.sidebar-search{margin:24px 0 14px}.search-trigger{width:100%;display:flex;align-items:center;gap:10px;color:#4d6470;background:white;border:1px solid #d7e3e7;border-radius:11px;padding:11px 13px;font-size:14px;text-align:left;min-height:48px;box-shadow:0 1px 3px #16334b09}.search-icon{font-size:25px;line-height:1}.search-label{flex:1}.search-trigger kbd{font-family:inherit;font-size:11px;border:1px solid #dce4e9;border-radius:5px;padding:1px 6px;color:#516673}.sidebar-label{color:#506775;font-size:11px;font-weight:800;letter-spacing:.12em;padding:12px 12px 8px}.nav-categories{flex:1}.nav-category{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:650;padding:12px;border-radius:9px;color:#476070;line-height:1.4}.nav-category:hover,.nav-category.active{background:#e8f5f5;color:#126474;text-decoration:none}.nav-icon{width:20px;font-size:18px;text-align:center;color:#338c95}.nav-articles{border-left:1px solid #d9e6e8;margin:3px 0 14px 24px;padding-left:14px;display:grid;gap:2px}.nav-article{font-size:13px;line-height:1.45;color:#4a626f;padding:7px 3px}.nav-article:hover{color:#0a7b89}.side-footer{border-top:1px solid var(--line);padding:20px 12px 0;font-size:13px;color:var(--muted)}.side-footer p{margin-bottom:7px}.side-footer a{font-weight:700}.main-wrap{min-width:0;flex:1;display:flex;flex-direction:column}main{width:100%;flex:1}.mobile-header{display:none}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px clamp(24px,5vw,75px);border-top:1px solid var(--line);font-size:12px;color:#4d6370}.home-hero{padding:66px clamp(24px,6vw,86px) 62px;background:radial-gradient(ellipse at 85% -10%,#daf0ef 0%,transparent 48%),linear-gradient(105deg,#f7fbfa,#fbfdfc);border-bottom:1px solid #e9f1f0}.hero-kicker,.kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:#096b77;margin-bottom:16px}.home-hero h1{max-width:800px;font-weight:800;line-height:1.12;margin-bottom:24px}.home-hero h1 span{color:#198d9b}.home-hero>p{max-width:680px;color:#587082;font-size:20px;line-height:1.7}.hero-search{max-width:590px;margin-top:34px}.hero-search .search-trigger{min-height:62px;font-size:17px;border-radius:13px;box-shadow:0 8px 30px #17334d0d}.hero-meta{display:flex;flex-wrap:wrap;gap:13px 22px;color:#4c6571;font-size:13px;margin-top:23px}.home-section{padding:58px clamp(24px,6vw,86px) 8px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(24px,3vw,32px);margin-bottom:12px}.section-heading>p:last-child{color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{padding:23px;border:1px solid #dce8e8;border-radius:13px;display:flex;flex-direction:column;gap:12px;background:white;min-height:155px;box-shadow:0 2px 12px #1f47580a;color:var(--ink)}.role-card:hover,.article-card:hover{border-color:#8cbdc2;box-shadow:0 7px 22px #1f475815;text-decoration:none;transform:translateY(-2px)}.role-card strong{font-size:17px}.role-card>span:last-child{font-size:13px;font-weight:650;color:#16828e}.role-symbol{color:var(--accent);font-size:23px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-card{display:flex;flex-direction:column;gap:11px;padding:23px 24px;border:1px solid #dce8e8;border-radius:12px;box-shadow:0 1px 9px #16334b07;min-height:190px;color:var(--ink);transition:transform .15s,box-shadow .15s}.card-eyebrow{font-weight:700;font-size:12px;color:#156d76}.article-card strong{font-size:18px;line-height:1.35;color:var(--navy)}.article-card>span:not(.card-eyebrow):not(.card-arrow){font-size:14px;line-height:1.55;color:var(--muted)}.card-arrow{font-size:13px;color:#137b89;margin-top:auto;font-weight:750}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-block{padding:21px 25px;border:1px solid var(--line);border-radius:13px;scroll-margin-top:20px}.topic-heading{display:flex;gap:14px;align-items:center;padding-bottom:16px}.topic-heading h3{font-size:17px;margin-bottom:3px}.topic-heading p{font-size:13px;line-height:1.4;color:var(--muted);margin:0}.topic-symbol{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;background:#eaf7f6;border-radius:11px;color:#147f8c;font-size:24px}.topic-links{border-top:1px solid var(--line)}.topic-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 1px;border-bottom:1px solid #edf1f2;color:#435969;font-size:14px;line-height:1.45}.topic-links a:last-child{border-bottom:0}.topic-links a span:last-child{color:#0e8b9a}.bottom-cta{margin:60px clamp(24px,6vw,86px) 64px;padding:30px 33px;border:1px solid #d2e8e5;border-radius:15px;background:#f1f9f8;display:flex;justify-content:space-between;align-items:center;gap:22px}.bottom-cta strong{font-size:20px;color:var(--navy)}.bottom-cta p{color:var(--muted);margin:5px 0 0;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 20px;min-height:46px;font-weight:750;font-size:14px;line-height:1.4;gap:8px}.button-primary{background:#126f7d;color:white}.button-primary:hover{background:#0e5863;text-decoration:none}.button-outline{border:1px solid #b9d6d9;color:#1a7180;background:#fff}.button-outline:hover{background:#eff9fa;text-decoration:none}.article-layout{max-width:1430px;display:grid;grid-template-columns:minmax(0,850px) 190px;justify-content:space-between;gap:44px;padding:40px clamp(24px,5vw,74px) 85px;margin:auto}.article{min-width:0}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#4f6572;font-size:13px;line-height:1.5;margin-bottom:34px}.breadcrumbs a{color:#527a88}.article-top{padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:36px}.article-top .kicker{margin-bottom:12px}.article-top h1{font-size:clamp(32px,3.4vw,45px);line-height:1.17;margin-bottom:19px}.article-lead{font-size:20px;line-height:1.72;color:#566e7e;max-width:780px}.article-details{display:flex;flex-wrap:wrap;gap:10px 19px;color:#4d6470;font-size:13px;line-height:1.5}.content-section{margin-bottom:42px;scroll-margin-top:26px}.content-section h2,.advice h2,.issues h2,.related h2{font-size:25px;margin-bottom:18px}.content-section>p{color:#4c6372}.section-intro{margin-top:-5px}.steps{padding:0;list-style:none;counter-reset:steps;margin:23px 0 25px}.steps li{display:flex;align-items:flex-start;gap:18px;margin-bottom:10px;scroll-margin-top:28px}.step-num{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#e7f4f3;color:#136c7a;font-weight:800;font-size:15px;margin-top:8px}.steps li>div{flex:1;border-bottom:1px solid #edf2f2;padding:9px 0 17px;min-width:0}.steps p{margin:0;color:#364c59;font-size:17px;line-height:1.85}.advice,.issues,.verification-note{background:#f5faf9;border-left:4px solid #2b929c;border-radius:0 10px 10px 0;padding:22px 25px;margin:35px 0;scroll-margin-top:25px}.advice h2,.issues h2{font-size:21px}.advice ul,.issues ul{padding-left:22px;margin-bottom:0}.advice li,.issues li{margin-bottom:10px;color:#405e6b}.issues{background:#fff9f3;border-color:#dd9867}.verification-note{font-size:15px}.screen-figure{margin:6px 0 46px}.screen-figure img{width:100%;border-radius:12px;border:1px solid #d9e5e7;box-shadow:0 12px 35px #1937470f}.screen-figure figcaption{font-size:12px;line-height:1.6;color:#4c6471;margin-top:9px}.related{border-top:1px solid var(--line);padding-top:30px;margin-top:48px;scroll-margin-top:25px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid a{display:flex;justify-content:space-between;gap:10px;padding:15px 17px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:650;line-height:1.5}.related-grid a:hover{background:#f5faf9;text-decoration:none}.page-switch{display:flex;justify-content:space-between;gap:15px;margin-top:45px}.page-switch a{flex:1;max-width:50%;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:18px;color:var(--navy);line-height:1.4}.page-switch .right{text-align:right}.page-switch small{font-size:12px;color:var(--muted);margin-bottom:5px}.page-switch strong{font-size:14px}.article-last{margin-top:40px;font-size:12px;line-height:1.65;color:#526774}.on-this-page{position:sticky;top:40px;align-self:start}.on-this-page-inner{display:grid;gap:10px;border-left:1px solid #e3ebed;padding-left:18px}.on-this-page p{font-size:11px;letter-spacing:.11em;font-weight:850;color:#4a626f;margin-bottom:8px}.on-this-page a{color:#49616f;font-size:13px;line-height:1.4}.on-this-page a:hover{color:#147a8a}.search-modal-backdrop{position:fixed;inset:0;z-index:1003;background:#0d283e99;padding:9vh 20px 20px;display:flex;justify-content:center;align-items:flex-start}.search-modal-backdrop[hidden],.overlay[hidden]{display:none!important}.search-dialog{width:min(680px,100%);max-height:80vh;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 30px 90px #071c3152;padding:24px}.dialog-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.dialog-top h2{font-size:22px;margin:0}.close-search{border:0;background:#f1f6f6;color:#345b67;width:40px;height:40px;border-radius:9px;font-size:26px}.search-dialog input{width:100%;margin:20px 0 12px;border:1px solid #bdd3d8;border-radius:11px;min-height:54px;padding:0 17px;font-size:17px;background:#fcfefe;color:var(--ink)}.search-results{overflow:auto;flex:1;min-height:90px;max-height:55vh}.search-results a{display:flex;flex-direction:column;gap:2px;padding:13px 12px;border-bottom:1px solid #edf1f1;color:var(--ink);border-radius:7px}.search-results a:hover,.search-results a:focus{background:#eef8f7;text-decoration:none}.search-results small{color:#63848b}.search-results strong{font-size:15px}.search-results span{font-size:13px;color:#4e6572}.search-tip{font-size:12px;color:#4e6572;margin:13px 0 0}.empty-search{padding:18px;color:#66808c;font-size:14px}@media(max-width:1220px){.article-layout{grid-template-columns:minmax(0,1fr)}.on-this-page{display:none}.sidebar{width:265px}.home-section{padding-left:40px;padding-right:40px}.home-hero{padding-left:40px;padding-right:40px}.bottom-cta{margin-left:40px;margin-right:40px}}@media(max-width:940px){.sidebar{width:245px;padding:18px 10px}.nav-category{font-size:13px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.home-section{padding-left:28px;padding-right:28px}.home-hero{padding:48px 28px}.bottom-cta{margin:45px 28px}}@media(max-width:740px){body{font-size:16px}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);z-index:999;transform:translateX(-105%);transition:transform .22s ease;box-shadow:10px 0 35px #16334b17}.sidebar.is-open{transform:translateX(0)}.overlay{position:fixed;inset:0;background:#081d304d;z-index:998}.mobile-header{display:flex;position:sticky;top:0;z-index:900;background:#fffefefa;backdrop-filter:blur(12px);height:69px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 18px}.menu-toggle,.mobile-search{border:0;background:transparent;color:#24495a;font-size:24px;width:42px;height:42px;border-radius:8px}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#5c7888}.mobile-brand img{width:99px}.home-hero{padding:43px 22px 48px}.home-hero h1{font-size:37px}.home-hero>p{font-size:17px}.hero-meta{font-size:12px}.home-section{padding:42px 20px 0}.role-grid{gap:11px}.role-card{padding:19px 16px;min-height:139px}.role-card strong{font-size:15px}.bottom-cta{margin:45px 20px;flex-direction:column;align-items:stretch;padding:25px}.article-layout{padding:29px 21px 60px}.breadcrumbs{margin-bottom:25px}.article-top h1{font-size:32px}.article-lead{font-size:18px}.steps p{font-size:16px}.content-section h2{font-size:23px}.related-grid{grid-template-columns:1fr}.page-switch strong{font-size:12px}.site-footer{padding:24px}.search-dialog{padding:18px}.screen-figure img{border-radius:7px}}@media(max-width:400px){.role-grid{grid-template-columns:1fr}.role-card{min-height:90px}.home-hero h1{font-size:32px}.hero-search .search-trigger{font-size:14px}.search-trigger kbd{display:none}.steps li{gap:13px}.article-details{font-size:12px}.topic-block{padding:18px}.article-layout{padding:25px 17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reader-toggle{display:block;width:100%;text-align:left;border:1px solid #d6e5e7;color:#336677;border-radius:10px;background:#fff;font-weight:700;font-size:13px;padding:10px 14px;margin:0 0 12px;min-height:45px}.reader-toggle:hover{background:#eaf7f5}.large-text .article{font-size:20px}.large-text .article .steps p{font-size:20px}.large-text .article .advice li,.large-text .article .issues li{font-size:19px}.large-text .article .content-section>p,.large-text .article .example>p{font-size:20px;line-height:1.85}.large-text .article .breadcrumbs{font-size:15px}.large-text .article .related-grid a{font-size:16px}.large-text .article .article-details{font-size:15px}.example{border:1px solid #cfe6e1;background:#f4fbf8;border-radius:12px;padding:25px 27px;margin:12px 0 40px;scroll-margin-top:25px}.example .kicker{margin-bottom:9px}.example h2{font-size:23px}.example>p:not(.kicker){margin-bottom:0;color:#3d5864;line-height:1.85}.example .example-foot{font-size:13px;color:#4e6572;margin-top:14px!important}@media print{.sidebar,.mobile-header,.on-this-page,.site-footer,.page-switch,.search-modal-backdrop,.button,.reader-toggle,.overlay{display:none!important}.article-layout{display:block;padding:0;max-width:none}.article{max-width:100%}.content-section,.example,.advice,.issues,.screen-figure{break-inside:avoid}a{color:#205a66;text-decoration:underline}.article-top h1{font-size:28pt}body{font-size:13pt}}

/* Role-based self-paced learning */
.nav-learning{display:block;margin:3px 7px 13px;padding:11px 12px;border-radius:10px;background:#e5f3f2;color:#165e68;font-size:13px;line-height:1.4;font-weight:800}
.nav-learning:hover{background:#d8eeeb;text-decoration:none}
.learning-hero{padding:55px clamp(24px,6vw,80px) 42px;background:linear-gradient(130deg,#f2f9f8,#fff);border-bottom:1px solid #e1eeee}
.learning-hero h1{max-width:800px;margin:0 0 22px;line-height:1.15}
.learning-hero>p{font-size:19px;color:#526773;line-height:1.7;max-width:730px}
.learning-hero .breadcrumbs{margin-bottom:35px}
.learn-safety{max-width:780px;background:#fff;border:1px solid #d6e7e4;padding:19px 24px;border-radius:12px;margin-top:22px}
.learn-safety strong{font-size:16px;color:#1a4d59}
.learn-safety p{font-size:15px;line-height:1.7;color:#45616c;margin:6px 0 0}
.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.track-card{display:flex;flex-direction:column;gap:11px;min-height:230px;padding:24px 26px;color:#2b4450;border:1px solid #dce8e8;border-radius:13px;background:#fff;box-shadow:0 2px 10px #0d2f4108}
.track-card strong{font-size:19px;line-height:1.35;color:#17334d}
.track-card>span:not(.card-eyebrow):not(.card-arrow):not(.track-meta){font-size:15px;color:#4d6470;line-height:1.6}
.track-meta{font-size:13px;color:#426474;font-weight:750;margin-top:auto}
.track-card .card-arrow{margin-top:2px}
.track-card:hover{text-decoration:none;background:#fcffff;border-color:#9bbec0;box-shadow:0 8px 22px #17334d10}
.learning-path{max-width:970px;padding:43px clamp(24px,6vw,78px) 80px;margin:0 auto}
.learning-path>h1{font-size:clamp(30px,4vw,45px);margin:15px 0}
.learning-path .breadcrumbs{margin-bottom:36px}
.learning-path>.article-lead{font-size:19px;max-width:800px}
.learning-path .article-details{margin:15px 0 32px}
.learning-situation{padding:25px 28px;background:#f4faf8;border:1px solid #d9eae5;border-radius:12px;margin:27px 0 26px}
.learning-situation h2{font-size:23px;margin-bottom:10px}
.learning-situation h3{font-size:17px;margin-top:19px;margin-bottom:6px}
.learning-situation p{font-size:16px;line-height:1.8;color:#405967;margin-bottom:8px}
.learning-progress{padding:20px 24px;border-radius:12px;border:1px solid #d6e5e7;background:#fff}
.progress-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:15px;flex-wrap:wrap;margin-bottom:12px}
.progress-heading strong{color:#213f4a}
.progress-heading span{color:#49616e}
.learning-progress progress{width:100%;height:15px;border-radius:9px;display:block;overflow:hidden;accent-color:#167789}
.learning-progress progress::-webkit-progress-bar{background:#e3eeee;border-radius:9px}
.learning-progress progress::-webkit-progress-value{background:#167789;border-radius:9px}
.learning-progress progress::-moz-progress-bar{background:#167789;border-radius:9px}
.learning-progress>p{font-size:13px;color:#506774;line-height:1.7;margin:13px 0 0}
.lessons-heading{font-size:25px;margin:45px 0 18px}
.lessons-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lesson{border:1px solid #dce8e8;border-radius:12px;background:#fff;scroll-margin-top:80px}
.lesson-bar{display:flex;gap:18px;padding:22px 25px}
.lesson-number{flex:0 0 40px;height:40px;border:1px solid #c5e4e1;background:#eaf7f4;color:#165c67;border-radius:10px;display:grid;place-items:center;font-weight:800}
.lesson-main{flex:1;min-width:0}
.lesson-title{font-size:20px;font-weight:780;line-height:1.35;color:#1b3647}
.lesson-objective,.lesson-check{font-size:15px;line-height:1.68;color:#435f6b;margin:11px 0}
.lesson-check{margin-bottom:17px}
.lesson-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.lesson-actions .button{white-space:normal;text-align:center}
.lesson-done{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:720;color:#365765;min-height:44px}
.lesson-done input{height:22px;width:22px;accent-color:#147786;cursor:pointer}
.lesson:has(input:checked){background:#f5fbf9;border-color:#93c5bf}
.lesson:has(input:checked) .lesson-number{background:#dbeee8}
.learning-finish{margin-top:37px;border-top:1px solid #d9e9e8;padding-top:30px}
.learning-finish h2{font-size:24px}
.learning-finish p{line-height:1.8;color:#4b6671}
@media(max-width:940px){.learning-path{padding-left:30px;padding-right:30px}.learning-hero{padding-left:30px;padding-right:30px}}
@media(max-width:740px){.learning-hero{padding:37px 22px}.learning-hero h1{font-size:33px}.learning-hero>p{font-size:17px}.track-grid{grid-template-columns:1fr}.track-card{min-height:170px;padding:20px}.learning-path{padding:32px 20px 65px}.lesson-bar{padding:18px 16px;gap:12px}.lesson-number{flex-basis:36px;height:36px}.lesson-title{font-size:18px}.lesson-actions .button{width:100%}.learning-situation,.learning-progress{padding:19px 18px}}
@media print{.nav-learning,.lesson-done{display:none!important}.lesson{break-inside:avoid}.learning-hero,.learning-situation,.learning-progress{border:1px solid #bfc!important;background:white!important}.lesson-actions .button{display:none!important}}
