/* Owner-approved staging review, 4 November 2026. Scoped additions only. */
.dsv-review-photo{margin:24px 0 0;min-width:0}
.dsv-review-photo img{display:block;width:100%;height:auto;object-fit:contain}
.dsv-review-photo figcaption,.dsv-rental-video figcaption{font:400 13px/1.5 var(--font-body,Raleway,sans-serif);color:#596875;margin-top:8px}
#main-content .dsv-damage-photo{width:100%;max-width:360px;margin:24px auto}
.dsv-damage-photo img{width:100%;height:auto}
#main-content .dsv-tetsu{position:relative;background:#0B1D2A url('../images/tetsu-section-metal-texture-v2.webp') center/cover no-repeat;color:#FFFFFF}
#main-content .dsv-tetsu .dsp-section-container{position:relative;padding-top:12px}
#main-content .dsv-tetsu h2{color:#FFFFFF}
#main-content .dsv-tetsu p,#main-content .dsv-tetsu dt,#main-content .dsv-tetsu dd,#main-content .dsv-tetsu .ds-em{color:#FFFFFF}
#main-content .pc-approved-photo.pc-layout-26{position:relative;display:block;height:auto;aspect-ratio:8/5;overflow:hidden}
#main-content .pc-approved-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pc-image-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.94);padding:5px 8px;font:400 11px/1.4 var(--font-body);color:#0B1D2A}
#main-content #finder .pc-result-photo{margin:0 0 16px}
#main-content #finder .pc-result-photo img{display:block;width:100%;aspect-ratio:8/5;height:auto;object-fit:cover}
#main-content #finder .pc-result-photo figcaption{margin-top:6px;font-size:12px;color:#596875}
#main-content #finder .pc-cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#0B1D2A;padding:22px;color:#fff;border:0}
#main-content #finder .pc-cta-copy{flex:1 1 230px;color:#fff}
#main-content #finder .pc-cta-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
#main-content #finder .pc-cta-actions a{display:inline-flex;align-items:center;justify-content:center;width:auto;white-space:nowrap;margin:0;padding:12px 16px;font-weight:400}
#main-content #finder .pc-cta-main{background:#25D366;color:#123E29}
#main-content #finder .pc-cta-alt{color:#fff;border:1px solid #DEE5E9}
/* Round 3b: the supplied transparent artwork belongs to the entire hero. */
.ds-product-contact .dsp-contact-hero{background-image:url('../images/contact-hero-art-owner.webp');background-repeat:no-repeat;background-position:right top;background-size:1360px auto}
.dsv-contact-heading{position:relative;min-height:240px;padding-bottom:24px}
.dsv-contact-heading-copy{width:100%}
.dsv-rental-options .dsp-rental-option-card{min-width:0}
.dsv-rental-options .dsv-review-photo,.dsv-rental-video{margin:16px 0 22px}
.dsv-rental-options .dsv-review-photo img,.dsv-rental-clip{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#EDF4F8}
#main-content .dsv-rental-audio{padding-bottom:64px}
#main-content .dsv-rental-audio .dsv-review-photo{margin:28px 0 0}
#main-content .dsv-rental-audio .dsv-review-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#main-content .dsv-wall-art-wash{background:linear-gradient(rgba(255,255,255,.83),rgba(255,255,255,.83)),url('../images/wave-background-wall-mounted.webp') center/cover}
#main-content .dsv-standing-art-wash{background:linear-gradient(rgba(255,255,255,.83),rgba(255,255,255,.83)),url('../images/wave-background-standing-display.webp') center/cover}
#main-content .dsv-wall-art-wash td,#main-content .dsv-standing-art-wash td,#main-content .dsv-wave-compare td{background:#fff}
#main-content .dsv-wall-art-wash th,#main-content .dsv-standing-art-wash th,#main-content .dsv-wave-compare th{background:#EDF4F8}
#main-content .dsv-lift-orientations .dsp-approved-photo{max-width:none;width:100%}
#main-content .dsv-lift-orientations img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.dsv-qiosc-addons .dsp-mini{min-width:0}
.dsv-qiosc-addons .dsv-review-photo{margin:0 0 20px}
.dsv-qiosc-addons img{aspect-ratio:4/3;object-fit:contain;background:white}
.dsv-addon-note{margin-top:22px}
/* Batch19 owner composition: a single static background, never layered artwork. */
#main-content .dsv-wave-details{background:#fff url('../images/wave-section-background-owner.webp') right center/cover no-repeat;min-height:580px}
.dsv-wave-copy{width:50%;padding-right:24px}
.dsv-wave-owner-art{display:none}
#main-content .dsv-wave-compare{background:#fff}
.dsv-render-note{font-size:12px;color:#596875;text-align:right;margin-top:16px}
#main-content .dsv-joined-posters .dsv-review-photo{max-width:500px;width:100%;margin:0 auto;align-self:center}
@media(max-width:820px){
 .ds-product-contact .dsp-contact-hero{background-size:contain}
 .dsv-contact-heading{min-height:0}
 #main-content .dsv-wave-details{background:none;min-height:0;padding-bottom:0}
 .dsv-wave-copy{width:100%;padding-right:0}
 .dsv-wave-owner-art{display:block;aspect-ratio:1.24;background:url('../images/wave-section-background-owner.webp') right center/cover no-repeat;margin-top:16px}
 #main-content #finder .pc-cta-actions{gap:8px}
 #main-content #finder .pc-cta-actions a{padding:11px 12px;font-size:14px}
}
@media(max-width:600px){#main-content .dsv-damage-photo{width:70vw;max-width:360px}}
/* Override the inherited V0.50 fixed photo height and legacy important colours. */
#main-content .pc-approved-photo.pc-layout-26{height:auto!important;flex-shrink:0}
#main-content .dsv-tetsu h2{color:#FFFFFF!important}
#main-content #finder .pc-cta-actions .pc-wa-result{color:#123E29!important}
#main-content #finder .pc-cta-actions .pc-mail-result{background:#FFFFFF!important;color:#175E7E!important;border:1px solid #DEE5E9}
/* Keep the upper-mounted lift display in frame within the shared cover ratio. */
.ds-centre img[src*="parker-hannifin-lift-signage"]{object-position:center top!important}

/* Match a single finder result to one card of the existing two-card row. */
@media(min-width:821px){
 #main-content #finder .pc-rec:only-child{width:calc((100% - 16px)/2);justify-self:center;grid-column:1/-1}
}

/* Owner follow-up 2: approved Outdoor LED references. */
.dsv-outdoor-transparent-pair{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:24px;margin:0 0 28px}
.dsv-outdoor-transparent-pair figure{min-width:0;margin:0}
.dsv-outdoor-transparent-pair img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.dsv-outdoor-transparent-pair figcaption{margin-top:8px;font-size:14px;color:#175E7E}
/* Original hero photo spans behind the copy; white stays solid through the actions. */
.home .hero{grid-template-rows:auto minmax(180px,1fr);isolation:isolate}
.home .hero-photo{position:absolute;inset:0;z-index:0;height:100%}
.home .hero-band{position:relative;z-index:1;align-self:start;height:auto;min-height:0;justify-content:flex-start;padding-bottom:calc(clamp(20px,3.1vw,48px) + 260px);background:linear-gradient(to bottom,#fff 0,#fff calc(100% - 260px),rgba(255,255,255,0) 100%)!important}
.home .clientele-v11{background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../images/wave-background-standing-display.webp') center/cover no-repeat}
.home .client-logo{background:#fff;color:#175E7E}
.home .client-logo .logo-type,.home .client-logo .logo-mark{color:#175E7E}
.home .client-logo .logo-project{color:#526270}
.home .client-logo:hover,.home .client-logo:focus-visible,.home .client-logo.is-selected{background:#F3F8FB}
.home .clientele-v11 .client-bottom p,.home .client-tap-hint,.home .clientele-head>p{color:#3D5261}
/* Official icon: its own transparent canvas is retained, without recolouring/cropping. */
.floating-whatsapp{--wa-bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));bottom:var(--wa-bottom);width:58px;height:auto;aspect-ratio:253/255;background:transparent;border-radius:0;box-shadow:none;transform:none;transition:opacity .15s ease,visibility .15s ease}
.floating-whatsapp img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(9,44,28,.24))}
.floating-whatsapp:hover{background:transparent;box-shadow:none}
@media(max-width:820px){
 .dsv-outdoor-transparent-pair{grid-template-columns:minmax(0,1fr);max-width:360px}
 .home .hero{grid-template-rows:auto minmax(130px,1fr)}
 .home .hero-band{padding-bottom:calc(31px + 180px);background:linear-gradient(to bottom,#fff 0,#fff calc(100% - 180px),rgba(255,255,255,0) 100%)!important}
 .floating-whatsapp{--wa-bottom:max(16px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));width:52px}
}
.home .clientele-v11 .v11-kicker,.home .clientele-v11 .ds-seo-heading{color:#3D5261!important}
.home .clientele-v11 .client-bottom a{color:#0B1D2A}

/* Owner follow-up 3: uniform trust photos; preserve the approved card size. */
#main-content #trust .dsv-about-trust-photo{width:100%;aspect-ratio:4/3;overflow:hidden;margin:0}
#main-content #trust .dsv-about-trust-photo img{display:block;width:100%;height:100%;object-fit:cover}
#main-content #trust .dsv-about-trust-safety img{object-position:40% 35%}
#main-content #trust .dsv-about-trust-warranty img{object-position:47% 60%}
#main-content #trust .dsv-about-trust-partners img{object-position:35% 55%;transform:scale(1.65);transform-origin:35% 55%}
#main-content .dsv-software-vms-caption{display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);padding:5px 8px;font:400 12px/1.4 var(--font-body);color:#3D5261}
/* Four compact rental cards, preserving media ratios and the original video behaviour. */
#main-content .dsv-rental-options .dsp-rental-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#main-content .dsv-rental-options .dsp-rental-option-category{min-height:2.8em}
#main-content .dsv-rental-options .dsv-review-photo,#main-content .dsv-rental-options .dsv-rental-video{width:100%;max-width:256px;align-self:center}
#main-content .dsv-rental-options .dsv-review-photo img,#main-content .dsv-rental-options .dsv-rental-clip{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center}
@media(max-width:1100px){
 #main-content .dsv-rental-options .dsp-rental-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main-content .dsv-rental-options .dsv-review-photo,#main-content .dsv-rental-options .dsv-rental-video{max-width:none}
}
@media(max-width:640px){#main-content .dsv-rental-options .dsp-rental-card-grid{grid-template-columns:minmax(0,1fr)}}
#main-content #supported .dsp-xh-product-photo[data-media-slot="18"]{position:relative}

@media(max-width:640px){#main-content .dsv-rental-audio{padding-bottom:62px}}

/* Desktop WhatsApp affordance; mobile dimensions/collision behaviour are untouched. */
.floating-whatsapp-label{display:none}
@media(min-width:821px){
 .floating-whatsapp{transition:transform .18s ease,opacity .15s ease,visibility .15s ease}
 .floating-whatsapp img{transition:filter .18s ease}
 .floating-whatsapp-label{display:block;position:absolute;right:calc(100% + 12px);top:50%;margin-top:-18px;white-space:nowrap;padding:8px 13px;border-radius:999px;background:#fff;color:#0B1D2A;font:400 14px/20px var(--font-body);box-shadow:0 3px 12px rgba(11,29,42,.14);opacity:0;transform:translateX(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
 .floating-whatsapp:is(:hover,:focus){transform:translateY(-3px) scale(1.08)}
 .floating-whatsapp:is(:hover,:focus) img{filter:drop-shadow(0 6px 10px rgba(9,44,28,.35))}
 .floating-whatsapp:is(:hover,:focus) .floating-whatsapp-label{opacity:1;transform:translateX(0)}
 .floating-whatsapp:focus-visible{outline:3px solid #175E7E;outline-offset:4px;box-shadow:0 0 0 4px #fff}
 .floating-whatsapp::before{content:"";position:absolute;inset:0;border:1px solid #25D366;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;animation:dsv-whatsapp-idle-pulse 6s ease-out infinite}
 .floating-whatsapp:is(:hover,:focus)::before{animation:none;opacity:0}
}
@keyframes dsv-whatsapp-idle-pulse{0%{transform:scale(.98);opacity:0}3%{opacity:.18}16%,100%{transform:scale(1.35);opacity:0}}
@media(min-width:821px) and (prefers-reduced-motion:reduce){
 .floating-whatsapp,.floating-whatsapp:is(:hover,:focus){transform:none!important;transition:none}
 .floating-whatsapp::before{animation:none}
 .floating-whatsapp-label,.floating-whatsapp img{transition:none;transform:none}
}

/* Owner item 18 revision: full-width mobile pages; opacity-only shortcut feedback. */
.dsv-rental-hero-caption{font:400 13px/1.5 var(--font-body);color:#596875;margin:8px 0 0}
@media(max-width:820px){
 #end-sequence{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .floating-whatsapp{transition:opacity .2s ease,visibility .2s ease}
 .floating-whatsapp.is-visible.is-scrolling{opacity:.4}
}
@media(max-width:820px) and (prefers-reduced-motion:reduce){
 .floating-whatsapp{transition:none}
}

/* Owner items 19–20: edge-to-edge trust media and deliberate dark rental frames. */
#main-content #trust .ab-tile{padding:0;gap:0;overflow:hidden}
#main-content #trust .dsv-about-trust-copy{padding:24px;display:flex;flex-direction:column;gap:10px}
#main-content .dsv-rental-options .dsv-review-photo img,
#main-content .dsv-rental-options .dsv-rental-clip{background:var(--end-dark)}

/* Follow-up 8: approved media, card framing and page-specific layout fixes. */
.dsv-menu-board-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#main-content .dsv-menu-board-photos figure{margin:0;min-width:0}
#main-content .dsv-menu-board-photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
#main-content #details .dsv-series-card{padding:0;gap:0;overflow:hidden}
.dsv-series-photo{margin:0}
#main-content .dsv-series-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#main-content .dsv-series-contain img{object-fit:contain;background:#fff}
.dsv-series-photo figcaption{font:400 12px/1.5 var(--font-body);color:#596875;padding:8px 24px 0}
.dsv-series-copy{padding:22px 24px;display:flex;flex-direction:column;gap:11px;flex:1}
#main-content .dsp-wave-view-pair>figure{border:1px solid #DEE5E9;background:#fff;overflow:hidden}
#main-content .dsp-wave-view-pair .dsp-approved-photo{margin:0}
#main-content .dsp-wave-view-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.dsv-wave-view-copy{padding:20px 24px}
#main-content .dsv-wave-view-copy p{margin:0}
#main-content .dsv-wave-installation figure{margin:0}
.dsv-wave-installation figcaption{font:400 13px/1.5 var(--font-body);color:#596875;margin-top:8px}
#main-content .dsv-wave-details{background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#fff;min-height:600px}
#main-content .dsv-qiosc-ai{align-items:start}
#main-content .dsv-qiosc-ai figure{width:100%;max-width:360px;margin:0 auto}
#main-content .dsv-qiosc-ai img{display:block;width:100%;height:auto}
.home .secondary-seo-heading a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#main-content #visualiser{padding-bottom:64px}
#main-content #visualiser>.wrap>.hint:last-child{margin-bottom:0}
@media(max-width:820px){
 .dsv-menu-board-photos{grid-template-columns:1fr}
 #main-content .dsv-wave-details{background:none;min-height:0}
 #main-content .dsv-qiosc-ai figure{max-width:70%}
 #main-content .ab-story .ab-bar{position:static}
 #main-content .ab-story .ab-hold{display:none}
 #main-content #visualiser{padding-bottom:48px}
}
/* Keep full-size solution buttons inside the existing accordion on shorter desktops. */
@media(min-width:821px) and (max-height:899px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home .showcase:not(.no-stack) .feature-copy{padding-top:8px;padding-bottom:8px}
 .home .showcase:not(.no-stack) .feature-title{font-size:26px;line-height:1.1}
 .home .showcase:not(.no-stack) .feature-sub{font-size:12px}
 .home .showcase:not(.no-stack) .feature-details{margin-top:7px!important}
 .home .showcase:not(.no-stack) .feature-details p{font-size:14px!important;line-height:1.4;margin-bottom:10px}
 .home .showcase:not(.no-stack) .feature-seo-heading{font-size:10px;line-height:1.3;margin-bottom:5px}
 .home .showcase:not(.no-stack) .feature-seo-links{font-size:11px;margin-top:6px}
 .home .showcase:not(.no-stack) .secondary-seo-heading{margin-top:6px!important}
}

@media(min-width:821px){
 .home .showcase:not(.no-stack) #feature-3 .feature-seo-links{margin-top:6px}
 .home .showcase:not(.no-stack) #feature-3 .secondary-seo-heading{margin-top:3px}
}
/* Use one bottom rhythm across Indoor LED sections, including the visualiser note. */
#main-content.ds-product-indoor-led .dsp-page-section{padding-bottom:64px}
@media(max-width:820px){#main-content.ds-product-indoor-led .dsp-page-section{padding-bottom:48px}}

/* Follow-up 8b: one content-photo treatment; source caps prevent upscaling. */
#main-content .dsv-content-photo{box-sizing:border-box;width:100%;max-width:min(100%,var(--dsv-photo-max));margin:0 auto;min-width:0;align-self:start;float:none}
#main-content .dsv-content-photo>img,#main-content .dsv-content-photo>a>img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;object-position:50% 50%}
#main-content .dsv-content-photo>a{display:block;border:0;padding:0}
#main-content .dsv-content-photo.dsv-photo-card{padding:0;background:#fff;border:1px solid #DEE5E9;overflow:hidden;border-radius:0;box-shadow:none}
#main-content .dsv-content-photo.dsv-photo-card img{aspect-ratio:var(--dsv-photo-ratio);height:auto;object-fit:var(--dsv-photo-fit);max-height:none}
#main-content .dsv-content-photo figcaption{font:400 13px/1.5 var(--font-body);margin:8px 0 0;color:inherit}
#main-content .dsv-content-photo.dsv-photo-card figcaption{font:400 13px/1.5 var(--font-body);color:#596875;padding:14px;margin:0;background:#fff}
#main-content .dsv-portrait-photo img,#main-content .ds-entry-content img.dsv-editorial-portrait{max-height:560px;width:auto;height:auto;max-width:100%;display:block;margin:0 auto}
#main-content .dsv-photo-card.dsv-portrait-photo img{width:100%;max-height:560px}
#main-content :is(.dsp-split,.dsp-two,.dsp-hero-in,.dsp-hero-grid):has(.dsv-content-photo){align-items:start}
#main-content .dsv-app-icon-photo{margin:0 auto;max-width:230px;align-self:start;text-align:center}
#main-content .dsv-app-icon-photo img{display:block;width:120px;height:auto;margin:0 auto}
#main-content .dsv-app-icon-photo figcaption{font:400 13px/1.5 var(--font-body);margin-top:12px}
@media(max-width:820px){
 #main-content .dsv-portrait-photo{max-width:min(70vw,var(--dsv-photo-max))}
 #main-content .ds-entry-content img.dsv-editorial-portrait{max-width:70vw}
}
/* Software product tiles: the Product Centre image/title pattern; yellow edge stays local. */
#main-content.ds-product-software #supported .dsp-xh-supported-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
#main-content.ds-product-software #supported .dsv-software-product-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:0;background:#fff;border:1px solid #DEE5E9;border-bottom:3px solid #FECA12;text-decoration:none;color:#175E7E;border-radius:0;overflow:hidden}
#main-content.ds-product-software #supported .dsv-software-product-card .dsp-xh-product-photo{display:block;width:100%;aspect-ratio:8/5;height:auto;margin:0;padding:0;background:#fff;border:0}
#main-content.ds-product-software #supported .dsv-software-product-card img{display:block;width:100%;height:100%;aspect-ratio:8/5;object-fit:cover;border:0}
#main-content.ds-product-software #supported .dsv-software-product-card .dsp-xh-product-name{display:block;padding:20px;font:400 18px/1.4 var(--font-head);min-height:90px;flex:1}
#main-content.ds-product-software #supported .dsv-software-product-card:is(:hover,:focus-visible){border-bottom-color:#FECA12;color:#175E7E;background:#F8FBFD}
@media(max-width:1100px){#main-content.ds-product-software #supported .dsp-xh-supported-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#main-content.ds-product-software #supported .dsp-xh-supported-links{grid-template-columns:1fr}}
/* Tetsu uses the supplied logo and plain white body typography, without a text outline. */
#main-content .dsv-tetsu-heading{display:flex;gap:24px;align-items:center;margin-bottom:24px}
#main-content .dsv-tetsu-heading .dsp-section-top{margin:0}
#main-content .dsv-tetsu-heading h2{padding:0;margin:0}
#main-content .dsv-tetsu-logo{position:static;inset:auto;width:auto;aspect-ratio:auto;flex:none}
#main-content .dsv-tetsu-logo img{position:static;inset:auto;height:120px;width:auto;max-width:100%;opacity:1;clip-path:none;object-fit:contain}
#main-content .dsv-tetsu :is(h2,h3,p,dt,dd,.ds-em){font-family:var(--font-body)!important;color:#fff;-webkit-text-stroke:0;text-shadow:0 1px 3px rgba(0,0,0,.22)}
#main-content .dsv-tetsu .dsv-photo-card figcaption{color:#596875;text-shadow:none}
@media(max-width:820px){#main-content .dsv-tetsu-heading{display:block}#main-content .dsv-tetsu-logo{margin-bottom:16px}#main-content .dsv-tetsu-logo img{height:80px}}
/* Yellow spec and content cards; note/callout boxes, tools and buttons are excluded. */
#main-content :is(.dsv-spec-box.dsv-spec-box,.dsv-content-box.dsv-content-box){background:#FECA12;border:0;color:#175E7E;font-family:var(--font-body);box-shadow:none}
#main-content :is(.dsv-spec-box,.dsv-content-box) :is(dt,dd,h3,p,li,.ds-em,.dsp-eyebrow,.dsp-tag){color:#175E7E!important;font-family:var(--font-body)!important;-webkit-text-stroke:0;text-shadow:none}
#main-content .dsv-spec-box dt{font-size:12px;font-weight:400;line-height:1.4}
#main-content .dsv-spec-box dd{font-size:20px;font-weight:400;line-height:1.4;margin:0}
#main-content p+.dsv-content-photo{margin-top:24px}
/* Follow-up 11: short specs retain 220 x 88 frames; longer values wrap naturally. */
#main-content .dsv-spec-box.dsv-spec-box{box-sizing:border-box;width:220px;height:auto;min-height:88px;max-height:none;padding:15px;gap:12px;overflow:visible;white-space:normal;display:flex;flex-direction:column;flex-shrink:0}
#main-content .dsv-spec-box.dsv-spec-box dt{font-size:12px!important;line-height:16px!important;margin:0;white-space:normal}
#main-content .dsv-spec-box.dsv-spec-box dd{font-size:18px!important;line-height:22px!important;margin:0;white-space:normal;overflow-wrap:anywhere;flex:none}
#main-content .dsp-facts:has(>.dsv-spec-box){display:grid;grid-template-columns:repeat(auto-fit,220px);gap:12px;justify-content:start;align-items:start}
/* Content cards stretch to their row, with fully readable, naturally wrapping copy. */
#main-content :is(.grid,.dsp-grid,.dsp-vms-cards,.dsp-platform-grid,.dsp-platform):has(>.dsv-content-box){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;align-items:stretch}
#main-content .dsv-content-box.dsv-content-box{box-sizing:border-box;width:auto;min-width:0;height:auto;min-height:0;max-height:none;padding:24px;overflow:visible;white-space:normal;display:flex;flex-direction:column;gap:12px;align-self:stretch}
#main-content .dsv-content-box :is(h3,p,.dsp-tag,.dsp-eyebrow){white-space:normal;overflow:visible;max-height:none;overflow-wrap:anywhere;margin:0;font-weight:400}
#main-content .dsv-content-box :is(.dsp-tag,.dsp-eyebrow){font-size:12px;line-height:1.5}
#main-content .dsv-content-box h3{font-size:18px!important;line-height:1.4!important}
#main-content .dsv-content-box p{font-size:16px!important;line-height:1.6!important}
#main-content .dsv-content-box>a{margin-top:auto;align-self:flex-start;white-space:normal}
#main-content .dsv-content-box a:not(.dsp-button){color:#175E7E}
#main-content .dsv-content-box .dsp-symbol{flex:none}
#main-content .dsv-content-box>div{min-width:0}
@media(min-width:641px) and (max-width:1100px){#main-content :is(.grid,.dsp-grid,.dsp-vms-cards,.dsp-platform-grid,.dsp-platform):has(>.dsv-content-box){grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc((100% - 24px)/2))),1fr))}}
@media(max-width:640px){#main-content :is(.grid,.dsp-grid,.dsp-vms-cards,.dsp-platform-grid,.dsp-platform):has(>.dsv-content-box){grid-template-columns:1fr}}
#main-content .dsp-split>*{min-width:0}
#main-content .dsv-media-row{align-items:center}
#main-content .dsv-media-row.dsv-media-top{align-items:start}
#main-content .dsv-media-row>.dsv-content-photo{align-self:auto}
#main-content .dsv-photo-card.dsv-photo-card{border:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
#main-content .dsv-tetsu .dsv-photo-card{box-shadow:0 3px 14px rgba(0,0,0,.2)}
#main-content .dsv-tetsu-logo img{height:180px}
.dsv-vms-venue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,526px));justify-content:center;gap:24px}
@media(min-width:1200px){#main-content .dsp-split:has(:is(.dsv-spec-box,.dsv-content-box)){grid-template-columns:minmax(684px,1fr) minmax(0,1fr)}}
@media(min-width:821px) and (max-width:1199px){#main-content .dsp-split:has(:is(.dsv-spec-box,.dsv-content-box)){grid-template-columns:1fr}}
@media(max-width:820px){
 #main-content .dsp-facts:has(>.dsv-spec-box){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #main-content .dsv-spec-box.dsv-spec-box{width:100%}
 #main-content .dsv-tetsu-logo img{height:110px}
 .dsv-vms-venue-grid{grid-template-columns:1fr}
}

#main-content span.dsv-content-photo{display:block}
/* Follow-up 10 supersedes the conditional alignment from 22b. */
#main-content :is(.dsp-split,.dsp-two,.dsp-hero-in,.dsp-hero-grid):has(>.dsv-content-photo){align-items:center}
#main-content .dsv-content-photo{align-self:auto}
#main-content .dsv-hero-option{background:#FECA12;color:#175E7E;border:0}
#main-content .dsv-hero-option :is(h3,p,a){color:#175E7E;font-family:var(--font-body)}
@media(max-width:480px){
 #main-content .dsv-hero-option{padding:17px;gap:10px;min-height:0;height:auto;display:flex;flex-direction:column}
 #main-content .dsv-hero-option h3{font-size:20px!important;line-height:1.35;margin:0}
 #main-content .dsv-hero-option p,#main-content .dsv-hero-option a{font-size:15px!important;line-height:1.5;margin:0;flex:none}
 #main-content .dsv-hero-option a{margin-top:0;padding-top:0}
 #main-content .dsp-hero:has(.dsv-hero-option) .dsp-grid{grid-template-columns:1fr;gap:12px}
 #main-content .dsp-hero:has(.dsv-hero-option) .dsp-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 #main-content .dsp-hero:has(.dsv-hero-option) .dsp-hero-actions>a{width:100%;min-height:44px;padding:10px 14px;justify-content:center}
}
#main-content .dsv-app-icon-photo img{border-radius:22%;overflow:hidden;object-fit:contain}
#main-content.ds-product-software #management .dsp-methods .dsp-method .dsp-method-symbol.dsp-official-app-icon:not(.dsp-usb-official-icon),
#main-content.ds-product-software #management .dsp-methods .dsp-method .dsp-method-symbol.dsp-official-app-icon:not(.dsp-usb-official-icon) img{border-radius:22%!important;overflow:hidden!important;object-fit:contain!important}
/* Original border space is absorbed into padding, preserving chip dimensions. */
#main-content .dsv-tool-chip.dsv-tool-chip{position:relative;background:#FECA12!important;color:#175E7E!important;font-family:var(--font-body)!important;border:0!important;padding:var(--dsv-pad-t) var(--dsv-pad-r) var(--dsv-pad-b) var(--dsv-pad-l)!important;box-shadow:none}
#main-content .dsv-tool-chip :is(b,small,span){color:inherit!important;font-family:var(--font-body)!important}
#main-content .dsv-tool-chip[aria-pressed="true"]{background:#175E7E!important;color:#fff!important}
#main-content .dsv-tool-chip[aria-pressed="true"]::after{content:'✓';position:absolute;right:4px;top:2px;font:400 11px/1 var(--font-body);pointer-events:none}
#main-content .dsv-tool-chip:focus-visible{outline:3px solid #175E7E!important;outline-offset:3px;box-shadow:0 0 0 2px #fff}
/* Outdoor tools use the same dark token as the Homepage end sequence. */
#main-content :is(#site-check,#permit-check).dsv-dark-tool{background:var(--end-dark);--bg:var(--end-dark);--ink:#fff;--muted:#D9E1E7;--line:rgba(255,255,255,.2);color:#fff}
#main-content .dsv-dark-tool :is(h2,h3,p,legend,label,li){color:#fff}
#main-content .dsv-dark-tool :is(.note,.hint,.lede,small){color:#D9E1E7}
#main-content .dsv-dark-tool a:not([href*="wa.me"]){color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
#main-content .dsv-dark-tool .card{background:transparent;border-color:rgba(255,255,255,.2)}
#main-content .dsv-dark-tool :is(.result,.results,#pc2-result,#sc-result){background:color-mix(in srgb,var(--end-dark),white 9%);color:#fff;border-color:rgba(255,255,255,.2)}
#main-content .dsv-dark-tool :is(table,thead,tbody,tr,td,th){background:transparent;color:#fff;border-color:rgba(255,255,255,.2)}
#main-content .dsv-dark-tool .dsv-tool-chip[aria-pressed="true"]{background:#fff!important;color:#175E7E!important}
#main-content .dsv-dark-tool .dsv-tool-chip:focus-visible{outline-color:#fff!important;box-shadow:0 0 0 2px #175E7E}
#main-content :is(#site-check,#permit-check).dsv-dark-tool{--light:color-mix(in srgb,var(--end-dark),white 9%);--dark:#fff;--navy:#fff;--meta:#D9E1E7;--grey:#D9E1E7}
#main-content .dsv-dark-tool .panel{background:color-mix(in srgb,var(--end-dark),white 9%);color:#fff}
#main-content .dsv-dark-tool .panel li.stop{background:color-mix(in srgb,var(--end-dark),#C62828 18%)}
#main-content .dsv-dark-tool :is(table,thead,tbody,tr,td,th){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
/* Rental already supplies a semantic selection indicator: show only that one check. */
#main-content .erp-choice.dsv-tool-chip[aria-pressed="true"]::after{content:none}
#main-content .erp-choice.dsv-tool-chip .erp-choice-indicator{border-color:transparent}

/* Follow-up 12, 43–46 and 48: isolated spacing, deliberate hover, yellow ink and notes. */
#main-content.ds-product-outdoor-lcd .grid:has(>.dsv-content-box)+p{margin-top:24px}
#main-content .dsv-tool-chip{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
@media(hover:hover) and (pointer:fine){
 #main-content .dsv-tool-chip:not([aria-pressed="true"]):hover{background:#EDCE00!important;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}
 #main-content .dsv-tool-chip[aria-pressed="true"]:hover{box-shadow:0 4px 10px rgba(0,0,0,.2)}
}
@media(prefers-reduced-motion:reduce){#main-content .dsv-tool-chip{transition:none}#main-content .dsv-tool-chip:hover{transform:none!important}}
#main-content .dsp-rental-btn-primary:hover{background:#EDCE00}
#main-content :is(.pj-product-tag,.work-cta,.dsp-rental-btn-primary,.erp-btn-primary,.dsp-contact-action-primary,.page-numbers.current,#c-sample[aria-pressed="true"]),
#main-content :is(#site-check,#permit-check) .tag{color:#175E7E!important}
#main-content :is([class*="note"],[class*="notice"],.wc-warn,.ds-contact-status,blockquote):not(.dsv-render-note){border-left:3px solid #FECA12!important;padding-left:18px}
/* About is a viewport scene, never the homepage's generic .stage container. */
#main-content.ds-product-about #ds-signage .stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0;max-width:none!important;margin:0!important;padding:0!important;display:block!important;background:transparent;overflow:visible!important}
@media(min-width:601px){body.admin-bar #main-content #ds-signage .stick{top:calc(var(--header-h) + var(--wp-admin--admin-bar--height,32px));height:calc(100svh - var(--header-h) - var(--wp-admin--admin-bar--height,32px))}}

/* Follow-up 12, 47: the single approved standard-section component. */
#main-content.ds-product-page .dsv-standard-section{padding:96px 24px}
#main-content .dsv-standard-row{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
#main-content .dsv-standard-row.dsv-standard-portrait{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
#main-content .dsv-standard-text{min-width:0;align-self:center}
#main-content .dsv-standard-text>h2{font-family:var(--font-head)!important;font-weight:300!important;color:#175E7E;font-size:clamp(28px,3.1vw,42px)!important;line-height:1.15!important;letter-spacing:-.03em;margin:0 0 24px;padding:0;max-width:none;text-shadow:none;-webkit-text-stroke:0}
#main-content .dsv-standard-text>p{font-family:var(--font-body);font-size:17px!important;line-height:1.6!important;margin:0 0 16px;max-width:none}
#main-content .dsv-standard-text>:is(.dsp-eyebrow,.dsp-rental-eyebrow){display:block;font:500 13px/1.4 var(--font-body)!important;letter-spacing:.14em;text-transform:uppercase;color:#7a848c;margin:0 0 12px}
#main-content .dsv-standard-text .dsv-standard-note{border:0;border-left:3px solid #FECA12!important;padding:4px 0 4px 18px;background:transparent;margin:24px 0;font:400 15px/1.6 var(--font-body)!important;color:#7a848c}
#main-content .dsv-standard-text .dsv-standard-note p{font:inherit!important;margin:0}
#main-content .dsv-standard-text>.dsp-facts{margin:24px 0}
#main-content .dsv-standard-text>a{margin-top:24px;margin-right:12px}
#main-content .dsv-standard-row>.dsv-content-photo{justify-self:end;align-self:center;width:100%;margin:0;max-width:min(100%,var(--dsv-photo-max),560px)}
#main-content .dsv-standard-row.dsv-standard-portrait>.dsv-content-photo{max-width:min(100%,var(--dsv-photo-max),420px)}
#main-content .dsv-standard-row>.dsv-content-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:var(--dsv-photo-fit)}
#main-content .dsv-standard-row.dsv-standard-portrait>.dsv-content-photo img{aspect-ratio:3/4}
#main-content .dsv-standard-row>.dsv-content-photo figcaption{padding:14px 16px;font-size:13px;color:#7a848c}
#main-content .dsv-standard-dark .dsv-standard-text>:is(h2,p,h3),#main-content .dsv-standard-dark .dsv-standard-note{color:#fff}
#main-content .dsv-standard-text>.dsv-tetsu-logo{margin:0 0 24px}
#main-content .dsv-standard-text>.dsv-tetsu-logo img{height:180px}
#main-content .dsv-standard-row.dsv-standard-multiple{grid-template-columns:minmax(0,1fr);gap:28px}
#main-content .dsv-standard-media-group{min-width:0}
#main-content .dsv-standard-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#main-content .dsv-standard-after{max-width:1200px;margin:48px auto 0}
#main-content .dsv-standard-after>#wall-calculator{margin-left:calc((1200px - 100vw)/2);margin-right:calc((1200px - 100vw)/2)}
@media(max-width:1248px){#main-content .dsv-standard-after>#wall-calculator{margin-left:-24px;margin-right:-24px}}
@media(max-width:820px){
 #main-content.ds-product-page .dsv-standard-section{padding:56px 20px}
 #main-content .dsv-standard-row,#main-content .dsv-standard-row.dsv-standard-portrait{grid-template-columns:minmax(0,1fr);gap:28px}
 #main-content .dsv-standard-row>.dsv-content-photo,#main-content .dsv-standard-row.dsv-standard-portrait>.dsv-content-photo{justify-self:stretch;max-width:min(100%,var(--dsv-photo-max));width:100%}
 #main-content .dsv-standard-text>.dsv-tetsu-logo img{height:110px}
 #main-content .dsv-standard-gallery{grid-template-columns:1fr}
 #main-content .dsv-standard-after>#wall-calculator{margin-left:-20px;margin-right:-20px}
}

/* Follow-up 13: clean scene boundary, equal whole-group rows and aligned multi-photo introductions. */
#main-content.ds-product-about #ds-signage{clip-path:inset(0)}
#main-content.ds-product-about #ds-signage.is-exited .stick{visibility:hidden}
@media(min-width:601px){body.admin-bar #main-content .ab-pile{--top:calc(var(--header-h) + var(--wp-admin--admin-bar--height,32px))}}
#main-content :is(.dsp-facts,.grid,.dsp-grid,.dsp-vms-cards,.dsp-platform-grid):has(>.dsv-spec-box,>.dsv-content-box){grid-auto-rows:1fr;align-items:stretch}
#main-content :is(.dsv-spec-box.dsv-spec-box,.dsv-content-box.dsv-content-box){height:100%;align-self:stretch}
#main-content :is(.dsp-table-wrap,.dsp-p2-spec-table)+:has(>.dsv-spec-box,>.dsv-content-box){width:100%;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
#main-content :is(.dsp-table-wrap,.dsp-p2-spec-table)+:has(>.dsv-spec-box,>.dsv-content-box)>:is(.dsv-spec-box,.dsv-content-box){width:100%}
@media(max-width:820px){#main-content :is(.dsp-table-wrap,.dsp-p2-spec-table)+:has(>.dsv-spec-box,>.dsv-content-box){grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:821px){
 #main-content .dsv-standard-multiple:has(.dsv-vms-venue-grid){max-width:1076px}
 #main-content .dsv-standard-multiple:has(.dsv-outdoor-transparent-pair){max-width:744px}
 #main-content .dsv-standard-multiple:has(.dsv-menu-board-photos){max-width:864px}
 #main-content .dsv-standard-multiple .dsv-content-photo{justify-self:start}
}
/* Follow-up 14: one continuous dark pixel-pitch introduction and visualiser. */
#main-content .dsv-pixel-intro{background:var(--end-dark)}
#main-content #choosing-pixel-pitch .dsv-standard-text>:is(h2,p){color:#fff!important}
#main-content .dsv-pixel-intro .dsv-photo-card{box-shadow:0 3px 14px rgba(0,0,0,.2)}
#main-content .dsv-pixel-intro .dsv-photo-card figcaption{color:#596875}
#main-content #visualiser.dsv-pixel-tool{--bg:var(--end-dark);--band:var(--end-dark);--ink:#fff;--muted:#D9E1E7;--meta:#D9E1E7;--line:#62727C;--on-yellow:#175E7E;background:var(--end-dark);color:#fff}
#main-content #visualiser.dsv-pixel-tool :is(h2,h3,dd){color:#fff}
#main-content #visualiser.dsv-pixel-tool :is(.lede,.hint,.label,.eyebrow,dt,.zoomval,.notes p,.vis-cta p){color:#D9E1E7}
#main-content #visualiser.dsv-pixel-tool button:not([aria-pressed="true"]),#main-content #visualiser.dsv-pixel-tool .file{color:#fff;border-color:#fff;background:var(--end-dark)}
#main-content #visualiser.dsv-pixel-tool button[aria-pressed="true"]{background:#FECA12;color:#175E7E;border-color:#FECA12}
#main-content #visualiser.dsv-pixel-tool .notes{border-left:0!important;padding-left:0}
#main-content #visualiser.dsv-pixel-tool .notes>div{border-left:3px solid #FECA12;padding-left:18px}
#main-content #visualiser.dsv-pixel-tool input[type=range]{appearance:none;background:transparent;height:20px;accent-color:#FECA12}
#main-content #visualiser.dsv-pixel-tool input[type=range]::-webkit-slider-runnable-track{height:4px;background:#D9E1E7;border-radius:2px}
#main-content #visualiser.dsv-pixel-tool input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;background:#FECA12;border:0;border-radius:50%}
#main-content #visualiser.dsv-pixel-tool input[type=range]::-moz-range-track{height:4px;background:#D9E1E7;border-radius:2px}
#main-content #visualiser.dsv-pixel-tool input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#FECA12;border:0;border-radius:50%}

#scroll-showcase .secondary-seo-heading{font-size:11px!important;line-height:1.5!important}
/* Follow-up 15: restored 8b stack; only related-link fit and requested end spacing differ. */
#scroll-showcase .feature-details :is(.feature-seo-links a,.secondary-seo-heading a){display:inline-block;color:#175E7E;border-bottom:1px solid #FECA12;text-decoration:none;transition:transform 150ms ease}
#scroll-showcase .feature-details :is(.feature-seo-links a,.secondary-seo-heading a):is(:hover,:focus-visible){color:#175E7E;border-color:#FECA12;transform:translateY(-2px);text-decoration:none}
#scroll-showcase .feature-details :is(.feature-seo-links a,.secondary-seo-heading a):focus-visible{outline:2px solid #175E7E;outline-offset:3px}
.home #showcase-cta{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;display:flex;padding:39px 24px 64px;margin:0;min-height:0}
.home #showcase-cta .showcase-cta-content{transform:none;opacity:1;padding:0}
.home #showcase-cta .showcase-cta-content>:last-child{margin-bottom:0}
@media(min-width:601px){
 #main-content .ab-pile{--top:calc(var(--header-h,77px) + 32px)}
 body.admin-bar #main-content .ab-pile{--top:calc(var(--header-h,77px) + var(--wp-admin--admin-bar--height,32px) + 32px)}
}
@media(max-width:820px){.home #showcase-cta{padding:40px 20px}}
@media(max-width:600px){#main-content .ab-story .ab-bar{scroll-margin-top:calc(var(--header-h,77px) + 16px)}}
#dsBrandIntroSkip:focus:not(:focus-visible),#main-content .erp-choice:focus:not(:focus-visible){outline:none!important}
#dsBrandIntroSkip:focus-visible,#main-content .erp-choice:focus-visible{outline:2px solid #175E7E!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#scroll-showcase .feature-details :is(.feature-seo-links a,.secondary-seo-heading a){transition:none;transform:none!important}}