:root{--navy:#092b3e;--deep:#071c2c;--teal:#146879;--sea:#d7ebec;--gold:#e6ad53;--paper:#f5f5ef;--ink:#20343f;--muted:#57717f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#075f7e}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button,select,input{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-200vw;top:0;background:#fff;padding:9px;z-index:50}.skip:focus{left:8px}
.site-bar{background:var(--deep);color:#fff}.bar-inner,.wrap,.hero-inner,.footer-inner{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.bar-inner{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.bar-inner .brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em}.bar-inner nav{display:flex;gap:20px;flex-wrap:wrap}.bar-inner nav a{color:#c9e1e7;text-decoration:none;font-size:14px}
.hero{background:linear-gradient(117deg,#081f30 0%,#115167 73%,#27627a 100%);color:#fff;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;right:-90px;top:-180px;width:650px;height:720px;border:1px solid #a3cfdd50;border-radius:50%;box-shadow:0 0 0 40px #8ac5d010,0 0 0 110px #8ac5d009;pointer-events:none}.hero-inner{position:relative;z-index:1;padding-top:68px;padding-bottom:66px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:850}.hero h1{max-width:780px;margin:0;font:800 clamp(40px,5.8vw,78px)/1.05 Georgia,serif;letter-spacing:-.045em}.hero h1 em{color:#c6edf0;font-weight:400}.deck{max-width:650px;color:#d4e8eb;font-size:19px;line-height:1.55;margin:22px 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn,.subtle-btn{border-radius:7px;padding:11px 18px;text-decoration:none;font-weight:750;display:inline-block}.btn.primary{background:var(--gold);color:var(--deep)}.btn.secondary{color:#fff;border:1px solid #a2c8d2}.hero-foot{margin:22px 0 0;color:#d4e7e9;font-size:12px}
.quickbar{background:#e6f0ef;border-bottom:1px solid #bfd2d5}.quickbar .wrap{display:flex;gap:18px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.quickbar a{color:#244c5d;text-decoration:none;font-weight:700;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 34px}.stat{background:#fff;border:1px solid #d3dee0;border-radius:8px;padding:16px}.stat b{display:block;color:var(--navy);font:800 32px/1.15 Georgia,serif}.stat span{font-size:12px;color:var(--muted)}h2{font:700 clamp(27px,3.4vw,41px)/1.13 Georgia,serif;letter-spacing:-.025em;color:#173e4d;margin:0 0 10px}h3{color:#16485a;font-size:18px;line-height:1.3}p{margin:0 0 12px}.section{margin:55px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;flex-wrap:wrap;margin:0 0 20px}.section-head>p{max-width:500px;color:var(--muted)}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#98622b}
.desk{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:16px;align-items:start}.panel{background:#fff;border:1px solid #d4e0e0;border-radius:9px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #e1eaeb;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.panel-head h3{margin:0 0 2px}.muted{color:#637680;font-size:13px}.status{font-weight:780;font-size:13px;color:#197278}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#bb8a4c;margin-right:5px}#shipMap{height:470px;min-height:360px;background:#dce9e8}#mapFallback{padding:12px;background:#fff4e2;color:#5b3a16}.map-caption{padding:13px 18px;font-size:12px;color:#607582}.map-caption a{margin-left:7px}.ship-panel{padding:14px 18px}.ship-panel .panel-head{padding:4px 0 18px;border-bottom:0}.ship-panel label{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;margin-bottom:6px}.ship-panel input,.ship-panel select{width:100%;border:1px solid #bed0d4;background:#fbfdfd;border-radius:5px;padding:11px 12px;margin-bottom:12px;color:#142f3c}.ship-panel h3{margin:0}.ship-card{padding:14px 0;border-top:1px solid #e5ebed}.ship-card h3{margin:0 0 4px;font-size:17px}.ship-card p{font-size:13px}.subtle-btn{border:1px solid #bdd4d7;background:#f0f7f7;color:#15576e;font-size:12px;padding:6px 10px}.empty{padding:15px;background:#f6f9f8;font-size:14px;border:1px dashed #bacfd2;border-radius:6px}.small{font-size:12px;color:#617982}.source-credit{margin-top:15px;font-size:11px;color:#59717a}.source-credit span{display:block;margin-top:3px}
.lock-section{background:#102f43;color:#e6eff1;padding:35px 0 40px}.lock-section h2{color:#fff}.lock-section p{max-width:750px}.lock-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:20px 0}.lock-pill{background:#1f4c60;border:1px solid #5a7b8b;border-radius:8px;color:#e8f2f5;padding:12px 7px;text-align:left;min-height:75px}.lock-pill strong{display:block;font-size:15px}.lock-pill span{display:block;font-size:11px;line-height:1.35;color:#b9d5dc}.lock-pill[aria-pressed="true"]{background:#edb75d;color:#1c2e3c;border-color:#edb75d}.lock-pill[aria-pressed="true"] span{color:#324f5d}.lock-note{background:#20465a;padding:17px 20px;border-left:3px solid var(--gold);font-size:14px}.tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tip{background:#fff;border:1px solid #d9e3e3;border-radius:8px;padding:23px}.tip .num{color:#b07a35;font-weight:800;font-size:12px;letter-spacing:.1em}.tip h3{margin:7px 0 7px}.tip p{color:var(--muted);font-size:14px}.notice{background:#fff8ec;border-left:4px solid var(--gold);padding:18px 20px;margin:16px 0;color:#53483b}.notice a{font-weight:700}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.resource{background:#fff;border:1px solid #d4e0e0;padding:19px;border-radius:8px}.resource h3{margin:0 0 8px}.resource p{color:#637680;font-size:14px}.faq details{border-bottom:1px solid #cad7da;padding:14px 0}.faq summary{cursor:pointer;color:#173d4d;font-weight:800}.faq details p{margin:12px 0 0}.site-footer{background:#092b3e;color:#cfe2e6;padding:28px 0;font-size:13px}.site-footer a{color:#daf3f9}.footer-inner{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media(max-width:900px){.desk{grid-template-columns:1fr}.lock-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.tips{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bar-inner,.wrap,.hero-inner,.footer-inner{padding-left:16px;padding-right:16px}.hero-inner{padding-top:44px;padding-bottom:42px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lock-rail{grid-template-columns:repeat(2,minmax(0,1fr))}#shipMap{height:350px;min-height:350px}.tips,.resource-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.deck{font-size:17px}.bar-inner{padding-top:12px;padding-bottom:12px}}

/* Duluth-matched freighter silhouette for reported AIS positions; gold dots remain lock markers. */
.welland-ship-marker{background:transparent;border:0}
.welland-ship-marker .ship-glyph{display:block;filter:drop-shadow(0 2px 3px rgba(18,52,64,.38))}
.welland-ship-marker svg{display:block;width:100%;height:100%;overflow:visible}
.welland-ship-marker .ship-hull{fill:#146c86;stroke:#fff;stroke-width:2.3;stroke-linejoin:round}
.welland-ship-marker .ship-house,.welland-ship-marker .ship-stack{fill:#f8fbfc;stroke:#fff;stroke-width:1.3}
.welland-ship-marker .ship-hatch{fill:#d8e8ec;stroke:#fff;stroke-width:1}
.welland-ship-marker .ship-window{fill:#173f50}
.welland-ship-marker .ship-waterline{stroke:#fff;stroke-width:1.6;opacity:.9}
.welland-ship-marker.is-stopped .ship-hull{fill:#8a6a42}
.welland-ship-marker.is-unknown .ship-hull{fill:#64748b}


/* Maritime Minimalist / Welland: disciplined lock dots, generous editorial details. */
.desk{grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);align-items:start;gap:16px}
.explorer-side{min-width:0;display:grid;gap:16px}
.lock-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #e1e9e9;background:#f7f9f9;color:#3f5b68}
.lock-map-toolbar__copy{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.lock-map-toolbar__tag{color:#43606d;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.13em;white-space:nowrap}
.lock-map-toolbar__hint{font-size:12px;color:#667b83}
.lock-map-toolbar__reset{flex:0 0 auto;border:1px solid #becdd2;border-radius:5px;padding:7px 12px;background:#fff;color:#174357;font-weight:750;font-size:12px}
.lock-map-toolbar__reset:hover{background:#e9f2f4}
#shipMap{height:548px;min-height:420px}
.map-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #edf1f1;padding:12px 16px;font-size:11px;line-height:1.5}
.map-caption a{margin-left:auto;white-space:nowrap}
.map-key{display:inline-flex;align-items:center;gap:6px;color:#365664;font-weight:650}
.map-key__lock{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid #d6af67;background:#173f50;border-radius:50%;font-size:11px;color:#fff;font-weight:850}
.map-key__ship{color:#146c86;font-size:18px}
.map-key__note{color:#6b7e87}
.welland-lock-pin{border:0;background:transparent;filter:none}
.lock-pin__dot{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:27px;height:27px;border-radius:50%;background:#173e51;border:1.5px solid #d9b26c;color:#fff;font:800 13px/1 system-ui,sans-serif;box-shadow:0 1px 3px rgba(14,47,61,.23);transition:background .17s,border-color .17s,box-shadow .17s}
.welland-lock-pin:hover .lock-pin__dot{background:#275b70;border-color:#f5ca7c}
.welland-lock-pin.is-active .lock-pin__dot{width:32px;height:32px;background:#e1b55e;border:2px solid #fff;color:#13394c;font-size:15px;box-shadow:0 0 0 2px #c3913e,0 0 0 5px rgba(209,162,79,.24)}
.lock-pin__group{display:flex;justify-content:center;align-items:center;width:100%;height:27px;box-sizing:border-box;padding:0 8px;border-radius:16px;background:#173e51;border:1.5px solid #d9b26c;color:#fff;font:800 12px/1 system-ui,sans-serif;box-shadow:0 1px 3px rgba(14,47,61,.23)}
.welland-lock-pin.is-flight:hover .lock-pin__group{background:#275b70}
.welland-lock-pin.is-flight.is-active .lock-pin__group{background:#dcb263;color:#14374a;border-color:#fff;box-shadow:0 0 0 2px #bc8c47}
.lock-detail-panel{padding:0;border:1px solid #d4dfe1;box-shadow:0 8px 30px rgba(17,49,62,.06);border-radius:10px}
.lock-detail__eyebrow{padding:16px 21px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7eded;color:#6f8289;font-size:10px;font-weight:850;letter-spacing:.13em}
.lock-detail__heading{display:flex;align-items:center;gap:15px;padding:23px 21px 14px}
.lock-detail__medallion{display:flex;flex:0 0 55px;align-items:center;justify-content:center;width:55px;height:55px;border:2px solid #d3b06d;border-radius:50%;background:#173e51;color:#fff;font:800 29px/1 Georgia,serif;box-shadow:0 0 0 5px #f4f5ef}
.lock-detail-panel.has-selection .lock-detail__medallion{background:#deb563;color:#193e4f;border-color:#e9cc8a}
.lock-detail__label{margin:0 0 4px;color:#a2733f;font-size:10px;font-weight:850;letter-spacing:.12em}
.lock-detail__heading h3{font:700 25px/1.16 Georgia,serif;letter-spacing:-.02em;color:#173e50;margin:0 0 5px}
.lock-detail__place{margin:0;color:#697d84;font-size:12px}
.lock-detail__description{margin:0;padding:1px 21px 18px;font-size:14px;line-height:1.65;color:#465c65}
.lock-detail__ais{margin:0 20px;padding:16px 17px;background:#f1f6f5;border:1px solid #e1eae9;border-radius:7px}
.lock-detail__ais-label{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#61767d;font-size:10px;font-weight:850;letter-spacing:.1em}
.lock-detail__ais-dot{height:7px;width:7px;border-radius:50%;background:#328579}
.lock-detail__ais strong{display:block;color:#173f51;font-size:15px;line-height:1.4}
.lock-detail__ais p{font-size:11px;color:#6c8286;line-height:1.5;margin:5px 0 0}
.lock-detail__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:17px 20px 0}
.lock-detail__next{width:100%;padding:11px 15px;border:0;border-radius:6px;background:#153f52;color:white;text-align:center;font-size:13px;font-weight:800;letter-spacing:.01em}
.lock-detail__next:hover{background:#205d71}
.lock-detail__visitor{width:100%;display:block;border:1px solid #cbdadd;text-align:center;border-radius:6px;padding:9px 12px;text-decoration:none;font-size:12px;font-weight:800}
.lock-detail__visitor[hidden]{display:none}
.lock-detail__fine{padding:13px 20px 17px;margin:0;color:#829197;font-size:10px;line-height:1.5}
.ship-panel{max-height:520px;overflow:auto}
.lock-rail{gap:8px}
.lock-pill{display:flex;align-items:center;gap:8px;min-height:67px;padding:9px 10px;border:1px solid #456678;border-radius:7px;background:#163d50;transition:background .15s,border-color .15s}
.lock-pill__number{display:flex;flex:0 0 27px;width:27px;height:27px;border-radius:50%;align-items:center;justify-content:center;border:1.5px solid #ddbd7b;color:#fff;background:#1d4b60;font:800 14px/1 system-ui,sans-serif}
.lock-pill__copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.lock-pill__copy strong{font-size:13px;color:#fff}
.lock-pill__copy>span{font-size:10px;overflow-wrap:anywhere;color:#b7ced6}
.lock-pill[aria-pressed="true"]{background:#24556a;border-color:#dfbb77}
.lock-pill[aria-pressed="true"] .lock-pill__number{background:#dfb567;color:#12394a;border-color:#dfb567}
.lock-note{background:#163e51;border-left:2px solid #d4af70;padding:15px 18px}
.lock-note strong{display:block;font-size:14px;font-weight:750}
.lock-note p{margin:4px 0 0;font-size:12px;color:#c4d5dc}
@media(max-width:900px){.desk{grid-template-columns:1fr}.explorer-side{grid-template-columns:1fr 1fr;align-items:start}.ship-panel{max-height:520px}}
@media(max-width:690px){.explorer-side{grid-template-columns:1fr}#shipMap{height:410px;min-height:350px}.ship-panel{max-height:none}.lock-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.lock-pill{min-height:50px}.lock-pill__copy>span{display:none}}
@media(max-width:420px){.lock-map-toolbar{flex-wrap:wrap}.lock-map-toolbar__hint{font-size:11px}.lock-map-toolbar__reset{margin-left:auto}.lock-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.lock-pill{justify-content:center;padding:7px 4px;gap:4px}.lock-pill__number{width:26px;flex-basis:26px}.lock-pill__copy strong{font-size:11px}.map-caption a{margin-left:0}}


/* Mobile map tap: one persistent, actionable lock preview, not a Leaflet tooltip.
   Sits outside Leaflet's panes so zoom/marker redraw cannot dismiss it. */
.ship-map-stage{position:relative}
.map-lock-preview[hidden]{display:none!important}
.map-lock-preview{position:absolute;z-index:1100;left:12px;right:12px;bottom:12px;padding:15px 46px 14px 16px;background:rgba(255,255,255,.985);border:1px solid #d5dfdf;border-left:3px solid #d7b06d;border-radius:9px;box-shadow:0 12px 30px rgba(7,34,47,.22);color:#173e50}
.map-lock-preview__eyebrow{display:block;margin-bottom:4px;color:#a17a40;font-size:10px;font-weight:850;letter-spacing:.12em}
.map-lock-preview strong{display:block;color:#173e50;font:700 18px/1.2 Georgia,serif}
.map-lock-preview p{margin:8px 0 10px;color:#415a64;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.map-lock-preview__close{position:absolute;top:8px;right:9px;width:33px;height:33px;border:1px solid #d7e1e2;background:#f5f8f8;color:#244f60;border-radius:50%;font-size:21px;line-height:1;display:grid;place-items:center}
.map-lock-preview__open{padding:0;border:0;background:transparent;color:#17617c;font-weight:800;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.map-lock-preview__open:hover{color:#0d4158}
.lock-detail-panel:focus{outline:2px solid #d2a45d;outline-offset:3px}
@media(min-width:901px){.map-lock-preview{display:none!important}}
@media(min-width:691px) and (max-width:900px){.map-lock-preview{right:auto;width:calc(100% - 32px);max-width:440px;left:16px}}
@media(max-width:420px){.map-lock-preview{left:10px;right:10px;bottom:10px;padding:12px 44px 12px 14px}.map-lock-preview strong{font-size:17px}}

/* Welland lock files — credible photography in the editorial card, never on
   the map itself. Images have explicit attribution and geographical captions. */
.lock-detail__photo{margin:0;background:#f4f7f7;border-bottom:1px solid #e2e9e9}
.lock-detail__photo-stage{position:relative;aspect-ratio:16/9;min-height:155px;overflow:hidden;background:linear-gradient(135deg,#103248,#1f5d6f)}
.lock-detail__photo-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.85) contrast(1.04)}
.lock-detail__photo-stage img[hidden]{display:none!important}
.lock-detail__photo-fallback[hidden]{display:none!important}
.lock-detail__photo-fallback{display:grid;place-items:center;height:100%;min-height:155px;padding:30px 20px;text-align:center;color:#e3eef1;font-size:13px;letter-spacing:.04em}
.lock-detail__photo-mark{position:absolute;bottom:14px;left:15px;padding:6px 9px;border:1px solid rgba(234,243,244,.46);border-radius:3px;background:rgba(9,43,62,.8);color:#e9f2f2;font-size:9px;font-weight:850;letter-spacing:.15em;pointer-events:none}
.lock-detail__photo-caption{display:grid;gap:4px;padding:9px 16px 10px;color:#365667;font-size:11px;line-height:1.4}
.lock-detail__photo-credit{font-size:10px;color:#74878e}
.lock-detail__photo-credit a{color:#426a7e;text-underline-offset:2px}
.lock-detail__photo-credit a:hover{color:#0e566e}
.lock-detail__segment{margin:0;padding:1px 21px 4px;font-size:10px;color:#9b733e;font-weight:850;letter-spacing:.1em}
.lock-detail__description{padding-bottom:13px}
.lock-detail__tip{margin:0 20px 17px;padding:13px 14px;background:#fbf9f4;border-left:2px solid #d7b06d;border-radius:0 5px 5px 0}
.lock-detail__tip-label{font-size:10px;letter-spacing:.1em;font-weight:850;color:#9e713c}
.lock-detail__tip p{margin:5px 0 0;color:#596c73;line-height:1.55;font-size:12px}
.map-lock-preview__photo{float:right;position:relative;width:94px;height:76px;margin:18px 0 7px 9px;border-radius:5px;overflow:hidden;background:#143c50}
.map-lock-preview__photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.map-lock-preview__photo img[hidden]{display:none!important}
.map-lock-preview__photo-fallback[hidden]{display:none!important}
.map-lock-preview__photo-fallback{height:100%;background:linear-gradient(135deg,#173e50,#54818b)}
.map-lock-preview__eyebrow{margin-top:3px}
.map-lock-preview p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:420px){
  .map-lock-preview__photo{width:78px;height:68px}
  .map-lock-preview p{-webkit-line-clamp:3}
  .lock-detail__photo-mark{font-size:8px}
  .lock-detail__photo-caption{padding:9px 12px}
}

/* Welland UX value v1: choice proximity, one-tap clarity and orientation.
   The numbered selector is at the map, not buried after live vessel results. */
.lock-quick-select{background:#fff;padding:11px 15px 13px;border-bottom:1px solid #dce7e7}
.lock-quick-select__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;color:#667f87;font-size:11px}
.lock-quick-select__head strong{font-size:10px;font-weight:850;letter-spacing:.12em;color:#526b74}
.lock-quick-select__head span{font-size:11px;color:#718790}
.lock-quick-select .lock-rail{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.lock-quick-select .lock-pill{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:49px;margin:0;padding:7px 10px;border:1px solid #d5e1e1;border-radius:7px;background:#f9fbfb;color:#244959;text-align:left;min-width:0}
.lock-quick-select .lock-pill:hover{border-color:#a4bbc1;background:#eff6f6}
.lock-quick-select .lock-pill__number{flex:0 0 28px;width:28px;height:28px;border:1.5px solid #c6a066;border-radius:50%;color:#fff;background:#194659;font:800 13px/1 system-ui,sans-serif}
.lock-quick-select .lock-pill__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}
.lock-quick-select .lock-pill__copy strong{font-size:12px;color:#193e50;white-space:nowrap}
.lock-quick-select .lock-pill__copy>span{display:block;font-size:10px;line-height:1.25;color:#6d828a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lock-quick-select .lock-pill[aria-pressed="true"]{background:#f7f0e4;border-color:#bc9763}
.lock-quick-select .lock-pill[aria-pressed="true"] .lock-pill__number{background:#dab16b;border-color:#dab16b;color:#193e50}
.lock-quick-select .lock-pill[aria-pressed="true"] .lock-pill__copy strong{color:#15394b}
.lock-detail__quick{margin:0;padding:0 21px 14px;font-size:15px;line-height:1.5;font-weight:750;color:#163d50}
.map-lock-preview p#mapLockPreviewText{display:block;-webkit-line-clamp:unset;overflow:visible;margin:7px 0 7px;font-size:13px;line-height:1.42;font-weight:600;color:#254b5b}
.map-lock-preview p#mapLockPreviewCaption{clear:both;margin:7px 0 10px;font-size:10px;line-height:1.35;font-weight:450;color:#6a7b82}
.map-lock-preview__open{display:block;min-height:39px;padding:8px 0;margin-top:2px;text-align:left;line-height:1.4}
.lock-section__return{display:inline-block;padding:8px 0;color:#fee0a2;font-size:13px;font-weight:800}
@media(max-width:690px){
  .lock-quick-select{padding:11px 0 12px}
  .lock-quick-select__head{margin:0 14px 9px}
  .lock-quick-select .lock-rail{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 14px 6px}
  .lock-quick-select .lock-pill{scroll-snap-align:start;flex:0 0 115px;min-width:115px}
  .lock-quick-select .lock-pill__copy>span{display:block}
  .lock-detail__quick{font-size:14px}
  .map-lock-preview__photo{width:75px;height:65px}
  .map-lock-preview{max-height:78%;overflow-y:auto}
}
@media(min-width:691px) and (max-width:900px){
  .lock-quick-select .lock-rail{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
  .lock-quick-select .lock-pill{padding:7px 4px;gap:4px;flex-direction:column;justify-content:center;min-height:66px}
  .lock-quick-select .lock-pill__copy{text-align:center}
  .lock-quick-select .lock-pill__copy>span{display:block;font-size:9px}
}

/* Instant answer lives beside the choices, never below a full-height map. */
.lock-instant-answer[hidden]{display:none!important}
.lock-instant-answer{display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 0;padding:10px 12px;border:1px solid #d9e4e2;border-left:3px solid #c6a166;border-radius:7px;background:#f4f8f7;color:#1b4050}
.lock-instant-answer__image{width:85px;height:69px;overflow:hidden;border-radius:5px;background:#164559}
.lock-instant-answer__image img{display:block;width:100%;height:100%;object-fit:cover}
.lock-instant-answer__image img[hidden],.lock-instant-answer__image-fallback[hidden]{display:none!important}
.lock-instant-answer__image-fallback{width:100%;height:100%;background:linear-gradient(130deg,#113d52,#6b9a9b)}
.lock-instant-answer__copy{min-width:0}
.lock-instant-answer__copy strong{display:block;font:750 16px/1.25 Georgia,serif;color:#183d4f}
.lock-instant-answer__copy p{margin:4px 0;color:#31545f;font-size:12px;line-height:1.43}
.lock-instant-answer__caption{display:block;font-size:10px;color:#637a83;line-height:1.35}
.lock-instant-answer__more{padding:9px 11px;min-height:44px;border:1px solid #afc5c9;border-radius:5px;background:white;color:#1a5c73;white-space:nowrap;font-size:12px;font-weight:850}
.lock-instant-answer__more:hover{background:#e7f1f3}
@media(max-width:690px){
  .lock-instant-answer{margin:7px 14px 1px;grid-template-columns:64px minmax(0,1fr);gap:9px;padding:9px}
  .lock-instant-answer__image{width:64px;height:60px}
  .lock-instant-answer__copy strong{font-size:14px}
  .lock-instant-answer__copy p{font-size:12px}
  .lock-instant-answer__caption{font-size:9px}
  .lock-instant-answer__more{grid-column:2;justify-self:start;min-height:38px;padding:7px 11px}
}