html:has([data-access-screen]),html:has([data-access-preview]),body:has([data-access-screen]),body:has([data-access-preview]),#root:has([data-access-screen]){height:auto;min-height:100%;overflow:auto}.access-visual-layout{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(0,1.15fr);min-height:100dvh;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px;gap:12px}.access-form-panel{display:flex;flex-direction:column;min-width:0}.access-visual-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px}.access-visual-brand>:first-child{font-size:25px;font-weight:650;letter-spacing:-.04em}.access-visual-brand>:last-child{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.access-visual-form{width:100%;max-width:420px;margin:auto;padding:56px 24px}.access-visual-form h1,.access-visual-form h2{font-size:28px;line-height:1.2;letter-spacing:-.035em}.access-visual-form form{margin-top:28px}.access-visual-form input:not([type=checkbox]):not([type=file]){min-height:46px}.access-visual-footer{max-width:420px;width:100%;margin:0 auto;padding:16px 24px 24px;font-size:11px;line-height:1.7;color:var(--md-sys-color-on-surface-variant)}.access-compact-steps{display:flex;gap:16px;margin:0 0 28px;padding:0 0 20px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.access-compact-steps li{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.access-compact-steps li>:first-child{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--md-sys-color-outline-variant);border-radius:50%}.access-compact-steps li[aria-current]{color:var(--md-sys-color-primary);font-weight:600}.access-compact-steps li[aria-current]>:first-child{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.shipment-showcase{--voyage-paper: #e5f2ee;--voyage-muted: #afccc6;--voyage-accent: #c7ead6;--voyage-line: #47706d;position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - 24px);background:#073c40;color:var(--voyage-paper);border-radius:16px;overflow:hidden}.shipment-showcase-heading{padding:clamp(32px,4vw,64px) 40px 16px}.shipment-showcase-heading h2,.harbour-heading h2{font-size:clamp(32px,3.1vw,48px);line-height:1.12;font-weight:500;letter-spacing:-.035em}.shipment-showcase-heading p{margin-top:18px;font-size:14px;line-height:1.7;color:var(--voyage-muted)}.shipment-map{position:relative;width:100%;aspect-ratio:2;margin:auto 0}.shipment-map-drawing{display:block;width:100%;height:100%;overflow:hidden}.shipment-graticule{color:var(--voyage-line);opacity:.4}.shipment-land{opacity:.1}.shipment-route{color:#91b4ac;opacity:1}.shipment-route:not(.is-selected) polyline{opacity:.5}.shipment-route.is-selected{color:#dbecb5;opacity:1}.shipment-port-label{fill:var(--voyage-paper);font-size:11px;font-weight:500;paint-order:stroke;stroke:#073c40;stroke-width:3px;stroke-linejoin:round}.shipment-ocean-label{fill:var(--voyage-muted);font-size:8px;letter-spacing:2px}.shipment-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#154f52;color:#c5e3db;border:1px solid #759b92;cursor:pointer}.shipment-marker.is-selected{background:#d9edba;color:#133c35;border-color:#e5f2d2}.shipment-marker:hover{background:#e5f2d2;color:#133c35}.shipment-marker:focus-visible,.shipment-showcase button:focus-visible,.shipment-showcase input:focus-visible,.shipment-attribution:focus-visible{outline:2px solid #e5f2d2;outline-offset:4px}.shipment-details{margin:16px 32px 0}.shipment-route-choices{display:flex;flex-wrap:wrap;column-gap:18px;border-bottom:1px solid var(--voyage-line)}.shipment-route-choices button{display:flex;min-height:44px;align-items:center;gap:5px;color:var(--voyage-muted);border-bottom:2px solid transparent;font-size:11px;cursor:pointer}.shipment-route-choices button[aria-pressed=true]{color:var(--voyage-paper);border-color:var(--voyage-accent)}.shipment-route-choices button:hover{color:#fff}.shipment-manifest{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.shipment-reference{color:var(--voyage-muted);font-family:var(--font-mono);font-size:10px}.shipment-manifest h3{margin-top:4px;font-size:18px;font-weight:500}.shipment-stage{display:flex;align-items:center;gap:7px;color:var(--voyage-accent);font-size:12px}.shipment-stage>span{height:5px;width:5px;border-radius:50%;background:currentColor}.shipment-milestones{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid var(--voyage-line)}.shipment-milestones li{display:flex;align-items:center;gap:6px;color:var(--voyage-muted);font-size:11px}.shipment-milestones li>span{display:grid;place-items:center;border:1px solid var(--voyage-line);width:19px;height:19px;border-radius:50%;font-size:10px}.shipment-milestones .is-reached{color:var(--voyage-accent)}.shipment-milestones .is-reached>span{border-color:var(--voyage-accent)}.shipment-playback{display:flex;gap:12px;align-items:center;margin-top:12px}.shipment-play-button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--voyage-line);border-radius:50%;cursor:pointer}.shipment-play-button:disabled{opacity:.5;cursor:default}.shipment-scrubber{flex:1;display:flex;min-height:44px;align-items:center}.shipment-scrubber input{width:100%;accent-color:var(--voyage-accent);cursor:pointer}.shipment-playback-label{font-size:10px;color:var(--voyage-muted)}.shipment-disclosure{margin-top:14px;font-size:10px;line-height:1.6;color:var(--voyage-muted)}.shipment-attribution{align-self:flex-end;padding:12px 32px 20px;color:var(--voyage-muted);font-size:9px;text-underline-offset:3px}.shipment-attribution:hover{text-decoration:underline}.harbour-showcase{position:sticky;top:12px;align-self:start;height:calc(100dvh - 24px);min-height:740px;border-radius:16px;overflow:hidden;background:#073c40;color:#edf5ed}.harbour-showcase>img{width:100%;height:100%;object-fit:cover;object-position:center top}.harbour-heading{position:absolute;top:48px;left:40px;right:32px}.harbour-heading p{margin-top:18px;font-size:14px;line-height:1.7;color:#cde0da}.harbour-caption{position:absolute;bottom:24px;left:32px;font-size:12px;padding:6px 12px;background:#073c40;border-radius:6px}@media(max-width:1000px){.access-visual-layout{grid-template-columns:minmax(340px,.85fr) minmax(0,1fr)}.access-visual-brand{padding:16px}.shipment-showcase-heading,.harbour-heading{padding-left:24px;padding-right:24px}.harbour-heading{left:0}.shipment-details{margin-left:20px;margin-right:20px}.shipment-playback-label{display:none}.shipment-manifest h3{font-size:16px}}@media(max-width:760px){.access-visual-layout{display:flex;flex-direction:column;padding:0;gap:0}.access-visual-brand{padding:24px}.access-visual-form{padding-top:32px;padding-bottom:32px}.access-visual-footer{padding-bottom:32px}.shipment-showcase,.harbour-showcase{position:relative;top:auto;width:calc(100% - 24px);margin:0 12px 12px;min-height:0}.shipment-showcase-heading{padding-top:32px}.shipment-map{margin-top:20px}.shipment-marker{width:36px;height:36px}.shipment-port-label,.shipment-ocean-label{display:none}.shipment-milestones{gap:5px}.shipment-milestones li{font-size:10px}.harbour-showcase{height:650px}.harbour-heading{top:24px}}.access-production .access-visual-form{max-width:460px}.access-production .access-visual-form form{margin-top:0;gap:20px}.access-production .access-visual-form h1{margin-bottom:12px}.access-production .access-visual-form h1:focus{outline:none}.access-production .access-visual-form :is(button,select){min-height:44px}.access-production .access-visual-form :is(input,select){caret-color:var(--md-sys-color-primary)}.access-production .access-visual-form>div>aside h2{font-size:12px}