/* CraneQualified operator workspace. Shared by the fleet selector and crane dashboard. */
.experience{--ink:#152c37;--navy:#122a36;--muted:#576c73;--paper:#f5f5f0;--blue:#165854;--line:#d7ddd8;--gold:#f3bb55;background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.experience main{max-width:1400px;padding:0 48px}.experience-header{max-width:none;padding:18px max(4vw,24px);min-height:90px;background:#fafbf8}.experience-header .brand img{width:190px}.header-caption{font-size:10px;letter-spacing:.22em;font-weight:750;color:#596e75;margin-left:auto;margin-right:30px}.experience .eyebrow{color:#356660;font-size:10px;letter-spacing:.17em}.experience h1,.experience h2,.experience h3{font-weight:650}.experience .quick-menu summary{border-radius:4px;border-color:#cad2cd;background:transparent;font-size:13px}.experience .quick-menu__panel{z-index:50;background:#fafbf8}.experience .quick-menu summary:focus-visible{outline:3px solid #aa6900;outline-offset:4px}.experience .button{background:#f3bb55;border-color:#f3bb55;color:#162d35;border-radius:6px;font-weight:750;min-height:48px}.experience .button:hover{background:#ffcd71;border-color:#ffcd71}.experience .button.secondary{background:#fff;border-color:#c8d4d0;color:#234a4c}.experience .button.secondary:hover{background:#e9f0eb}.experience a:focus-visible,.experience button:focus-visible,.experience summary:focus-visible{outline:3px solid #ad710b;outline-offset:4px}.ui-icon{width:21px;height:21px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welcome{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:54px 0 38px}.welcome h1{font-size:clamp(52px,6.1vw,84px);line-height:.98;letter-spacing:-.055em;margin:0}.welcome h1 span{color:#4b7973}.welcome .eyebrow{margin-bottom:18px}.welcome-copy{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 5px;max-width:370px}.welcome-copy strong{font-weight:600;color:var(--ink)}.fleet{scroll-margin-top:24px}.fleet-label{display:flex;align-items:center;justify-content:space-between;padding:0 0 13px}.fleet-label h2{font-size:15px;margin:0;letter-spacing:0}.fleet-label>span{font-size:10px;letter-spacing:.13em;color:var(--muted)}.fleet-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.fleet-choice{display:flex;align-items:center;gap:17px;text-align:left;padding:18px 20px;border:1px solid #d3dcd6;border-radius:8px;background:#fcfdfb;color:#23404a;min-width:0;transition:background .18s,border-color .18s,transform .18s}.fleet-choice:hover{border-color:#719991;transform:translateY(-2px)}.fleet-choice[aria-pressed=true]{background:#dfeae3;border-color:#376c60;box-shadow:inset 0 -3px #376c60}.fleet-number{align-self:start;padding-top:3px;color:#59776d;font-size:11px}.fleet-choice small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.fleet-choice strong{display:block;font-size:25px;letter-spacing:-.035em;line-height:1.4}.fleet-choice>span>span{font-size:11px;color:#536d69}.selection-mark{margin-left:auto;font-size:22px;color:#3a6e62}.fleet-choice[aria-pressed=true] .selection-mark{color:#1d574c}
.selected-crane{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.2fr);gap:28px;background:#122a36;color:#f5f7ef;border-radius:14px;overflow:hidden;padding:36px;position:relative}.machine-intro{padding:5px 8px}.machine-intro .eyebrow{color:#b2d4c4;font-size:9px}.machine-intro h2{font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.machine-intro>p:not(.eyebrow):not(.next-lesson){color:#c2d1d4;max-width:380px;font-size:15px}.workspace-stats{display:flex;gap:28px;margin-top:25px;font-size:11px;color:#bdcfd1}.workspace-stats strong{font-size:20px;font-weight:550;margin-right:5px;color:#eef5ed}.selected-crane .progress{color:#b4c8c9;margin:20px 0 24px;font-size:11px;max-width:385px}.selected-crane .progress-track{background:#334d54}.selected-crane .progress-track i{background:#86b89d}.machine-intro>.button{width:100%;max-width:385px;justify-content:flex-start}.machine-intro>.button .ui-icon:last-child{margin-left:auto}.next-lesson{font-size:9px!important;line-height:1.5;letter-spacing:.06em;color:#a8c3c4;margin:12px 0 24px;max-width:385px}.workspace-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:385px}.workspace-shortcuts a{display:flex;align-items:center;gap:9px;justify-content:center;min-height:49px;border:1px solid #587279;border-radius:6px;color:#f0f5ec;text-decoration:none;font-size:12px;font-weight:650}.workspace-shortcuts a:hover{background:#294650}.workspace-link{display:inline-flex;min-height:44px;align-items:center;font-size:12px;color:#b5d6c7;margin-top:10px;text-decoration:none}.workspace-link:hover{text-decoration:underline}.selected-crane :is(a,button):focus-visible,.crane-heading :is(a,button):focus-visible{outline-color:#ffd588}
.blueprint{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;background-color:#18333f;background-image:linear-gradient(#92b5ae0a 1px,transparent 1px),linear-gradient(90deg,#92b5ae0a 1px,transparent 1px);background-size:28px 28px;border:1px solid #3a565d;border-radius:8px;padding:18px;overflow:hidden;position:relative}.blueprint-label,.blueprint figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.06em;color:#c1d4d4}.blueprint-label>span:last-child{color:#95b6aa;font-size:8px;letter-spacing:.12em}.blueprint>svg{display:block;width:100%;height:330px;filter:grayscale(1) invert(1);mix-blend-mode:screen;margin:12px 0}.blueprint--CK1600>svg{height:330px}.blueprint figcaption{letter-spacing:0;color:#aec3c5}.blueprint figcaption a{color:#d4e9dc;min-height:44px;display:flex;align-items:center;text-decoration:none}.blueprint figcaption a:hover{text-decoration:underline}
.method-strip{display:grid;grid-template-columns:.85fr 2fr;gap:36px;padding:60px 0 20px}.method-strip h2{font-size:30px;letter-spacing:-.035em;line-height:1.1}.method-strip ol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;margin:0;padding:0}.method-strip li{border-top:1px solid #b9c9bf;padding-top:14px}.method-strip li>span{color:#567f71;font-size:11px;letter-spacing:.1em}.method-strip h3{font-size:16px;margin:16px 0 10px}.method-strip p{font-size:13px;color:var(--muted);line-height:1.6}.experience .boundary{background:transparent;border-top:1px solid var(--line);border-left:0;padding:22px 0;margin:30px 0 0;font-size:11px;line-height:1.7;color:#586c72}.experience footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(4vw,24px);font-size:11px}.experience footer a{color:#45665c}
.dashboard-page .crane-heading{background:#122a36;border-radius:14px;padding:32px;margin:32px 0 18px;grid-template-columns:.9fr 1.2fr;gap:36px;color:#f7f8f1}.dashboard-page .crane-heading h1{font-size:clamp(40px,4.8vw,66px);line-height:1;margin:18px 0}.dashboard-page .crane-heading .eyebrow{color:#b4d5c4}.dashboard-page .crane-heading .lead{font-size:15px;color:#c4d4d8;max-width:400px}.dashboard-page .continue-card{padding:20px 0 0;border-radius:0;background:transparent;border-top:1px solid #45616a;max-width:430px}.dashboard-page .continue-card .eyebrow{font-size:9px;letter-spacing:.12em}.dashboard-page .continue-card h3{font-size:22px}.dashboard-page .continue-card p{font-size:11px;margin-bottom:12px}.dashboard-page .continue-card .progress{font-size:11px}.dashboard-page .continue-card .progress-track{background:#36515c}.dashboard-page .continue-card .button{background:#f3bb55;color:#122a36;border-color:#f3bb55;min-width:200px}.dashboard-page .quick-action{border-radius:8px;box-shadow:none;min-height:82px}.dashboard-page .quick-action--primary{background:#e5eee7;border-color:#a7bfb0}.dashboard-page .quick-action__icon{background:#e8efeb;color:#376b5e}.dashboard-page .tabs{background:var(--paper);padding-top:10px}.dashboard-page .tabs button{font-size:13px;padding:17px 20px}.dashboard-page .tabs button[aria-pressed=true]{border-color:#306c5a;color:#205543}.dashboard-page .panel .section-title h2{font-size:32px}.dashboard-page .module-row{border-radius:7px;border-color:#d6ded8;margin:10px 0;padding:20px 24px;transition:border-color .15s}.dashboard-page .module-row:hover{border-color:#8bad9a}.dashboard-page .module-number{width:42px;height:42px;background:#e7eee7;display:grid;place-items:center;border-radius:50%;font-size:14px;color:#466c5c}.dashboard-page .module-row h3{font-size:17px}.dashboard-page .module-row p{font-size:11px}.dashboard-page .panel{scroll-margin-top:80px}.dashboard-page .source{border-radius:8px}.dashboard-page .source:hover{border-color:#4c7968}.dashboard-page .task{border-radius:8px}.experience .dialog-bar{background:#122a36}
@media(min-width:1450px){.selected-crane{min-height:460px}.blueprint>svg{height:350px}}
@media(max-width:1000px){.experience main{padding:0 28px}.welcome{padding-top:40px}.welcome-copy{font-size:15px;max-width:295px}.fleet-choice{padding:15px;gap:10px}.fleet-choice strong{font-size:23px}.selected-crane{padding:25px;gap:20px;grid-template-columns:1fr 1fr}.blueprint{padding:12px}.blueprint>svg{height:290px}.method-strip{grid-template-columns:1fr;gap:18px}.method-strip h2 br{display:none}.dashboard-page .crane-heading{padding:24px;gap:24px}.header-caption{display:none}.workspace-shortcuts a{font-size:11px;gap:6px}}
@media(max-width:700px){.experience main{padding:0 18px}.experience-header{min-height:76px;padding:14px 18px;gap:14px}.experience-header .brand img{width:160px}.welcome{padding:30px 0 26px;display:block}.welcome h1{font-size:56px}.welcome-copy{font-size:14px;line-height:1.6;margin-top:22px;max-width:100%}.welcome-copy br{display:none}.welcome-copy br:after{content:' '}.welcome-copy strong{display:block}.fleet-label>span{display:none}.fleet-selector{gap:7px}.fleet-choice{padding:13px 8px;display:block;position:relative}.fleet-choice small{font-size:8px;letter-spacing:0}.fleet-choice strong{font-size:clamp(15px,4.6vw,23px);letter-spacing:-.04em}.fleet-choice>span>span{font-size:9px;display:block;line-height:1.5}.fleet-number,.selection-mark{display:none}.selected-crane{grid-template-columns:1fr;padding:22px;gap:24px;border-radius:10px}.machine-intro{padding:0}.machine-intro h2{font-size:46px}.machine-intro>.button,.workspace-shortcuts,.selected-crane .progress{max-width:none}.machine-intro>p:not(.eyebrow):not(.next-lesson){font-size:14px}.workspace-stats{margin-top:18px}.next-lesson{margin-bottom:18px}.workspace-shortcuts a{font-size:13px}.blueprint>svg{height:230px}.blueprint--CK1600>svg{height:310px}.method-strip{padding-top:38px}.method-strip ol{grid-template-columns:1fr;gap:18px}.method-strip li{display:grid;grid-template-columns:26px 1fr;gap:0 10px;padding-top:14px}.method-strip h3{margin:0 0 6px}.method-strip li p{grid-column:2;margin:0}.method-strip h2{font-size:28px}.experience footer{padding:22px 18px;font-size:10px}.dashboard-page .crane-heading{grid-template-columns:1fr;padding:24px;margin-top:22px;gap:24px}.dashboard-page .crane-heading .blueprint>svg{height:200px}.dashboard-page .crane-heading .blueprint--CK1600>svg{height:260px}.dashboard-page .quick-actions{gap:8px}.dashboard-page .quick-action{min-height:68px;padding:12px}.dashboard-page .tabs button{padding:16px 10px;font-size:12px}.dashboard-page .panel .section-title h2{font-size:27px}.dashboard-page .module-row{padding:16px;gap:14px}.dashboard-page .module-row h3{font-size:16px}.dashboard-page .module-number{width:30px;height:30px}.dashboard-page .module-row .button{min-height:44px}.header-nav .back{font-size:11px;max-width:80px}.experience .quick-menu__panel{min-width:220px}.dashboard-page .source-grid{grid-template-columns:1fr 1fr}.experience .dialog-bar{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.fleet-choice[aria-pressed=true]{border:3px solid Highlight}.blueprint>svg{filter:none;mix-blend-mode:normal;background:white}}

/* Four crane choices form one row on wide screens and two readable rows on phones. */
.fleet-selector{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.fleet-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep the three entry actions ahead of supporting progress detail. */
.workspace-shortcuts{margin-top:12px}.machine-intro>.button{margin-top:22px}.machine-intro .next-lesson{margin:20px 0 0}.machine-intro .progress{margin:14px 0}.machine-intro .workspace-stats{margin-top:14px}.welcome{padding:36px 0 30px}
@media(min-width:1050px){.welcome h1 br{display:none}.welcome h1 span:before{content:' '}.welcome h1{font-size:clamp(48px,4.5vw,67px)}.welcome-copy{font-size:14px;max-width:295px}.welcome{align-items:center}}
@media(max-width:700px){.welcome h1{font-size:44px}.welcome{padding:24px 0}.welcome-copy{margin-top:14px;font-size:12px}.welcome .eyebrow{font-size:8px;margin-bottom:12px}.machine-intro h2{font-size:38px}.machine-intro>.button{margin-top:16px}.machine-intro .next-lesson{font-size:8px!important}}
.experience-header{position:sticky;top:0;z-index:40}.dashboard-page .tabs{top:98px;z-index:3}.dashboard-page .panel{scroll-margin-top:165px}
@media(max-width:700px){.dashboard-page .tabs{top:76px}.dashboard-page .panel{scroll-margin-top:140px}}

.workspace-tools{display:flex;flex-wrap:wrap;gap:6px 14px;max-width:385px;margin-top:4px;font-size:12px}.workspace-tools a{display:inline-flex;align-items:center;min-height:36px;color:#f3d18a;text-decoration:none;font-weight:650}.workspace-tools a::before{content:"◆";font-size:8px;margin-right:6px;color:#86b89d}.workspace-tools a:hover{text-decoration:underline}
.field-tools-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}.field-tools-strip a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:10px;background:#122a36;color:#f2f6ef;text-decoration:none;min-height:44px;border:1px solid #122a36;transition:transform .18s,border-color .18s}.field-tools-strip a:hover{transform:translateY(-2px);border-color:#f3bb55}.field-tools-strip .eyebrow{color:#f3bb55;margin:0;font-size:9px}.field-tools-strip strong{font-size:17px;letter-spacing:-.02em}.field-tools-strip small{color:#b9cccc;font-size:12px;line-height:1.5}
@media (max-width:780px){.field-tools-strip{grid-template-columns:minmax(0,1fr)}}