:root{color-scheme:dark;font-family:Arial,sans-serif;background:#061824;color:#f2eee2}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#061824b8,#061824ed),url('/assets/lighthouse-harbor-wide-clean.webp') center top/cover fixed}a{color:#f5d68e;text-underline-offset:4px}button,select{font:inherit}button,a,select{touch-action:manipulation}button,select{border:1px solid #687d88;border-radius:8px;background:#0c2938;color:#f5f1e6;min-height:48px;padding:12px 16px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button[aria-pressed=true]{background:#f1ce82;color:#0a1e2a;border-color:#f1ce82;font-weight:bold}:focus-visible{outline:3px solid #91e6ff;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:#061824;padding:12px;z-index:10}.skip:focus{top:10px}.training-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - 1180px)/2));background:#061824ec;border-bottom:1px solid #9d865d55}.training-brand{font:bold 28px Georgia,serif;text-decoration:none;color:#f2eee2}.training-brand small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;color:#f1ce82;margin-top:6px}.training-nav nav{display:flex;gap:20px;flex-wrap:wrap}.training-nav nav a{padding:8px 0}main{max-width:1180px;margin:auto;padding:0 24px 56px}.training-intro{padding:52px 0 28px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:bold;color:#f1ce82}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(36px,5vw,60px);margin:10px 0 20px}h2{font-size:32px;margin:8px 0}h3{font-size:25px;margin:12px 0}p,li{line-height:1.6}.training-intro>p:not(.eyebrow){font-size:18px}.role-switch{display:flex;gap:12px;margin:24px 0}.training-boundary{color:#ccdae0}.training-player{padding:24px;border:1px solid #9d865d88;border-radius:16px;background:#08202ded}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.guide-heading>p{font-size:13px;color:#cad9df}video{display:block;width:100%;aspect-ratio:16/9;max-height:76vh;object-fit:contain;background:#020d14;border-radius:10px;margin-top:20px}.video-help,.small-note{font-size:14px;color:#c3d2d8}.video-help{margin-bottom:0}#training-status{min-height:1.6em;color:#f1ce82}.training-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;margin-top:24px}.training-layout label{display:block;font-weight:bold;margin-bottom:8px}select{width:100%;max-width:100%}#step-instructions{padding-top:20px}.step-actions{display:flex;gap:12px;margin:24px 0}.tool-link{display:inline-block;padding:12px 0}.practice-check{border-left:1px solid #9d865d66;padding-left:28px}.practice-check label{display:flex;gap:12px;font-weight:normal;line-height:1.5;align-items:flex-start;padding:12px 0}.practice-check input{width:22px;height:22px;flex-shrink:0;margin:0}.training-extra{margin-top:28px}details{border-top:1px solid #9d865d66;padding:20px 0}summary{font:bold 23px Georgia,serif;cursor:pointer;min-height:44px;padding:6px 0}details li{margin:12px 0}#training-transcript article{margin:28px 0;break-inside:avoid}#training-transcript h3{font-size:23px}footer{padding:30px 24px;background:#061824;text-align:center;font-size:14px}footer a{margin:0 12px}footer p{color:#bacbd3}#print-training{min-height:44px;font-size:14px}.training-error{padding:20px;border-left:4px solid #f1ce82}
@media(max-width:700px){body{background-attachment:scroll;background-position:center top}.training-nav{align-items:flex-start;padding:16px;gap:12px;flex-direction:column}.training-nav nav{gap:18px}.training-nav nav a{font-size:14px}main{padding:0 16px 36px}.training-intro{padding-top:26px}.training-intro h1{font-size:32px}.training-intro>p:not(.eyebrow){font-size:16px}.training-intro>p.training-boundary{font-size:14px}.role-switch{flex-direction:row;gap:10px}.role-switch button{flex:1;min-width:0;padding:12px 8px;text-align:center}.training-player{padding:16px}.guide-heading{display:block}.guide-heading>p{margin-top:12px}h2{font-size:28px}video{aspect-ratio:9/16;max-height:76svh}.training-layout{display:block;margin-top:20px}.practice-check{border-left:0;border-top:1px solid #9d865d66;padding:24px 0 0;margin-top:28px}.step-actions button{flex:1;font-size:15px;padding:12px 8px}summary{font-size:21px}details ul{padding-left:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.training-nav,.training-intro,.training-player,.training-extra>details:not(:first-child),footer,summary,#print-training,#download-transcript{display:none!important}.training-extra>details:first-child{display:block;border:0}.training-extra>details:first-child>*{display:block}#training-transcript{display:block!important}#training-transcript article{break-inside:avoid}a{color:black}main{padding:0}.eyebrow{color:black}}

/* Preserve readable harbor framing within the shared Lighthouse environment. */
body[data-lh-environment="exterior"]{background-image:linear-gradient(#061824b8,#061824ed),url("/assets/lighthouse-harbor-wide-clean.webp")!important}
@media(max-width:700px){body[data-lh-environment="exterior"]{background-attachment:scroll!important}}
@media print{body[data-lh-environment="exterior"]{background:white!important;color:black}}