.viewing-options{position:fixed;right:16px;bottom:16px;z-index:9999;color:#143446;background:#fff;border:1px solid #b8ccd8;border-radius:8px;box-shadow:0 3px 18px #0002;font:14px Arial,sans-serif;max-width:230px}.viewing-options summary{cursor:pointer;padding:12px 16px;font-weight:700}.viewing-options label{display:block;padding:0 16px 16px}.viewing-options select{display:block;width:100%;margin-top:8px;padding:8px;background:#fff;color:#143446;border:1px solid #b8ccd8;border-radius:4px}
html[data-theme=dark]{color-scheme:dark;--ink:#e7f0f5;--navy:#e7f0f5;--muted:#aac0cc;--paper:#101e27;--panel:#182c38;--line:#36515f;--bg:#101e27}
html[data-theme=dark] body{background:#101e27!important;color:#e7f0f5!important}
html[data-theme=dark] :is(.admin-shell,.resource-shell,.portal-shell,.signs-shell,.quick-guides,.resource-library,.studio-shell){color:#e7f0f5}
html[data-theme=dark] :is(.admin-panel,.admin-table article,.admin-preview,.resource-lock,.resource-card,.resource-hero,.quick-guide-card,.quick-topic,.topic-card,.portal-card,.portal-panel,.product-body,.product-card,.custom-help-card,.resource-section,.resource-intro,.resource-mission,.resource-capabilities,.guide-card,.signs-note,.signs-placeholder,.panel,.card,.studio-panel,.drawer-panel,.cart-drawer,.modal-panel,.config-panel,.viewing-options){background:#182c38!important;color:#e7f0f5!important;border-color:#36515f!important}
html[data-theme=dark] :is(.admin-shell,.resource-shell,.portal-shell,.signs-shell,.product-body,.quick-guides,.studio-shell) :is(h1,h2,h3,h4,p,label,small,dt,dd,strong){color:inherit}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#10212c!important;color:#e7f0f5!important;border-color:#526c7a!important}
html[data-theme=dark] :is(a,.admin-shell a){color:#82caff}
html[data-theme=dark] :is(.admin-metrics a,.admin-list button,.admin-shell .secondary,.admin-shell nav button,.resource-actions a:not(.button)){background:#233d4c;color:#d8ebf5;border-color:#526c7a}
html[data-theme=dark] .admin-metrics strong{color:#e7f0f5}
html[data-theme=dark] :is(.site-header,.site-nav,.nav-wrap,header.site-header){background:#182c38!important;color:#e7f0f5!important}
html[data-theme=dark] :is(.admin-preview img,.product-image,.signs-photo,.resource-cover){background:#f6f8f7}
html[data-theme=dark] .admin-heading>span{color:#aac0cc}
@media print{.viewing-options,.admin-shell nav,.report-actions{display:none!important}html[data-theme=dark] body{background:white!important;color:black!important}}

html[data-theme=dark] .portal-shell{background:#101e27!important;color:#e7f0f5!important}
html[data-theme=dark] :is(.portal-header,.portal-signin,.portal-detail,.portal-empty,.portal-account,.portal-admin,.portal-issue,.portal-message,.portal-list button,.controls,.live-price){background:#182c38!important;color:#e7f0f5!important;border-color:#36515f!important}
html[data-theme=dark] :is(.portal-main,.input-column,.controls,.live-price) :is(p,span,strong,small,label,h1,h2,h3,.row-heading){color:inherit}
html[data-theme=dark] :is(.site-header,.portal-header,.admin-shell header) img{background:#f6f8f7;border-radius:4px;padding:4px}
html[data-theme=dark] :is(.portal-list span,.portal-list em,.portal-detail-top p,.portal-files p,.portal-files small,.portal-title p:last-child,.portal-account p){color:#aac0cc}
html[data-theme=dark] .portal-status{background:#254759;color:#9ddaff}
html[data-theme=dark] :is(.results,.price-note,.design-note,.mode-controls,.content-selector){color:#e7f0f5}

html[data-theme=dark] .admin-shell nav button[aria-pressed=true]{background:#006fb9;color:white;border-color:#82caff}

html[data-theme=dark] :is(.admin-button:not(.secondary),a.button.primary,.studio-button){color:#fff!important}
html[data-theme=dark] .artwork-quote{background:#233d4c!important;color:#c8e8fa!important;border-color:#36515f!important}

/* Dark mode keeps each product family recognisable while providing readable contrast. */
html[data-theme=dark] .product-card{background:#101e27!important;border-color:#36515f!important}
html[data-theme=dark] .product-card .product-body{background:color-mix(in srgb,var(--category-colour,var(--category-color,#0872c9)) 26%,#101e27)!important;color:#f4f8fa!important}
html[data-theme=dark] .product-card :is(h3,h3 button,.card-subcategory,.product-foot,.product-foot span){color:#f4f8fa!important}
html[data-theme=dark] .product-card :is(.card-caption,.card-description,.admin-help){color:#c5d6df!important}
html[data-theme=dark] .product-card :is(a,.card-guide a){color:#a9dcff!important}
html[data-theme=dark] .product-card .product-foot button{background:#dceef8!important;color:#07334a!important;border-color:#dceef8!important}
html[data-theme=dark] :is(.category-card,.category-card-compact){background:color-mix(in srgb,var(--category-colour,var(--category-color,#0872c9)) 30%,#101e27)!important;color:#fff!important;border-color:#526c7a!important}

/* Portal records must not inherit pale text onto a light card. */
html[data-theme=dark] :is(.portal-order-card,.portal-order,.portal-legacy){background:#182c38!important;color:#eaf3f7!important;border-color:#526c7a!important}
html[data-theme=dark] :is(.portal-order-card,.portal-order,.portal-legacy) :is(h2,h3,p,li,strong,span,small,label,summary){color:inherit!important}
html[data-theme=dark] :is(.portal-order-card,.portal-order,.portal-legacy) small{color:#b9ced8!important}

/* Use the supplied light brand assets. The StatSign replacement retains its blue tick. */
html[data-theme=dark] img[src="/statsign-division-colour-2400.png"]{content:url('/statsign-division-dark.svg')}
html[data-theme=dark] img[src="/xyz-design-horizontal-colour-600.png"]{content:url('/xyz-design-horizontal-white.svg')}
html[data-theme=dark] img[src="/lettering-studio/statsign-black.png"]{content:url('/statsign-division-dark.svg')}
html[data-theme=dark] :is(.site-header,.portal-header,.admin-shell header) img{background:transparent!important;padding:0}

/* Artwork is production evidence: preserve its actual colour on a neutral light surface. */
html[data-theme=dark] :is(.stage,.sign,.product-image,.admin-preview img,.installed-example,.artwork-preview,canvas){background:#f6f8f7!important;color:#111!important;color-scheme:light;filter:none!important}
html[data-theme=dark] :is(.stage,.product-image,.installed-example,.artwork-preview) :is(img,svg,canvas){filter:none!important}
html[data-theme=dark] :is(button,[role=button],input,select,textarea,a):focus-visible{outline:3px solid #69c5ff!important;outline-offset:2px}

/* Catalogue contrast audit: keep public copy, controls and category motifs readable. */
html[data-theme=dark] .announcement{background:#c8e9fa!important;color:#092f43!important}
html[data-theme=dark] .announcement *{color:#092f43!important}
html[data-theme=dark] .section-head :is(p,span,small){color:#c4d8e2!important}
html[data-theme=dark] .plans-shortcut{background:#18394a!important;color:#f3f8fb!important;border-left-color:#69c5ff!important}
html[data-theme=dark] .plans-shortcut span{color:#f3f8fb!important}
html[data-theme=dark] .category-notes{background:#18394a!important;color:#f3f8fb!important;border-color:#426171!important;border-left-color:#69c5ff!important}
html[data-theme=dark] .category-notes :is(strong,span,p){color:#f3f8fb!important}
html[data-theme=dark] .category-notes a{color:#9bdcff!important}
html[data-theme=dark] #plans-diagrams{background:#182c38!important;color:#f3f8fb!important;border-color:#426171!important}
html[data-theme=dark] #plans-diagrams :is(h3,p,li,strong){color:inherit!important}
html[data-theme=dark] .resource-result{background:#182c38!important;color:#f3f8fb!important;border-color:#526c7a!important}
html[data-theme=dark] .resource-result :is(strong,span){color:inherit!important}
html[data-theme=dark] .product-motif{color:#fff!important;opacity:.7!important}
html[data-theme=dark] .category-art{color:#fff!important;opacity:.48!important}
html[data-theme=dark] .category-art svg,html[data-theme=dark] .product-motif svg{color:inherit!important;stroke:currentColor!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a9bdc8!important;opacity:1}
html[data-theme=dark] .pictogram-guide-link a{display:inline-block;padding:9px 10px;border-left:4px solid #f2b900;background:#0872c9;color:#fff!important;border-radius:3px;font-weight:700;line-height:1.35}

@media(max-width:650px){
 #productGrid .product-body{display:flex!important;flex-direction:column;min-width:0}
 #productGrid .product-category{padding-right:38px!important}
 #productGrid .card-subcategory{min-height:0!important;margin:7px 0 10px;line-height:1.35}
 #productGrid .product-body h3{min-height:0!important;margin:8px 0 12px!important;line-height:1.3!important}
 #productGrid .product-body h3 button{display:block;width:100%;line-height:1.3!important;overflow-wrap:anywhere}
 #productGrid .product-motif{right:8px;top:12px;width:29px;height:29px}
 #productGrid .card-description{font-size:13px;line-height:1.4}
}

@media print{
 html[data-theme=dark] :is(.product-card,.product-card .product-body,.portal-order-card,.portal-order,.portal-legacy,.admin-panel,.resource-card){background:white!important;color:black!important;border-color:#999!important}
 html[data-theme=dark] :is(.product-card,.portal-order-card,.portal-order,.portal-legacy) *{color:black!important}
}

/* Whole-site colour contract. Light surfaces become dark surfaces; artwork stays neutral. */
html[data-theme=dark] :is(.signs-site,.signs-shell,.signs-header,.signage-guides,.quick-guides,.guide-landing,.quote-section,.catalogue,.intro-strip,.project-offer){background:#101e27!important;color:#eaf3f7!important}
html[data-theme=dark] :is(.signs-site,.signs-shell,.signage-guides,.quick-guides,.guide-landing,.quote-section,.catalogue) :is(h1,h2,h3,h4,p,li,dt,dd,label,strong,small,span){color:inherit}
html[data-theme=dark] :is(.signs-shell>p,.signs-detail p,.signs-options dd,.signs-breadcrumb,.resource-small,.sg-lead){color:#bfd1da!important}
html[data-theme=dark] :is(.signs-list a,.quick-topic,.quote-form,.search,.catalogue-tools,.plans-shortcut,.intro-strip,.project-offer-action,.sg-steps article,.sg-topic,.sg-library){background:#182c38!important;color:#edf6fa!important;border-color:#426171!important}
html[data-theme=dark] :is(.signs-list a,.quick-topic,.quote-form,.search,.catalogue-tools,.plans-shortcut,.intro-strip) *{color:inherit}
html[data-theme=dark] .signs-header img{content:url('/statsign-division-dark.svg')}
html[data-theme=dark] .signs-photo{background:#f6f8f7!important;color:#111!important;border-color:#526c7a!important}
html[data-theme=dark] :is(.footer-bottom,.signs-footer,.sg-footer){color:#d8e8ef!important}
html[data-theme=dark] .statx-product-action{background:#126fac!important;color:#fff!important;border-left-color:#ffd34d!important}

/* Permanent dark presentation: explicit contrast for every repeated text and control surface. */
html[data-theme=dark] :is(.section-kicker,.project-offer p,.project-offer small){color:#d6e7ef!important}
html[data-theme=dark] :is(.button,.button.primary,.signs-primary,.sg-button,.portal-action,.portal-upload,.portal-empty a){background:#005b9f!important;color:#fff!important;border-color:#70c8ff!important}
html[data-theme=dark] :is(.button,.button.primary,.signs-primary,.sg-button,.portal-action,.portal-upload,.portal-empty a):hover{background:#0879c9!important}
html[data-theme=dark] .laser-lettering-example :is(span,strong){color:#182a3d!important}
html[data-theme=dark] .statx-card-face :is(span,strong){color:#163846!important}
html[data-theme=dark] .statx-card-face .statx-card-samples span:nth-child(2){color:#fff!important}
html[data-theme=dark] :is(.quick-checks dl>div,.quick-product,.quick-topic-examples figure,.quick-topic-copy,.quick-facts){background:#182c38!important;color:#edf6fa!important;border-color:#526c7a!important}
html[data-theme=dark] .quick-topic-examples{background:#426171!important}
html[data-theme=dark] :is(.quick-checks dt,.quick-checks dd,.quick-product span,.quick-topic-examples figcaption,.quick-topic-copy h2,.quick-topic-copy p,.quick-topic-copy span,.quick-facts h2,.quick-facts p,.quick-sources summary){color:#edf6fa!important}
html[data-theme=dark] :is(.portal-link-button,.portal-skip){color:#9bdcff!important}
html[data-theme=dark] .portal-skip{background:#10212c!important}
html[data-theme=dark] :is(.sg-steps p,.sg-topic p,.sg-topic h3,.sg-topic span){color:#edf6fa!important}
html[data-theme=dark] .promotion-mission{background:#182c38!important;color:#edf6fa!important;border-left-color:#69c5ff!important}
html[data-theme=dark] .promotion-mission :is(p,h2){color:inherit!important}
html[data-theme=dark] .guide-benefits article{background:#182c38!important;color:#edf6fa!important;border-color:#526c7a!important;border-top-color:#69c5ff!important}
html[data-theme=dark] .guide-benefits article :is(h2,h3,p,span,a){color:inherit!important}
html[data-theme=dark] .guide-benefits article a{color:#9bdcff!important}
html[data-theme=dark] .checkout-status{color:#edf6fa!important}
html[data-theme=dark] .checkout-status :is(h1,p,strong){color:inherit!important}
html[data-theme=dark] .checkout-status a{color:#9bdcff!important}
html[data-theme=dark] :is(.add-row,#price-detail,.foot){color:#c9e0ea!important}
html[data-theme=dark] .add-row{border-color:#69c5ff!important}
html[data-theme=dark] :is(.step,.preview-note,.muted,footer){color:#c9e0ea!important}
html[data-theme=dark] .guide-preview{background:#182c38!important;color:#edf6fa!important;border:1px solid #426171!important}
html[data-theme=dark] .guide-preview :is(h1,h2,h3,h4,p,span,strong,small){color:#edf6fa!important}
html[data-theme=dark] .guide-preview a{color:#9bdcff!important}
.viewing-options{display:none!important}
.viewing-options{max-width:210px}
@media(max-width:650px){.viewing-options{right:8px;bottom:8px;max-width:170px}.viewing-options summary{padding:9px 12px}.viewing-options[open]{max-width:210px}.viewing-options label{padding:0 12px 12px}}