:root{--navy:#0d2637;--yellow:#f5c540;--ink:#142c3a;--muted:#61717b;--line:#dce2e5;--paper:#f3f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bf8a00;outline-offset:4px}.draft{padding:8px 5%;text-align:center;background:var(--paper);color:#566773;font-size:13px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;line-height:1.2;font-size:14px;letter-spacing:1px}.brand b{font-size:15px}.brandmark{background:var(--navy);color:var(--yellow);padding:10px;font-size:22px;font-weight:800;letter-spacing:-1px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:bold}.list-button{border:1px solid var(--navy);background:white;padding:11px 17px}.list-button span{background:var(--yellow);margin-left:8px;padding:3px 7px;color:var(--navy)}.hero{background:var(--navy);color:white;padding:68px 5%;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;min-height:540px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700}.hero .eyebrow{color:var(--yellow)}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.03;letter-spacing:-2.5px;margin:25px 0}h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{max-width:475px;color:#c5d1d9;font-size:17px;margin-bottom:28px}.primary{display:inline-block;background:var(--yellow);color:var(--navy);border:0;padding:14px 23px;font-weight:bold;font-size:15px}.primary:hover{background:#ffda69}.hero-index{border-top:1px solid #536370;border-bottom:1px solid #536370;align-self:center}.index-top{display:flex;justify-content:space-between;padding:18px 0;font-size:12px;letter-spacing:1.5px;color:#b5c5d0}.hero-index>a{display:flex;gap:20px;align-items:center;padding:24px 0;border-top:1px solid #3f5362}.hero-index>a:hover b{color:var(--yellow)}.hero-index>a>span{font-size:14px;color:var(--yellow)}.hero-index b{font-size:22px;letter-spacing:-.5px}.hero-index p{font-size:14px;color:#b5c5d0;margin:4px 0 0}.hero-index i{margin-left:auto;writing-mode:vertical-rl;font-size:10px;font-style:normal;letter-spacing:2px;color:#8ba0af}.index-bottom{padding:22px 0;font-size:12px;letter-spacing:1px;color:#d6dfe5}.index-bottom small{color:#91a5b4;letter-spacing:0}.catalogue{padding:65px 5% 75px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:36px;line-height:1.15;letter-spacing:-1.3px;margin:12px 0 0}.section-head>p{font-size:15px;color:var(--muted);margin:0}.controls{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:white;color:var(--muted);border:1px solid var(--line);padding:11px 18px;font-size:14px}.tabs button.active{background:var(--navy);color:white;border-color:var(--navy)}.tabs span{margin-left:7px;color:#a6b8c4}.search{border:1px solid var(--line);display:flex;align-items:center;padding:0 12px;min-width:290px}.search input{border:0;outline:none;padding:11px 0;width:100%;font-size:14px}.search>span:last-child{font-size:25px;padding-left:10px}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .2s}.card:hover{border-color:#7c919e}.part-top{background:var(--paper);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:86px}.part-code{font-size:28px;font-weight:700;letter-spacing:-1px;color:#778d9b}.category-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid #bfcbd2;padding:4px 7px}.card-body{padding:23px;flex:1}.card h3{font-size:20px;margin:0 0 10px;line-height:1.25;letter-spacing:-.4px}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card .application{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.application b{color:var(--ink)}.card-actions{display:flex;gap:8px;padding:0 23px 23px}.card-actions button{padding:10px 13px;font-size:13px;font-weight:bold}.add{background:var(--navy);color:white;border:1px solid var(--navy);flex:1}.add:hover{background:#244a61}.details{border:1px solid var(--line);background:white}.empty{text-align:center;padding:50px}.empty button{padding:10px 20px;background:var(--navy);color:white;border:0}.guide{background:var(--paper);display:grid;grid-template-columns:1fr 1.15fr;gap:12%;padding:65px 5%}.guide>div>p{color:var(--muted);max-width:390px}.guide ol{list-style:none;margin:0;padding:0}.guide li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #cfd9de}.guide li:first-child{padding-top:0}.guide li>span{color:#7c929f;font-size:24px}.guide h3{margin:0;font-size:19px}.guide li p{font-size:15px;color:var(--muted);margin:8px 0 0}.closing{display:flex;align-items:center;justify-content:space-between;padding:55px 5%;background:var(--navy);color:white}.closing .eyebrow{color:var(--yellow)}footer{padding:40px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer p,footer small{font-size:13px;color:var(--muted)}footer small{width:100%;border-top:1px solid var(--line);padding-top:18px}dialog{border:0;width:min(730px,calc(100% - 30px));max-height:90vh;padding:30px;color:var(--ink);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#061722a8}dialog h2{font-size:30px}.modal-head{display:flex;justify-content:space-between;align-items:start}.close{background:none;border:0;font-size:30px;padding:0 5px}.muted{color:var(--muted);font-size:14px}.list-row{display:grid;grid-template-columns:1fr 85px 30px;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.list-row b{font-size:15px}.list-row small{display:block;color:var(--muted)}.qty{width:80px;padding:7px;border:1px solid var(--line)}.remove{border:0;background:none;color:#805046;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}label{font-size:14px;font-weight:600}.form-grid input,.form-grid textarea{display:block;width:100%;padding:10px;border:1px solid #bfcbd2;margin-top:6px;border-radius:0;background:white;font-size:15px}.wide{grid-column:1/-1}.notice{background:var(--paper);font-size:13px;color:var(--muted);padding:14px;margin-top:20px}.download{width:100%}.detail-meta{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line);font-size:14px}.detail-meta dt{color:var(--muted)}.detail-meta dd{margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 24px;box-shadow:0 5px 20px #0003;display:none;z-index:10;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1500px){header,footer,.hero,.catalogue,.guide,.closing{padding-left:max(5%,calc((100vw - 1350px)/2));padding-right:max(5%,calc((100vw - 1350px)/2))}}@media(max-width:900px){.hero{gap:35px;padding-top:45px}.hero-index b{font-size:18px}.grid{grid-template-columns:repeat(2,1fr)}nav{gap:20px}.guide{gap:7%}.controls{flex-wrap:wrap}.search{flex:1}}@media(max-width:620px){.draft{font-size:12px}header{padding:18px 5%;gap:10px}.brand{font-size:11px;gap:8px}.brand b{font-size:11px}.brandmark{font-size:18px;padding:8px}nav>a{display:none}.list-button{font-size:12px;padding:9px}.hero{grid-template-columns:1fr;padding:42px 5%;min-height:0}h1{font-size:45px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-index>a{padding:20px 0}.hero-index b{font-size:21px}.section-head{display:block}.section-head>p{margin-top:15px}.catalogue{padding-top:42px}.tabs{width:100%}.tabs button{padding:10px 12px;font-size:13px}.search{min-width:100%;width:100%}.result-line{gap:15px}.grid{grid-template-columns:1fr}.guide{grid-template-columns:1fr;padding:45px 5%;gap:35px}.closing{display:block;padding:40px 5%}.closing .primary{margin-top:25px}h2{font-size:30px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}dialog{padding:22px}.list-row{grid-template-columns:1fr 65px 25px;gap:8px}.qty{width:65px}.detail-meta{grid-template-columns:100px 1fr}footer{padding:30px 5%}}
:root{--ready:#1b6853}.part-top{min-height:52px;padding:12px 20px}.part-code{font-size:18px}.product-photo{display:block;background:white;border:0;width:100%;height:215px;padding:18px;overflow:hidden;border-bottom:1px solid var(--line)}.product-photo img{width:100%;height:100%;object-fit:contain}.photo-pending{height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8f9;gap:9px;padding:20px;text-align:center;border-bottom:1px solid var(--line);color:var(--muted)}.photo-pending span{font-size:10px;letter-spacing:2px}.photo-pending b{font-size:15px;font-weight:400}.photo-pending small{font-size:12px}.group-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.asset-badges{display:flex;flex-wrap:wrap;gap:5px}.asset-badges span{font-size:10px;padding:4px 7px;border:1px solid var(--line)}.asset-badges .ready{color:var(--ready);background:#eef7f3;border-color:#bfddd0}.asset-badges .pending{color:#6d7479;background:#f6f7f8}.reference-label{font-size:11px;color:var(--muted);margin-top:12px}.subcontrols{display:flex;align-items:end;gap:18px;padding:20px 0 10px;flex-wrap:wrap}.subcontrols label{font-size:12px;color:var(--muted);min-width:240px}.subcontrols select,.model-select select{display:block;margin-top:5px;border:1px solid var(--line);padding:10px;background:white;color:var(--ink);font:inherit;width:100%;max-width:100%}.mapping-download{font-size:12px;text-decoration:underline;padding:10px 0;margin-left:auto}.catalogue-stats{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:28px;font-size:13px}.pagination button{background:white;border:1px solid var(--line);padding:9px 16px;color:var(--navy)}button:disabled{opacity:.4;cursor:default}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.reference-pair figure{margin:0;min-width:0;border:1px solid var(--line);padding:12px}.reference-pair figcaption{font-size:12px;font-weight:bold;margin-bottom:12px}.image-open{display:block;padding:0;background:white;border:0;width:100%}.image-open img{width:100%;height:230px;object-fit:contain}.unavailable{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:13px;color:var(--muted);background:var(--paper);padding:20px}.source-link{font-size:12px;text-decoration:underline;overflow-wrap:anywhere;color:#215c7b}.reference-pair .source-link{display:block;margin-top:10px}.model-select{display:block;margin:20px 0 5px;font-size:13px}#detail{width:min(960px,calc(100% - 30px))}#image-view{width:min(1300px,calc(100% - 30px))}#image-view>img{width:100%;height:auto;max-height:76vh;object-fit:contain}#image-caption{margin:0 0 12px;font-size:14px}@media(max-width:620px){.subcontrols{gap:12px}.subcontrols label{width:100%;min-width:0}.mapping-download{margin-left:0}.reference-pair{grid-template-columns:1fr}.image-open img{height:270px}.pagination{gap:12px}.catalogue-stats{line-height:1.7}}
.asset-brand{padding:9px 14px;background:#0d2637;color:#f5c540;font-size:12px;font-weight:700;letter-spacing:.25px;text-align:left;border-bottom:1px solid #28495d}.visual-type{font-size:10px;padding:7px 20px;color:#61717b;border-bottom:1px solid #dce2e5;background:#f7f9fa}.reference-pair figcaption span{display:block;font-weight:400;color:#61717b;font-size:10px;margin-top:3px}.reference-pair .asset-brand{margin:0 -12px 12px}.lightbox-brand{margin:0 0 15px}.brandmark{font-size:20px;letter-spacing:-1px}

/* Approved light blue logistics design */
:root{--sky:#d9edf8;--ink:#102d50;--muted:#526b80;--line:#d4e5ef}
.draft{background:#c8dfef;color:#28445d}.brandmark{background:transparent;color:#102d50;padding:0;font-size:30px;letter-spacing:-2px}
.hero{position:relative;background:#d9edf8 url('assets/logistics-hero.png') center center/cover no-repeat;color:var(--ink);display:flex;align-items:center;min-height:530px;padding-top:60px;padding-bottom:60px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#def3fc 0%,#def3fced 22%,#def3fc99 40%,#def3fc00 62%);z-index:-1}.hero-copy{width:48%;max-width:610px}.hero .eyebrow{color:#326d98}h1{font-size:clamp(38px,4.25vw,64px);line-height:1.07}h1 em{color:#102d50}.hero-copy>p{color:#34556e;font-size:17px;max-width:410px}.primary{border-radius:6px}
.category-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#eaf7fd;padding:24px 5%}.category-directory>a{display:flex;min-height:180px;overflow:hidden;background:white;border:1px solid var(--line);border-radius:7px}.category-directory>a>div{padding:24px;flex:1}.category-directory h2{font-size:25px;margin:0}.category-directory p{font-size:14px;color:var(--muted);margin:10px 0}.category-directory span{font-size:25px}.category-directory img{width:40%;object-fit:contain;padding:10px;background:white}.category-directory>a:hover{border-color:#87b7d5}
.lower-gradient{background:linear-gradient(180deg,#d9effb 0%,#edf8fe 45%,#fff 88%)}.catalogue,.guide,.closing{background:transparent;color:var(--ink)}.closing .eyebrow{color:#326d98}.card{background:white;border-radius:7px;overflow:hidden;box-shadow:0 3px 12px #1f557005}.tabs button,.search{background:white}.tabs button.active,.add{background:#286b9e;border-color:#286b9e}.tabs button.active span{color:#e1f1fb}.tabs button,.search,.details,.add{border-radius:5px}.asset-brand{background:#e7f3fb;color:#163e63;border-color:#c7dfef}.closing{border-top:1px solid var(--line)}footer{background:white}
@media(min-width:1500px){.category-directory{padding-left:max(5%,calc((100vw - 1350px)/2));padding-right:max(5%,calc((100vw - 1350px)/2))}}
@media(max-width:900px){.hero-copy{width:55%}.category-directory h2{font-size:21px}.category-directory>a>div{padding:20px}.category-directory img{width:34%}}
@media(max-width:620px){.hero{display:block;min-height:600px;background-position:65% bottom;padding-top:36px;padding-bottom:240px}.hero:before{background:linear-gradient(180deg,#def3fc 0%,#def3fcee 38%,#def3fc55 70%,#def3fc00 100%)}.hero-copy{width:100%;max-width:100%}.hero-copy>p{max-width:360px}.hero h1{font-size:41px}.category-directory{grid-template-columns:1fr;padding:20px 5%;gap:14px}.category-directory>a{min-height:150px}.category-directory img{width:35%}.category-directory h2{font-size:22px}.brandmark{font-size:25px}}