/* Original photos/illustrations share consistent geometry in lists and dialogs. */
.industrial-icon{display:inline-block;vertical-align:middle;flex:none;overflow:hidden;isolation:isolate}.appearance-icon-grid button .industrial-icon{width:56px;height:42px}.appearance-icon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.appearance-icon-grid button{height:94px}.part-picture{position:relative;display:inline-grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border-radius:8px;background:#fff;overflow:hidden;margin-right:10px;vertical-align:middle}.part-picture>.industrial-icon{width:100%;height:100%;object-fit:contain}.part-picture>img{width:100%;height:100%;object-fit:contain}.part-picture.has-part-photo>.industrial-icon{display:none}.part-picture [hidden]{display:none!important}#detailGenericGraphic{display:grid;place-items:center;background:#fff;border:1px solid #e3e9e5;border-radius:10px;padding:16px;margin-bottom:12px}#detailGenericGraphic .industrial-icon{width:min(260px,100%);height:190px}#detailGenericGraphic[hidden]{display:none}.layout-part-graphics{display:flex;justify-content:center;align-items:center;gap:2px;width:100%}.layout-part-graphics>span{display:inline-flex;min-width:0}.layout-part-graphics .industrial-icon{width:44px;height:36px;max-width:100%}.layout-location-code{font-size:10px;line-height:1.35;overflow-wrap:anywhere;font-weight:700}.layout-part-names{font-size:10px;line-height:1.35;overflow-wrap:anywhere;max-width:100%}.layout-location-value:empty{display:none}.layout-location-value .stock-value-summary{font-size:10px;line-height:1.3}.layout-location-value b{font-weight:600}.layout-location-value small{font-size:9px}.rack .bin{min-width:110px;flex-basis:110px;justify-content:flex-start}.rack-section .bin{flex-basis:calc(50% - 4px);min-width:90px}.layout-part-graphics+span~.address-kind,.layout-part-graphics+span~.address-number{display:none}
#desktopTopBar[hidden],#desktopNavBar[hidden]{display:none!important}#desktopScan{display:none}
/* Desktop layout never inherits the old viewport-ratio masthead. */
html[data-device=pc] body.desktop-layout #appHeader{display:block!important;aspect-ratio:auto!important;container-type:normal!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:#278577!important;position:relative;z-index:55}body.desktop-layout #appHeader>.header-controls{display:none!important}body.desktop-layout #interfaceAccountToggle{display:none!important}body.desktop-layout #desktopTopBar{display:grid;grid-template-columns:minmax(250px,320px) minmax(200px,1fr) 390px;align-items:center;gap:30px;padding:14px 30px;min-height:126px;max-width:1920px;margin:0 auto}
body.desktop-layout #appHeader #homeLogo{display:flex!important;align-items:center!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:10px!important;overflow:visible!important;min-width:0!important}body.desktop-layout #appHeader .brand-logo{width:50px!important;height:58px!important;margin:0!important;max-width:none!important;object-fit:contain!important}body.desktop-layout #appHeader .brand-copy{width:calc(100% - 60px)!important;min-width:0!important}body.desktop-layout #appHeader .brand-copy b{display:block!important;position:relative!important;aspect-ratio:2750/940!important;line-height:0!important;width:100%!important;overflow:hidden!important}body.desktop-layout #appHeader .brand-copy img.brand-wordmark{position:absolute!important;left:0!important;top:50%!important;width:100%!important;max-width:100%!important;height:auto!important;transform:translateY(-50%)!important}body.desktop-layout #appHeader .brand-copy small{font:600 11px/1.3 system-ui!important;letter-spacing:0!important;margin:2px 0 0!important;text-align:center!important;color:white!important}
body.desktop-layout #appHeader #sitePreferences{background:transparent!important;border:0!important;margin:0!important;padding:0!important;width:min(100%,390px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:8px!important;align-items:end!important}body.desktop-layout #appHeader #sitePreferences[hidden]{display:none!important}body.desktop-layout #appHeader #sitePreferences label{font-size:12px!important;gap:5px!important;color:white!important;min-width:0!important}body.desktop-layout #appHeader #sitePreferences select,body.desktop-layout #appHeader #sitePreferences button{height:40px!important;min-height:40px!important;max-height:40px!important;padding:7px 10px!important;background:#e4f3ed!important;color:#174d40!important;border:1px solid #a9cec1!important;font-size:13px;white-space:nowrap!important}body.desktop-layout #appHeader #sitePreferences button{width:108px!important;max-width:108px!important;min-width:108px!important}
body.desktop-layout #appHeader #headerAccount{display:grid!important;grid-template-columns:90px 1fr!important;gap:8px!important;border:0!important;margin:0!important;padding:0!important;align-items:center!important}body.desktop-layout #appHeader #headerAccount[hidden]{display:none!important}body.desktop-layout #appHeader #headerAccount>small{display:none!important}body.desktop-layout #appHeader #sessionLabel{grid-column:1!important;grid-row:1!important;position:static!important;width:90px!important;min-width:0!important;max-width:90px!important;height:40px!important;min-height:40px!important;top:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;color:#fff!important;text-align:left!important}
body.desktop-layout #appHeader .header-account-actions{display:grid!important;grid-template-columns:174px 110px!important;gap:8px!important;padding:0!important;position:static!important;grid-column:2!important;grid-row:1/3!important}body.desktop-layout #appHeader .header-account-actions #accountButton,body.desktop-layout #appHeader .header-account-actions #logoutButton{position:static!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:6px 10px!important;font-size:13px;font-weight:600!important;background:#edf8f3!important;color:#174d40!important;border:1px solid #c6e3d8!important;border-radius:6px!important;line-height:1.2!important}body.desktop-layout #appHeader #accountButton{grid-column:1!important;grid-row:1!important;width:174px!important;min-width:174px!important;max-width:174px!important}body.desktop-layout #appHeader #logoutButton{grid-column:2!important;grid-row:1!important;width:110px!important;min-width:110px!important;max-width:110px!important}body.desktop-layout #appHeader #privacyPolicyButton,body.desktop-layout #appHeader #termsButton{position:static!important;top:auto!important;right:auto!important;width:auto!important;height:22px!important;min-height:22px!important;max-height:22px!important;margin:0!important;padding:0!important;font:12px/22px system-ui!important;background:transparent!important;border:0!important;color:white!important;text-decoration:underline!important;justify-self:end!important;align-self:center!important}body.desktop-layout #appHeader #privacyPolicyButton{grid-column:1!important;grid-row:2!important}body.desktop-layout #appHeader #termsButton{grid-column:2!important;grid-row:2!important}
body.desktop-layout #desktopNavBar{display:flex;align-items:center;gap:14px;padding:7px 30px;background:#f8faf9;border-bottom:1px solid #d6e0db;position:relative;z-index:50;min-height:64px}#desktopNav{display:flex;gap:6px;min-width:0;flex:1;overflow:auto}#desktopNav button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;width:126px;min-width:126px;height:48px;padding:8px 5px;color:#52635e;font-size:13px;font-weight:650}#desktopNav button[aria-current]{color:#176e60;border-bottom-color:#278577}#desktopNav svg,#desktopScan svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}#desktopPreferences .display-preferences{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;border:0;background:transparent;padding:0}#desktopPreferences .display-preferences label{display:flex;align-items:center;gap:7px;font-size:11px;min-width:0}#desktopPreferences select{width:112px;height:38px;min-height:38px;font-size:12px;padding:6px;border-color:#c7d8cf;background:#edf7f1}#desktopPreferences [data-display-pref=mode]{width:74px}#desktopPreferences .mode-help{display:none}#desktopQr{position:relative}#desktopQr>summary{cursor:pointer;border:1px solid #c9d8d0;border-radius:6px;font-size:12px;padding:9px;list-style:none}#desktopQr>div{position:absolute;right:0;top:43px;width:150px;padding:12px;background:#fff;border:1px solid #cfdfd6;border-radius:8px;box-shadow:0 8px 24px #203b3020}#desktopQr .site-qr{width:100%;color:#245c49;display:flex;flex-direction:column;align-items:center}#desktopQr .site-qr>img{width:100px;height:100px}#desktopQr .site-qr>span{font-size:10px;color:#245c49}#desktopQr .connection-signal i{width:10px;height:10px;flex:0 0 10px}
html[data-device=pc] body.desktop-layout main{margin:0 auto!important;max-width:1920px!important;padding:14px 30px 35px!important;width:100%;min-width:0}body.desktop-layout .interface-sidebar{display:none!important}body.desktop-layout .workspace-actions{display:none!important}body.desktop-layout .top{margin:8px 0 16px;align-items:center}body.desktop-layout .top .eyebrow{display:none}body.desktop-layout h1{font-size:30px;margin:5px 0}body.desktop-layout #globalSearch{display:grid;grid-template-columns:minmax(0,1fr) 170px;column-gap:12px;row-gap:4px;border:0;background:transparent;padding:0;margin:16px 0;box-shadow:none}body.desktop-layout #globalSearch>label{grid-column:1;grid-row:1;font-size:12px}body.desktop-layout #searchBox{grid-column:1;grid-row:2}body.desktop-layout #globalSearch>small{grid-column:1;grid-row:3;font-size:11px}body.desktop-layout #desktopScan{display:flex;align-items:center;justify-content:center;gap:9px;grid-column:2;grid-row:2;height:48px;width:170px;font-size:13px;background:#fff;border:1px solid #bfcec6}body.desktop-layout #searchForm input{height:48px}body.desktop-layout #searchSubmit{height:48px;width:110px}body.desktop-layout .top #excel,body.desktop-layout .top #importStockExcel{display:none}body.desktop-layout #addStore{width:160px;min-width:160px;height:46px;font-size:14px;background:#278577;color:#fff;border-color:#278577}body.desktop-layout #interfaceSync{font-size:11px;padding:0;margin:0 0 5px;height:20px}body.desktop-layout main>.notice:has(#offlineStatus){display:none}body.desktop-home #stats,body.desktop-home #interfaceFilters{display:none}body.desktop-home #categoryTabs{margin:12px 0}body.desktop-home #actionWorkspace{padding:0;border:0;background:transparent;margin:14px 0 18px}body.desktop-home #actionWorkspace .workspace-heading,body.desktop-home #actionWorkspace .workspace-shortcuts{display:none}body.desktop-home #actionWorkspace .workspace-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body.desktop-home #actionWorkspace .workspace-task{display:flex;gap:8px;align-items:center;min-height:40px;padding:9px 14px;border-radius:7px}body.desktop-home #actionWorkspace .workspace-task.critical,body.desktop-home #actionWorkspace .workspace-task.low{grid-column:span 2;min-height:48px}body.desktop-home #actionWorkspace .workspace-task strong{font-size:20px;margin:0}body.desktop-home #actionWorkspace .workspace-task small{margin-left:auto;font-size:10px}body.desktop-home #actionWorkspace .workspace-task span{font-size:12px}
body.desktop-layout #storeCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body.desktop-layout #storeCards .store-card{display:flex;flex-direction:column;text-align:center;gap:10px;padding:16px;border:1px solid #d0ded6;border-radius:10px;background:#fff;min-width:0;align-items:stretch}body.desktop-layout #storeCards .store-emblem{height:135px;width:100%;background:#fff!important;border:0;box-shadow:none;border-radius:6px}body.desktop-layout #storeCards .inventory-icon{width:100%;height:128px;padding:0;filter:none}body.desktop-layout #storeCards .store-card b{font-size:18px;color:#253c32;overflow-wrap:anywhere}body.desktop-layout #storeCards .store-card small{font-size:11px;margin:4px 0;line-height:1.4}body.desktop-layout #storeCards .store-card .stock-value-summary b{font-size:12px;font-weight:500}body.desktop-layout #storeCards .store-open-label{margin:0;margin-top:auto;display:flex;align-items:center;justify-content:center;height:40px;flex:none;background:#278577;color:white;border-radius:6px;font-size:14px;font-weight:650}body.desktop-layout #interfaceRecent{margin-top:24px}body.desktop-layout #interfaceRecent h2{font-size:18px}body.desktop-layout #rows [data-details]{display:flex;align-items:center;text-align:left}body.desktop-layout .part-picture{width:62px;height:62px;flex-basis:62px}
@media(max-width:1350px){body.desktop-layout #desktopTopBar{grid-template-columns:260px minmax(170px,1fr) 390px;gap:16px;padding:12px 20px}body.desktop-layout #desktopNavBar{padding:6px 20px;gap:8px}#desktopNav button{width:104px;min-width:104px;font-size:12px}#desktopPreferences label>span{display:none}body.desktop-layout #storeCards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){body.desktop-layout #desktopTopBar{grid-template-columns:250px minmax(0,1fr);gap:12px;min-height:0}body.desktop-layout #desktopAccount{grid-row:2;grid-column:1/-1;justify-self:end}body.desktop-layout #desktopNavBar{flex-wrap:wrap}#desktopNav{flex-basis:100%}#desktopPreferences{margin-left:auto}body.desktop-layout #storeCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.desktop-layout #desktopTopBar{grid-template-columns:1fr}body.desktop-layout #desktopAccount{grid-row:auto;max-width:100%;justify-self:start}body.desktop-layout #desktopTopBar #headerAccount{grid-template-columns:1fr!important}body.desktop-layout #desktopTopBar .header-account-actions{grid-column:1!important;grid-row:2!important}body.desktop-layout #globalSearch{grid-template-columns:minmax(0,1fr)}body.desktop-layout #desktopScan{grid-column:1;grid-row:4}body.desktop-layout #storeCards{grid-template-columns:1fr}body.desktop-home #actionWorkspace .workspace-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.part-picture{width:48px;height:48px;flex-basis:48px}html[data-device=mobile] .rack-section .bin{min-width:90px;flex-basis:calc(50% - 5px)}}
html[data-device=mobile] #storeCards .store-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:14px;min-width:0}html[data-device=mobile] #storeCards .store-emblem{width:90px;height:76px;background:white!important;border:0;box-shadow:none}html[data-device=mobile] #storeCards .store-emblem .industrial-icon{width:90px;height:74px}html[data-device=mobile] #storeCards .store-open-label{grid-column:1/-1;margin:0;font-size:13px;display:block;text-align:center;padding:10px;background:#278577;color:white;border-radius:6px}html[data-device=mobile] .appearance-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px}html[data-device=mobile] .appearance-icon-grid button{height:92px}html[data-device=mobile] .appearance-icon-grid button .industrial-icon{width:64px;height:48px}html[data-device=mobile] #rows [data-details]{display:flex;align-items:center;text-align:left}.appearance-icon-grid button[hidden]{display:none!important}.appearance-search-label{margin:12px 0}

.part-picture-copy{min-width:0;overflow-wrap:anywhere;text-align:left}.part-picture-copy>small{display:block}.machine-stock-list .part-picture{flex-shrink:0;margin-right:0}.machine-stock-list .part-picture-copy{flex:1}#interfaceRecent [data-recent-part]{display:flex;align-items:center;text-align:left}#interfaceRecent .part-picture{width:48px;height:48px;flex-basis:48px}#suggestions .part-picture{margin:0}

body.desktop-layout #storeCards .store-emblem,html[data-device=mobile] #storeCards .store-emblem{border-bottom:5px solid var(--store-color,#c5ded4)}@media(max-width:480px){html[data-device=mobile] #interfaceRecent>div{grid-template-columns:1fr}}
/* The saved storage hierarchy is opened one level at a time on every device. */
.storage-breadcrumbs[hidden]{display:none}.storage-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;list-style:none;margin:12px 0 4px;padding:0;font-size:14px}.storage-breadcrumbs li{display:flex;align-items:center;gap:10px;min-width:0}.storage-breadcrumbs li+li:before{content:'›';color:#728c80}.storage-breadcrumbs a,.storage-breadcrumbs [aria-current]{display:inline-block;padding:9px 0;overflow-wrap:anywhere;color:#236957}.storage-breadcrumbs [aria-current]{font-weight:700;color:#243e32}.storage-breadcrumbs a:focus-visible,.storage-unit-card:focus-visible{outline:3px solid #278577;outline-offset:4px;border-radius:6px}
#storePage.storage-browse{display:block!important}#storePage.storage-browse>aside{display:none}#storePage.storage-browse #layoutCard{margin-top:12px}#map.storage-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:stretch}#map.storage-units .storage-missing{grid-column:1/-1;padding:12px;border:1px solid #d3ded7;border-radius:8px;background:#f3f7f4;margin:0}
.storage-unit-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:18px 16px 16px;border:1px solid #d5e1da;border-radius:12px;background:#fff;color:#243e32;text-decoration:none;text-align:center;transition:border-color .15s,box-shadow .15s}.storage-unit-card:hover{border-color:#278577;box-shadow:0 3px 12px #174b3310}.storage-unit-card>.appearance-emblem{display:flex;align-items:center;justify-content:center;width:100%;height:142px;background:white!important;border:0;border-bottom:5px solid var(--store-color,#c5ded4);border-radius:8px;box-shadow:none;margin-bottom:8px}.storage-unit-card>.appearance-emblem .inventory-icon{width:170px;height:130px;max-width:100%;padding:0;object-fit:contain;filter:none}.storage-unit-name{font-size:18px;font-weight:700;overflow-wrap:anywhere;line-height:1.4}.storage-unit-kind{font-size:12px;color:#526c5e}.storage-open-label{display:flex;align-items:center;justify-content:center;flex:none;width:150px;height:40px;margin-top:12px;border-radius:7px;background:#278577;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.storage-unit-card .storage-open-label{margin-top:auto;align-self:center}#newDisplay{width:180px;min-width:180px;max-width:180px;height:42px}
#map.storage-unit-detail{display:block;min-width:0}#map.storage-unit-detail>.rack{width:100%;max-width:none;margin:0;box-sizing:border-box}#map.storage-unit-detail .shelf{flex-wrap:wrap}#map.storage-unit-detail>.rack>.unit-heading{display:none}#stats:empty{display:none}
html[data-device=mobile] #map.storage-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-device=mobile] .storage-unit-card{padding:12px 10px;gap:6px}html[data-device=mobile] .storage-unit-card>.appearance-emblem{height:106px}html[data-device=mobile] .storage-unit-card>.appearance-emblem .inventory-icon{width:120px;height:94px}html[data-device=mobile] .storage-unit-name{font-size:15px}html[data-device=mobile] .storage-unit-kind{font-size:11px}html[data-device=mobile] .storage-open-label{width:110px;height:40px;font-size:13px}html[data-device=mobile] .storage-breadcrumbs ol{font-size:12px;gap:2px 7px}html[data-device=mobile] .storage-breadcrumbs li{gap:7px}html[data-device=mobile] #map.storage-unit-detail .rack-sections{grid-template-columns:1fr}
@media(max-width:360px){html[data-device=mobile] #map.storage-units{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.storage-unit-card{transition:none}}

/* Fixed, legible preference controls and a larger matching QR control. */
body.desktop-layout #desktopNavBar{flex-wrap:wrap;align-items:center;row-gap:8px}body.desktop-layout #desktopNav{flex:1 1 620px}body.desktop-layout #desktopPreferences{flex:none;margin-left:auto}body.desktop-layout #desktopPreferences .display-preferences{gap:8px;flex-wrap:nowrap}body.desktop-layout #desktopPreferences .display-preferences label{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:3px;flex:none;width:136px;height:58px;padding:5px 8px;border:1px solid #237a6d;border-radius:8px;background:#278577;color:white;box-sizing:border-box}body.desktop-layout #desktopPreferences .display-preferences label:has([data-display-pref=mode]){width:116px}body.desktop-layout #desktopPreferences .display-preferences label>span{display:block!important;flex:none;white-space:nowrap;overflow:hidden;word-break:normal;overflow-wrap:normal;font-size:11px;font-weight:650;line-height:14px;color:white}body.desktop-layout #desktopPreferences select{width:100%;min-width:0;height:29px;min-height:29px;max-height:29px;padding:3px 6px;font-size:12px;line-height:1.2;color:#174d40;border:1px solid #bddfd1;background:#edf8f3;border-radius:5px}body.desktop-layout #desktopQr{flex:none}body.desktop-layout #desktopQr>summary{display:flex;align-items:center;justify-content:center;gap:10px;width:92px;height:58px;box-sizing:border-box;padding:8px;border:1px solid #237a6d;border-radius:8px;background:#278577;color:white;font-size:15px;font-weight:650;list-style:none}body.desktop-layout #desktopQr>summary::-webkit-details-marker{display:none}#desktopQr>summary svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body.desktop-layout #desktopQr>summary:hover,body.desktop-layout #desktopQr[open]>summary{background:#206f63}#desktopQr>summary:focus-visible{outline:3px solid #174d40;outline-offset:3px}body.desktop-layout #desktopQr>div{top:66px;width:224px;padding:18px;border:1px solid #9ac8b9;border-radius:12px;box-shadow:0 8px 28px #143f3426}body.desktop-layout #desktopQr .site-qr>img{width:184px;height:184px;max-width:100%;background:white}body.desktop-layout #desktopQr .site-qr>span{font-size:12px;text-align:center;margin-top:8px}body.desktop-layout #desktopQr .connection-signal{margin-top:10px}
@media(max-width:600px){body.desktop-layout #desktopPreferences .display-preferences label{width:120px}body.desktop-layout #desktopPreferences .display-preferences label:has([data-display-pref=mode]){width:100px}body.desktop-layout #desktopQr>summary{width:72px}body.desktop-layout #desktopNavBar{padding-left:10px;padding-right:10px;gap:6px}}

/* A larger retained brand, with all site/account actions together in the right third. */
body.desktop-layout #desktopTopBar{grid-template-columns:minmax(0,1fr) 608px;gap:24px;min-height:188px;padding:16px 30px}
body.desktop-layout #desktopBrand{min-width:0;max-width:900px}
body.desktop-layout #appHeader #homeLogo{gap:18px!important}
body.desktop-layout #appHeader #homeLogo .brand-logo{width:112px!important;height:128px!important;flex:0 0 112px!important}
body.desktop-layout #appHeader #homeLogo .brand-copy{width:calc(100% - 130px)!important}
body.desktop-layout #appHeader #homeLogo .brand-copy b{aspect-ratio:auto!important;height:clamp(120px,10vw,180px)!important;overflow:visible!important}
body.desktop-layout #appHeader #homeLogo .brand-wordmark{position:static!important;transform:none!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important}
body.desktop-layout #appHeader #homeLogo .brand-copy small{font:650 clamp(14px,1vw,18px)/1.3 system-ui!important;text-align:left!important;margin:4px 0 0!important}
body.desktop-layout #desktopControlGroup{display:flex;align-items:flex-start;gap:12px;width:608px;max-width:100%;justify-self:end;min-width:0}
body.desktop-layout #desktopSite{flex:0 0 230px;min-width:0}
body.desktop-layout #desktopAccount{flex:0 0 366px;min-width:0;grid-row:auto;grid-column:auto;justify-self:auto}
body.desktop-layout #appHeader #sitePreferences{position:relative;width:230px!important;grid-template-columns:126px 96px!important;gap:8px!important;align-items:center!important}
body.desktop-layout #appHeader #sitePreferences label{display:block!important;position:relative!important}
body.desktop-layout #appHeader #sitePreferences label>span{position:absolute;bottom:calc(100% + 5px);left:0;white-space:nowrap;font-size:12px}
body.desktop-layout #appHeader #sitePreferences #manageSites{width:96px!important;min-width:96px!important;max-width:96px!important}
body.desktop-layout #appHeader #headerAccount{grid-template-columns:70px 288px!important;gap:8px!important;align-items:start!important}
body.desktop-layout #appHeader #sessionLabel{display:flex!important;align-items:center!important;width:70px!important;max-width:70px!important;padding:0!important;line-height:40px!important;font-size:15px!important}
body.desktop-layout #appHeader .header-account-actions{grid-row:1!important;column-gap:4px!important;row-gap:4px!important}
body.desktop-layout #appHeader #headerAccount>small{display:none!important}
body.desktop-layout #appHeader #headerAccount[hidden]{display:none!important}
body.desktop-layout #desktopControlGroup:not(:has(#sitePreferences:not([hidden]))){width:366px}

/* Individual raised navigation buttons, with large three-dimensional illustrations. */
body.desktop-layout #desktopNav{gap:10px;overflow:visible;flex:1 1 864px;flex-wrap:wrap;padding:2px 0 5px}
body.desktop-layout #desktopNav button{box-sizing:border-box;flex:0 0 134px;width:134px;min-width:134px;max-width:134px;height:66px;gap:7px;padding:7px 9px;border:1px solid #b7d1c5;border-bottom:3px solid #95b8a9;border-radius:11px;background:linear-gradient(180deg,#fff 0%,#edf5f0 100%);box-shadow:0 3px 0 #c6d9cf,0 5px 8px #173f3012;color:#244e40;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s,box-shadow .1s}
body.desktop-layout #desktopNav button>span{min-width:0;white-space:nowrap;line-height:1.15}
body.desktop-layout #desktopNav .desktop-nav-icon{width:43px;height:46px;flex:0 0 43px;fill:initial;stroke:none;stroke-width:0;overflow:visible;filter:drop-shadow(0 2px 1px #173f3020)}
body.desktop-layout #desktopNav button:hover{background:#e3f2e9;border-color:#519d83;transform:translateY(-1px);box-shadow:0 4px 0 #b4d0c1,0 6px 10px #173f301c}
body.desktop-layout #desktopNav button[aria-current]{background:#d8eee3;border-color:#278577;border-bottom-color:#176654;box-shadow:0 3px 0 #86b6a1,0 5px 9px #173f301c;color:#145c49}
body.desktop-layout #desktopNav button:active{transform:translateY(2px);box-shadow:0 1px 0 #95b8a9}
body.desktop-layout #desktopNav button:focus-visible{outline:3px solid #278577;outline-offset:4px}
@media(max-width:1350px){
 body.desktop-layout #desktopTopBar{gap:18px;padding:16px 20px}
 body.desktop-layout #appHeader #homeLogo{gap:12px!important}
 body.desktop-layout #appHeader #homeLogo .brand-logo{width:88px!important;height:104px!important;flex-basis:88px!important}
 body.desktop-layout #appHeader #homeLogo .brand-copy{width:calc(100% - 100px)!important}
 body.desktop-layout #appHeader #homeLogo .brand-copy b{height:126px!important}
}
@media(max-width:1050px){
 body.desktop-layout #desktopTopBar{grid-template-columns:minmax(0,1fr);gap:24px}
 body.desktop-layout #desktopBrand{width:min(100%,650px)}
 body.desktop-layout #desktopControlGroup{justify-self:end;grid-row:2}
}
@media(max-width:660px){
 body.desktop-layout #desktopTopBar{padding:14px 12px}
 body.desktop-layout #desktopControlGroup{width:100%;flex-wrap:wrap;gap:14px;justify-content:flex-end}
 body.desktop-layout #desktopSite{flex-basis:230px}
 body.desktop-layout #desktopTopBar #headerAccount{grid-template-columns:70px 288px!important}
 body.desktop-layout #desktopTopBar .header-account-actions{grid-column:2!important;grid-row:1!important}
 body.desktop-layout #desktopNav{justify-content:flex-start}
}
@media(max-width:390px){
 body.desktop-layout #desktopAccount{flex:1 1 0;max-width:100%}
 body.desktop-layout #desktopTopBar #headerAccount{grid-template-columns:1fr!important}
 body.desktop-layout #desktopTopBar .header-account-actions{grid-column:1!important;grid-row:2!important}
}
@media(prefers-reduced-motion:reduce){body.desktop-layout #desktopNav button{transition:none}}

/* Approved masthead, 16 October: same sea-green band, larger left badge and centred wordmark.
   Container units mirror the approved 1909px reference; the navigation below is untouched. */
@media(min-width:1101px){
 body.desktop-layout #desktopTopBar{display:block;position:relative;container-type:inline-size;width:100%;height:min(12.58vw,240px);min-height:0;max-height:240px;padding:0;gap:0}
 body.desktop-layout #desktopBrand{position:absolute;inset:0 auto 0 0;width:66%;height:100%;max-width:none;container-type:normal}
 body.desktop-layout #appHeader #homeLogo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;padding:0!important;margin:0!important;container-type:normal!important}
 body.desktop-layout #appHeader #homeLogo .brand-logo{position:absolute!important;left:1.6cqw!important;top:50%!important;transform:translateY(-50%)!important;width:10cqw!important;height:11.1cqw!important;max-width:none!important;margin:0!important;object-fit:contain!important}
 body.desktop-layout #appHeader #homeLogo .brand-copy{position:absolute!important;left:38.125cqw!important;top:50%!important;transform:translate(-50%,-50%)!important;width:35.2cqw!important;max-width:none!important;container-type:normal!important;text-align:center!important}
 body.desktop-layout #appHeader #homeLogo .brand-copy b{display:block!important;position:relative!important;width:100%!important;height:9.3cqw!important;aspect-ratio:auto!important;overflow:hidden!important}
 body.desktop-layout #appHeader #homeLogo .brand-wordmark{display:block!important;position:absolute!important;left:0!important;top:-2.699cqw!important;width:100%!important;height:auto!important;max-width:100%!important;transform:none!important;object-fit:contain!important}
 body.desktop-layout #appHeader #homeLogo .brand-copy small{display:block!important;font:650 .94cqw/1.2 Arial,Helvetica,sans-serif!important;text-align:center!important;margin:.2cqw 0 0!important;color:#fff!important}
 body.desktop-layout #desktopControlGroup{position:absolute;right:1.6cqw;top:5.1cqw;width:31.866cqw;max-width:none;display:flex;align-items:flex-start;gap:.629cqw;margin:0;padding:0}
 body.desktop-layout #desktopSite{flex:0 0 13.627cqw;min-width:0}
 body.desktop-layout #desktopAccount{flex:0 0 17.61cqw;min-width:0}
 body.desktop-layout #appHeader #sitePreferences{position:static!important;display:grid!important;width:13.627cqw!important;grid-template-columns:8.176cqw 5.032cqw!important;gap:.419cqw!important;align-items:center!important;margin:0!important;padding:0!important}
 body.desktop-layout #appHeader #sitePreferences[hidden]{display:none!important}
 body.desktop-layout #appHeader #sitePreferences label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.419cqw!important;height:2.306cqw!important;margin:0!important;padding:0!important;font:700 .681cqw Arial,Helvetica,sans-serif!important}
 body.desktop-layout #appHeader #sitePreferences label>span{display:block!important;position:static!important;flex:0 0 1.468cqw;width:1.468cqw;white-space:nowrap;overflow:hidden;font-size:.681cqw!important}
 body.desktop-layout #appHeader #sitePreferences select{width:6.289cqw!important;min-width:0!important;height:2.306cqw!important;min-height:2.306cqw!important;max-height:2.306cqw!important;margin:0!important;padding:.35cqw .42cqw!important;font:700 .681cqw Arial,Helvetica,sans-serif!important}
 body.desktop-layout #appHeader #sitePreferences #manageSites{width:5.032cqw!important;min-width:5.032cqw!important;max-width:5.032cqw!important;height:2.306cqw!important;min-height:2.306cqw!important;max-height:2.306cqw!important;margin:0!important;padding:.315cqw .42cqw!important;font-size:.681cqw}
 body.desktop-layout #appHeader #headerAccount{display:grid!important;grid-template-columns:3.669cqw 13.522cqw!important;gap:.419cqw!important;align-items:start!important;margin:0!important;padding:0!important}
 body.desktop-layout #appHeader #headerAccount[hidden]{display:none!important}
 body.desktop-layout #appHeader #sessionLabel{display:flex!important;align-items:center!important;width:3.669cqw!important;min-width:0!important;max-width:3.669cqw!important;height:2.306cqw!important;min-height:2.306cqw!important;padding:0!important;margin:0!important;line-height:2.306cqw!important;font-size:.786cqw!important;font-weight:700!important}
 body.desktop-layout #appHeader .header-account-actions{display:grid!important;grid-template-columns:8.176cqw 5.137cqw!important;grid-column:2!important;grid-row:1!important;gap:.21cqw!important;align-items:center!important;width:13.522cqw!important;margin:0!important;padding:0!important}
 body.desktop-layout #appHeader .header-account-actions #accountButton,body.desktop-layout #appHeader .header-account-actions #logoutButton{height:2.306cqw!important;min-height:2.306cqw!important;max-height:2.306cqw!important;margin:0!important;padding:.315cqw .42cqw!important;font-size:.681cqw;line-height:1.2!important}
 body.desktop-layout #appHeader #accountButton{width:8.176cqw!important;min-width:8.176cqw!important;max-width:8.176cqw!important}
 body.desktop-layout #appHeader #logoutButton{width:5.137cqw!important;min-width:5.137cqw!important;max-width:5.137cqw!important}
 body.desktop-layout #appHeader #privacyPolicyButton,body.desktop-layout #appHeader #termsButton{height:1.153cqw!important;min-height:1.153cqw!important;max-height:1.153cqw!important;margin:0!important;padding:0!important;font:.629cqw/1.153cqw Arial,Helvetica,sans-serif!important}
 body.desktop-layout #desktopControlGroup:not(:has(#sitePreferences:not([hidden]))){width:17.61cqw}
 body.desktop-layout #desktopSite:not(:has(#sitePreferences:not([hidden]))){display:none}
}