/* Approved October draft, applied to native editable WordPress blocks. */
h1,h2,h3,h4,.hero-copy h1,.strategy-home .hero-copy h1{letter-spacing:0}
.tudi-start{background:#fff;padding:88px 0 64px}
.tudi-start-wrap{width:calc(100% - 64px);max-width:1344px}
.tudi-start-heading{grid-template-columns:1.4fr 1fr;gap:64px;margin-bottom:34px}
.tudi-start-heading h2{font-size:64px;letter-spacing:0;max-width:700px}
.tudi-start-heading p{max-width:440px;margin:0;font-size:17px;line-height:1.65}
.tudi-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0}
.tudi-start-card:nth-child(n){display:flex;flex-direction:column;align-items:flex-start;min-height:420px;padding:30px 28px 28px;border:0;border-radius:8px;background:var(--paper);overflow:hidden}
.tudi-start-copy{position:relative;z-index:1;width:100%;max-width:360px;pointer-events:none}
.tudi-start-copy a{pointer-events:auto}
.tudi-start-card h3{max-width:none;margin:0 0 12px!important;font-size:30px;line-height:1.12;letter-spacing:0}
.tudi-start .tudi-start-subtitle{max-width:325px;margin:0 0 24px!important;font-size:16px;line-height:1.65}
.tudi-start .tudi-start-links{margin:0 0 24px!important;padding-left:18px;max-width:310px;font-size:15px;line-height:1.4}
.tudi-start-links li{margin:0 0 13px}
.tudi-start-links li:last-child{margin-bottom:0}
.tudi-start-links a{display:inline;min-height:0;font-size:15px;line-height:1.4;text-underline-offset:4px}
.tudi-start-card .tudi-start-visual{position:absolute;right:20px;bottom:72px;display:block;width:42%;max-width:300px;height:auto;aspect-ratio:1;margin:0!important;pointer-events:none}
.tudi-start-card .tudi-start-visual img{object-fit:contain;object-position:center;width:100%;height:100%}
.tudi-start .tudi-start-destination{position:relative;z-index:1;margin-top:auto!important;padding:0;justify-content:flex-start;gap:0}
.tudi-start-action{background:transparent;padding:0;min-height:0;display:block}
.tudi-start-action:after{content:none}
.tudi-start-action .wp-block-button__link{min-height:44px;padding:14px 16px;font-size:14px;line-height:1.25;border-radius:3px;gap:16px;text-decoration:none}
.tudi-start-action .wp-block-button__link:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg)}
.tudi-start-action:hover{background:transparent}
.strategy-home{min-height:calc(100svh - var(--hero-top,84px))}
.strategy-home .hero-copy{width:min(58%,660px);padding-block:64px}
.strategy-home .hero-copy h1{font-size:64px;line-height:1.08;letter-spacing:0}
.strategy-home .hero-copy .lead{font-size:18px;max-width:520px}
.strategy-home .hero-emphasis{color:var(--ink)}
.resource-technologies{background:#fff}
.resource-technologies .tudi-directory{margin-top:28px}
.site-header .submenu{width:440px;min-width:0;max-width:calc(100vw - 48px);max-height:calc(100dvh - 112px);overflow:auto}
.site-header .submenu-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.site-header .submenu-columns-single{grid-template-columns:minmax(0,1fr)}
.site-header .submenu-columns-single .submenu-label{display:none}
.site-header .submenu-column{min-width:0}
.site-header .submenu-label{margin:0 0 8px;padding:0;color:var(--wine);font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.site-header .submenu a{min-height:44px;padding:10px 8px;font-size:14px;font-weight:400;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.site-header .submenu-label a{color:var(--wine);font-size:16px;font-weight:700;line-height:1.35;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.site-header .submenu .submenu-brand{min-height:44px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding-block:8px}
:is(#menu-hardware,#menu-perangkat) .submenu-columns:not(.submenu-columns-single){grid-template-rows:repeat(6,auto);row-gap:0;align-items:stretch}
:is(#menu-hardware,#menu-perangkat) .submenu-columns:not(.submenu-columns-single)>.submenu-column{display:grid;grid-template-rows:subgrid;grid-row:1/span 6}
:is(#menu-hardware,#menu-perangkat) .submenu-column>a:not(.submenu-brand){align-items:center}
.site-header .submenu-brand img{width:112px;max-width:100%;height:28px;object-fit:contain;object-position:left center}
.site-header .submenu-brand span{font-size:12px;line-height:1.25}
.site-header .submenu-wide{left:auto;right:-22px}
.site-header :is(a,summary,button):focus-visible{outline-color:#efbd7f}
@media(min-width:1101px){.site-header .menu-group:nth-of-type(n+4) .submenu{left:auto;right:-22px}}
@media(min-width:1101px) and (max-width:1250px){
 .header-row{gap:20px}.main-menu{gap:12px}.menu-group .menu-parent,.site-header .main-menu>a{font-size:13px}.main-menu .nav-contact{padding-inline:16px}
 .tudi-start-heading h2{font-size:52px}
}
@media(min-width:701px) and (max-width:960px){
 .tudi-start-heading{grid-template-columns:1fr;gap:18px}
 .tudi-start-heading h2{font-size:48px}
 .tudi-start-heading p{max-width:680px}
 .tudi-start-card:nth-child(n){padding:25px;min-height:435px}
 .tudi-start-copy{max-width:100%}.tudi-start .tudi-start-subtitle{max-width:240px}
 .tudi-start-card .tudi-start-visual{width:38%;bottom:84px;right:12px}
 .tudi-start-card h3{font-size:27px}
}
@media(max-width:1100px){
 .site-header .submenu-wide{left:auto;right:auto}
 .site-header .submenu{width:100%;max-width:none;max-height:none;overflow:visible;padding:12px}
 .site-header .submenu-columns{gap:12px}
 .strategy-home .hero-copy{width:72%}
 .strategy-home .hero-copy h1{font-size:54px}
}
@media(max-width:700px){
 .tudi-start{padding:56px 0 30px}.tudi-start-wrap{width:calc(100% - 40px)}
 .tudi-start-heading{grid-template-columns:1fr;gap:20px}.tudi-start-heading h2{font-size:38px;line-height:1.08}
 .tudi-start-heading p{font-size:16px;max-width:none}
 .tudi-start-grid{grid-template-columns:1fr;gap:20px}
 .tudi-start-card:nth-child(n){min-height:406px;padding:26px 22px}
 .tudi-start-card h3{font-size:27px}
 .tudi-start .tudi-start-subtitle{max-width:265px;font-size:15px}
 .tudi-start .tudi-start-links{max-width:220px;font-size:14px}
 .tudi-start-links a{font-size:14px}.tudi-start-links li{margin-bottom:12px}
 .tudi-start-card .tudi-start-visual{width:43%;bottom:82px;right:8px;max-width:210px}
 .strategy-home .hero-copy{width:100%;padding-block:40px 80px}
 .strategy-home .hero-copy h1{font-size:40px;line-height:1.08}.strategy-home .hero-copy .lead{font-size:16px}
}
@media(max-width:360px){
 .tudi-start-card:nth-child(n){min-height:435px}.tudi-start-card .tudi-start-visual{width:37%}
 .tudi-start .tudi-start-subtitle{max-width:230px}.strategy-home .hero-copy h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.tudi-start a{transition:none}}

/* Homepage touch targets on phone/tablet and coarse pointers; preserve scene composition. */
@media(max-width:1100px),(pointer:coarse){body main .tudi-start .tudi-start-card .tudi-start-links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.tudi-start .tudi-start-links li{margin-bottom:0}}

/* ==== UI phase 1, 14 Oct 2026 (UI review B1-B8). Appended override block: delete from this line to the end marker to restore. ==== */
:root{--control-border:#878b87;--wine-deep:#59101a}

/* B1 Enquiry form: 3:1 field outlines, visible invalid state, branded sent/error boxes, pressed state. Six required fields unchanged. */
.tudi-contact-simple .tc-card .wpcf7 input:not([type=submit]):not([type=checkbox]),.tudi-contact-simple .tc-card .wpcf7 select,.tudi-contact-simple .tc-card .wpcf7 textarea{border-color:var(--control-border)}
.tudi-contact-simple .tc-card .wpcf7 input:not([type=submit]):not([type=checkbox]):focus,.tudi-contact-simple .tc-card .wpcf7 select:focus,.tudi-contact-simple .tc-card .wpcf7 textarea:focus{border-color:#821526}
.tudi-contact-simple .tc-card .wpcf7 input.wpcf7-not-valid:not([type=submit]):not([type=checkbox]),.tudi-contact-simple .tc-card .wpcf7 select.wpcf7-not-valid,.tudi-contact-simple .tc-card .wpcf7 textarea.wpcf7-not-valid{border-color:#b3261e;box-shadow:inset 0 0 0 1px #b3261e}
.tudi-contact-simple .wpcf7-not-valid-tip{font-size:14px;color:#b3261e}
.tudi-contact-simple .wpcf7 form .wpcf7-response-output{border:2px solid var(--control-border);border-radius:6px;background:#fff;color:var(--ink);font-size:14px}
.tudi-contact-simple .wpcf7 form.sent .wpcf7-response-output{border-color:#1f6b4a;background:#e8f2ec}
.tudi-contact-simple .wpcf7 form:is(.invalid,.unaccepted,.failed,.aborted,.spam,.payment-required) .wpcf7-response-output{border-color:#b3261e;background:#fbe9ea}
.tudi-contact-simple .tc-card .wpcf7 input[type=submit]:active{background:var(--wine-deep);transform:translateY(1px)}
.wpcf7 select,.wpcf7 input[type=number]{border-color:var(--control-border)}

/* B2 In-text links read as links; sole links in a paragraph (WhatsApp, email) get 44px rows. Buttons are excluded. */
.strategy-section p a:not(.button):not(.wp-block-button__link):not([class*=button]){color:var(--wine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.strategy-section p a:not(.button):not(.wp-block-button__link):not([class*=button]):hover{text-decoration-thickness:2px}
.strategy-section p>a:only-child:not(.button):not(.wp-block-button__link):not([class*=button]){display:inline-flex;align-items:center;min-height:44px}
.post-shell p a,.post-shell li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tudi-contact-simple .tc-direct p>a{display:inline-flex;align-items:center;min-height:44px}

/* B3 Homepage hero: legible pause control, earlier phone veil fade, 14px phone buttons. Composition unchanged. */
.strategy-home .hero-image-toggle{padding:8px 16px;border:1px solid var(--control-border);border-radius:22px;background:#f6f5f1ee;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}
.strategy-home .hero-image-toggle:hover{background:#fff;border-color:var(--wine);color:var(--wine)}
@media(max-width:767px){
 .strategy-home .hero-photo--illustrated:after{background:linear-gradient(180deg,#f6f5f1 0%,#f6f5f1fa 22%,#f6f5f1ee 40%,#f6f5f1c4 52%,#f6f5f15a 64%,transparent 76%)}
 .strategy-home .hero-photo--illustrated~.wrap .hero-copy .actions .button{font-size:14px}
}

/* B4 Hardware pages: no stray strip under the header, count-aware model grid, handheld headline in line with its peers. */
.pc{margin-block-start:0!important}
@media(min-width:701px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.product-grid:has(>li:nth-child(-n+2):last-child){grid-template-columns:repeat(2,minmax(260px,380px))}}
@media(max-width:700px){.product-grid>li:last-child:nth-child(odd){grid-column:1/-1}}
.page-hero h1.wp-block-heading{font-size:clamp(40px,4.7vw,68px)}

/* B5 Articles: heading scale, shorter line length, wider phone column. */
.post-shell{max-width:720px}
.post-shell .entry-content>h2{font-size:32px;line-height:1.2;margin-top:48px}
.post-shell .entry-content>h3{font-size:21px;line-height:1.3;margin-top:32px}
.post-shell :is(h2,h3) strong{font-weight:inherit}
@media(max-width:767px){.post-shell{width:100%;padding-inline:20px}.post-shell .entry-content>h2{font-size:26px}.post-shell .entry-content>h3{font-size:20px}}

/* B6 Blog: pagination chips and 44px filter links. */
nav[aria-label="Article pages"]{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
nav[aria-label="Article pages"] .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--control-border);border-radius:3px;color:var(--ink);font-weight:600;text-decoration:none}
nav[aria-label="Article pages"] a.page-numbers:hover{border-color:var(--wine);color:var(--wine)}
nav[aria-label="Article pages"] .page-numbers.current{background:var(--wine);border-color:var(--wine);color:#fff}
nav[aria-label="Article pages"] .page-numbers.dots{border-color:transparent}
a[href*="article-language="]:not(.page-numbers){display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}

/* B7 Footer follows the theme: Inter and the wine token instead of Arial and a one-off red. */
body #tudi-footer{font-family:Inter,sans-serif;--footer-bg:var(--wine)}

/* B8 Small accessibility: readable photo credits, visible focus on photo links, 44px Play button. */
.ts .ts-credit{font-size:12px!important;color:var(--muted)!important}
.ts .ts-number{color:var(--muted)}
.ts .ts-image-link:focus-visible{outline-offset:-6px;box-shadow:inset 0 0 0 3px #fff}
.stream-toggle{min-height:44px}
/* ==== end UI phase 1 ==== */

/* ==== UI phase 2, 14 Oct 2026. Appended after the phase 1 block: delete from this line to the end marker to restore the phase 1 state. ==== */
/* View model row on model cards (English and Bahasa). */
.product-card>a::after{content:"View model \2197";display:block;margin-top:14px;font-size:14px;font-weight:600;color:var(--wine)}
.product-card>a[lang=id]::after{content:"Lihat model \2197"}
.product-card>a:hover::after,.product-card>a:focus-visible::after{text-decoration:underline;text-underline-offset:4px}
/* Current section in the desktop header (set by the phase 2 script via aria-current). */
@media(min-width:1101px){.main-menu [aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}}
/* Hardware tiles: full-bleed generated images. Inert until the phase 2 plugin adds body.uip2. */
body.uip2 .pc .pc-tech figure{padding:0}
body.uip2 .pc .pc-tech img{object-fit:cover;mix-blend-mode:normal}
/* ==== end UI phase 2 ==== */

/* ==== UI phase 3 (conversion core C1-C7). Appended after phase 2: delete from this line to the end marker to restore. ==== */

/* C1 Article: topic CTA card, end block, filled primary button, shorter phone title. */
.post-shell .article-cta{margin:40px 0;padding:24px 26px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--wine);border-radius:3px;display:grid;gap:10px}
.post-shell .article-cta p{margin:0;font-size:16px;line-height:1.6}
.post-shell .article-cta .article-cta-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)}
.post-shell .article-cta .article-cta-title{font-size:22px;font-weight:700;line-height:1.25}
.post-shell .article-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.post-shell .article-cta-actions a{text-decoration:none}
.post-shell .article-cta-actions a.button:not(.secondary){color:#fff}
.post-shell .article-end{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);display:grid;gap:20px}
.post-shell .article-end h2{font-size:24px;line-height:1.2;margin:0}
.post-shell .article-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.post-shell .article-related li{margin:0}
.post-shell .article-related a{display:grid;gap:10px;color:var(--ink);text-decoration:none}
.post-shell .article-related a:hover strong{text-decoration:underline;text-underline-offset:3px}
.post-shell .article-related figure{margin:0;aspect-ratio:3/2;background:#e9e8e2;overflow:hidden;border-radius:3px}
.post-shell .article-related img{width:100%;height:100%;object-fit:cover;display:block}
.post-shell .article-related strong{font-size:16px;line-height:1.35}
.post-shell .article-related time{font-size:13px;color:var(--muted)}
.post-shell .article-end-links{display:flex;flex-wrap:wrap;gap:0 24px;margin:0;font-size:16px}
.post-shell .article-end-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
body.uip3 .post-shell a.button.secondary:only-child,body.uip3 .post-shell p>a.button.secondary{background:var(--wine);border-color:var(--wine);color:#fff;text-decoration:none}
@media(max-width:767px){body.uip3 .post-shell h1{font-size:30px;line-height:1.18}}

/* C3 One closing band: same rhythm, left-aligned copy, one headline scale, one button spec. */
body.uip3 .closing-section{padding-block:64px}
body.uip3 .closing-section .closing-inner{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
body.uip3 .closing-section h2,body.uip3 .ts-closing h2,body.uip3 .strategy-closing h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15}
body.uip3 .ts .ts-closing{padding-block:64px}
body.uip3 .ts .ts-button{border-radius:3px;min-height:52px}
body.uip3 .strategy-closing{padding-block:64px}
body.uip3 .button,body.uip3 .ts-button,body.uip3 .wp-block-button__link,body.uip3 .tudi-contact-simple .tc-card .wpcf7 input[type=submit]{border-radius:3px;min-height:52px}
body.uip3 .button:active,body.uip3 .ts-button:active,body.uip3 .wp-block-button__link:active{transform:translateY(1px)}

/* C4 Phone enquiry bar (added by the draft script) and the Cookie choices tab above it. */
.p3-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px #18212614;transform:translateY(110%);transition:transform .2s ease}
.p3-bar a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:3px;font:600 14px/1 Inter,sans-serif;text-decoration:none}
.p3-bar .p3-primary{background:var(--wine);color:#fff}
.p3-bar .p3-wa{background:#fff;color:var(--ink);border:1px solid var(--control-border,#878b87)}
.p3-bar a:focus-visible{outline:3px solid var(--wine);outline-offset:2px}
@media(max-width:767px){.p3-bar{display:flex}.p3-bar.is-on{transform:none}body.p3-bar-on #cmplz-manage-consent button.cmplz-manage-consent{bottom:72px!important}}
@media(prefers-reduced-motion:reduce){.p3-bar{transition:none}}
.p3-cookie-link{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* C2 Contact form: topic chip and response-time line (added by the draft script). */
.tudi-contact-simple .tc-topic{display:inline-block;margin:0 0 14px;padding:6px 10px;background:#f1e3e5;color:var(--wine);font-size:13px;font-weight:600;border-radius:3px}
.tudi-contact-simple .tc-response{margin:0 0 12px;font-size:14px;color:var(--muted)}

/* C6 Solutions hub on phones: show the solution pills on the first screen. */
@media(max-width:700px){body.uip3 .ts .ts-hero.ts-hero-full{min-height:0;padding-bottom:56px}body.uip3 .ts .ts-index a{display:inline-flex;align-items:center;min-height:44px}}

/* C7 Blog index cards (the classes only exist while the plugin is active). */
.p3-blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.p3-blog-filter a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--control-border,#878b87);border-radius:3px;color:var(--ink);font-weight:600;text-decoration:none}
.p3-blog-filter a:hover{border-color:var(--wine);color:var(--wine)}
.p3-blog-filter a[aria-current]{background:var(--wine);border-color:var(--wine);color:#fff}
.p3-blog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.p3-blog-grid li{margin:0;min-width:0}
.p3-blog-grid a{display:grid;gap:10px;color:var(--ink);text-decoration:none;position:relative}
.p3-blog-grid a:hover strong{text-decoration:underline;text-underline-offset:3px}
.p3-blog-grid figure{margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:#e9e8e2}
.p3-blog-grid figure img{width:100%;height:100%;object-fit:cover;display:block}
.p3-blog-grid .p3-lang{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:3px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.04em}
.p3-blog-grid strong{font-size:19px;line-height:1.3}
.p3-blog-grid .p3-excerpt{font-size:15px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p3-blog-grid time{font-size:13px;color:var(--muted)}
.p3-pagecount{display:inline-flex;align-items:center;min-height:44px;margin-right:8px;color:var(--muted)}
@media(max-width:1100px){.p3-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.p3-blog-grid{grid-template-columns:1fr}}
/* ==== end UI phase 3 ==== */

/* ==== UI phase 4 (plan phases 3 and 4). Rules apply only with body.uip4. Delete from this line to the end marker to restore. ==== */
/* Catalog brand strip (home, Company). */
body.uip4 .p4-brands{padding-block:28px;background:#fff;border-block:1px solid var(--line)}
body.uip4 .p4-brands-label{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body.uip4 .p4-brands ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 36px}
body.uip4 .p4-brands li{margin:0}
body.uip4 .p4-brands a{display:inline-flex;align-items:center;min-height:44px}
body.uip4 .p4-brands img{display:block;width:auto;height:30px;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}
body.uip4 .p4-brands a:hover img,body.uip4 .p4-brands a:focus-visible img{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){body.uip4 .p4-brands img{transition:none}}

/* Company: profile column follows the page edge instead of jumping to the centre. */
body.uip4 #company-profile .prose{margin-inline:0}

/* Solutions: the planning-example qualification reads as small print; wording unchanged. */
body.uip4 #solution-examples .wrap>h2+p{max-width:640px;padding-left:12px;border-left:2px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted)}

/* Hardware hub: older Product types and Brands lists use the catalog's card pattern. */
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;border:0}
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory li{margin:0;border:0}
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory a{display:grid;gap:8px;height:100%;padding:20px 20px 22px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .18s}
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory a:hover{border-color:var(--wine)}
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory strong{font-size:18px;color:var(--ink)}
body.uip4:has(.pc) :is(#types,#brands) .tudi-directory span{font-size:14px;line-height:1.55;color:var(--muted)}

/* Phase 4: one container edge (the header's 89% / 1360px) for Solutions, Hardware, restructured pages and the footer. */
body.uip4 .ts-wrap,body.uip4 .pc-wrap{width:min(89%,1360px)}
body.uip4 .tudi-restructured .wrap.rc-container{width:min(89%,1360px);max-width:none;margin-inline:auto}
body.uip4 #tudi-footer .tf-wrap{width:min(89%,1360px);max-width:none;padding-inline:0}
@media(max-width:767px){body.uip4 .ts-wrap,body.uip4 .pc-wrap,body.uip4 .tudi-restructured .wrap.rc-container,body.uip4 #tudi-footer .tf-wrap{width:88%}}
/* Phase 4: one hub headline size (Solutions 76px, Hardware 70px, others 64-68px before). */
@media(min-width:768px){body.uip4 :is(.ts-hero,.pc-hero,.page-hero) h1{font-size:clamp(40px,4.7vw,68px)}}
/* Phase 4: homepage technology row shows half of the next item as a scroll cue. */
@media(min-width:651px){body.uip4 .strategy-home~* .partner-viewport,body.uip4 .partner-viewport{max-width:616px}}
/* ==== end UI phase 4 ==== */

/* ==== UI phase 5 (remaining plan items). Rules apply only with body.uip5. Delete from this line to the end marker to restore. ==== */
/* B2: WhatsApp and email rows on Industries, Company and other closing bands become 44px tap targets. */
body.uip5 .strategy-section p:has(>a[href*="wa.me"]) a:not(.button):not([class*=button]),
body.uip5 .ts-contact a{display:inline-flex;align-items:center;min-height:44px}
/* E1: Solutions and Hardware pages use the theme's brand tokens instead of their own near-duplicate shades. */
body.uip5 .ts{--wine:#7d1420;--ink:#182126;--muted:#596268;--line:#d5d4cd}
body.uip5 .pc{--pc-red:#7d1420;--pc-ink:#182126;--pc-muted:#596268;--pc-line:#d5d4cd}
/* C5: homepage discovery-card buttons line up with the card text. */
body.uip5 .tudi-start .tudi-start-destination,body.uip5 .tudi-start .tudi-start-action{padding-inline:0!important;margin-inline:0!important}
/* ==== end UI phase 5 ==== */

/* ==== UI phase 6 (plain-template pages). Rules apply only with body.uip6. Delete from this line to the end marker to restore. ==== */
/* Hub directories as image cards. */
body.uip6 .tudi-directory.p6-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:0;border:0;list-style:none}
body.uip6 .tudi-directory.p6-cards>li{margin:0;padding:0;border:0;min-width:0}
body.uip6 .tudi-directory.p6-cards>li>a{display:flex;flex-direction:column;height:100%;padding:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}
body.uip6 .tudi-directory.p6-cards>li>a:hover{border-color:var(--wine);transform:translateY(-2px);box-shadow:0 10px 24px #1821260f}
body.uip6 .tudi-directory.p6-cards>li>a:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
body.uip6 .tudi-directory.p6-cards figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:#e9e8e2}
body.uip6 .tudi-directory.p6-cards figure img{display:block;width:100%;height:100%;object-fit:cover}
body.uip6 .tudi-directory.p6-cards strong{display:block;padding:20px 22px 0;font-size:20px;line-height:1.25;text-decoration:none}
body.uip6 .tudi-directory.p6-cards span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:8px 22px 0;font-size:15px;line-height:1.55;color:var(--muted)}
body.uip6 .tudi-directory.p6-cards>li>a::after{content:"Explore \2197";margin-top:auto;padding:18px 22px 22px;font-size:14px;font-weight:600;color:var(--wine)}
body.uip6 html[lang^="id"] .tudi-directory.p6-cards>li>a::after,html[lang^="id"] body.uip6 .tudi-directory.p6-cards>li>a::after{content:"Jelajahi \2197"}
body.uip6 .tudi-directory.p6-cards-text>li>a{background:#fff}
body.uip6 .tudi-directory.p6-cards>li>a,body.uip6 .tudi-directory.p6-cards>li{text-align:left}
@media(min-width:1101px){body.uip6 .tudi-directory.p6-cards:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}body.uip6 .tudi-directory.p6-cards:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}body.uip6 .tudi-directory.p6-cards:has(>li:nth-child(5):last-child) strong{font-size:18px}}
@media(max-width:1000px){body.uip6 .tudi-directory.p6-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.uip6 .tudi-directory.p6-cards{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){body.uip6 .tudi-directory.p6-cards>li>a{transition:none}body.uip6 .tudi-directory.p6-cards>li>a:hover{transform:none}}

/* Hero photo beside the copy. */
body.uip6 section.p6-hero-split>.wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
body.uip6 .p6-hero-copy{min-width:0}
body.uip6 .p6-hero-copy>*:first-child{margin-top:0}
body.uip6 .p6-hero-media{margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#e9e8e2}
body.uip6 .p6-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){body.uip6 section.p6-hero-split>.wrap{grid-template-columns:1fr;gap:28px}body.uip6 .p6-hero-media{aspect-ratio:16/9}}
/* ==== end UI phase 6 ==== */

/* ==== UI phase 7 (DERAS hero visual). Rules apply only with body.uip7. Delete from this line to the end marker to restore. ==== */
body.uip7 section.p6-hero-split>.wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
body.uip7 .p7-deras{aspect-ratio:auto;display:grid;gap:14px;padding:28px 26px 22px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:visible}
body.uip7 .p7-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px}
body.uip7 .p7-node{display:grid;justify-items:center;align-content:center;gap:12px;min-height:170px;padding:16px 10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-align:center}
body.uip7 .p7-node>span{font-size:13px;font-weight:600;line-height:1.3;color:var(--ink)}
body.uip7 .p7-reader img{width:100%;max-width:150px;height:96px;object-fit:contain;mix-blend-mode:multiply}
body.uip7 .p7-core{background:#fff;border-color:var(--wine);box-shadow:0 0 0 3px #7d142014}
body.uip7 .p7-core img{width:100%;max-width:140px;height:auto}
body.uip7 .p7-systems ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;justify-items:center}
body.uip7 .p7-systems li{margin:0}
body.uip7 .p7-systems img{display:block;width:auto;height:22px;max-width:96px;object-fit:contain}
body.uip7 .p7-link{height:2px;background:repeating-linear-gradient(90deg,var(--wine) 0 6px,transparent 6px 11px);position:relative}
body.uip7 .p7-link:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--wine);border-top:5px solid transparent;border-bottom:5px solid transparent}
body.uip7 .p7-deras figcaption{font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
@media(max-width:900px){body.uip7 section.p6-hero-split>.wrap{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){
 body.uip7 .p7-deras{padding:20px 16px 16px}
 body.uip7 .p7-flow{grid-template-columns:1fr;gap:4px;justify-items:stretch}
 body.uip7 .p7-node{min-height:0;grid-template-columns:110px 1fr;justify-items:start;text-align:left;padding:12px 14px}
 body.uip7 .p7-reader img{height:64px}
 body.uip7 .p7-node{align-items:center}
 body.uip7 .p7-systems{grid-template-columns:1fr;justify-items:start}
 body.uip7 .p7-systems ul{grid-auto-flow:column;justify-content:start;gap:16px}
 body.uip7 .p7-systems img{height:18px;max-width:84px}
 body.uip7 .p7-link{width:2px;height:22px;justify-self:center;background:repeating-linear-gradient(180deg,var(--wine) 0 6px,transparent 6px 11px)}
 body.uip7 .p7-link:after{right:-4px;top:auto;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--wine);border-bottom:0}
}
/* ==== end UI phase 7 ==== */

/* ===== UI phase 8 (15 Oct 2026): exhaustive page-family refinement. Gated by body.uip8. ===== */

/* --- Site-wide: floating cookie tab moves out of the content (footer link "Cookie choices" stays) --- */
body.uip8 #cmplz-manage-consent button.cmplz-manage-consent{top:auto!important;right:auto!important;left:16px!important;bottom:16px!important;transform:none!important;animation:none!important;min-height:36px;padding:8px 12px!important;font:500 13px/1 Inter,sans-serif!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:3px!important;box-shadow:0 4px 12px #1821261a}
@media(max-width:767px){body.uip8.p3-bar-on #cmplz-manage-consent button.cmplz-manage-consent{display:none!important}}

/* --- Site-wide: one closing band (inset wine card) --- */
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section){background:transparent!important;border-top:0!important;padding-block:clamp(40px,5vw,72px)!important}
body.uip8 :is(.strategy-closing .strategy-close,.strategy-closing>.wrap:not(:has(.strategy-close)),.closing-section .closing-inner,.ts-closing .ts-close-inner,.inv-consult>.wrap,.rc-closing>.wrap,.cta-section .cta-inner){display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(24px,4vw,56px);row-gap:12px;align-items:center;border:0!important;border-radius:12px;padding:clamp(32px,4.5vw,60px)!important;color:#fff;background:linear-gradient(100deg,#520c18fa 0%,#701322f0 50%,#62111fcc 100%),url(/wp-content/uploads/2026/10/warehouse.jpg) center 56%/cover;max-width:1280px}
body.uip8 :is(.strategy-close,.strategy-closing>.wrap:not(:has(.strategy-close)),.inv-consult>.wrap,.rc-closing>.wrap)>*{grid-column:1;margin:0!important}
body.uip8 :is(.strategy-close,.strategy-closing>.wrap:not(:has(.strategy-close)),.inv-consult>.wrap)>:is(.actions,.wp-block-buttons){grid-column:2;grid-row:1/span 4;display:flex;flex-direction:column;align-items:stretch;gap:10px}
body.uip8 .rc-closing>.wrap>.rc-section-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
body.uip8 .rc-closing>.wrap>.rc-section-content>p{margin:0!important}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(h2,h3){color:#fff!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.08;letter-spacing:-.02em;max-width:20ch;margin:0 0 8px!important}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) p{color:#f4d9da!important;max-width:56ch}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(.eyebrow,.ts-kicker){color:#f1c9c9!important}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) a:not(.button):not(.ts-button):not(.wp-block-button__link){color:#fff!important;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:3px}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(.button,.ts-button,.wp-block-button__link){background:#fff!important;border:1px solid #fff!important;color:var(--wine)!important;border-radius:3px!important;min-height:48px;padding:0 22px!important;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none!important}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(.button.secondary,.ts-button-secondary,.is-style-outline .wp-block-button__link){background:transparent!important;color:#fff!important;border-color:#ffffffa0!important}
body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(.button,.ts-button,.wp-block-button__link):hover{background:#f6f5f1!important}
body.uip8 .ts-close-actions .ts-contact{color:#f4d9da!important;font-size:14px!important}
body.uip8 .ts-closing .ts-endnote{color:var(--muted)!important}
@media(max-width:767px){
 body.uip8 :is(.strategy-close,.strategy-closing>.wrap:not(:has(.strategy-close)),.closing-section .closing-inner,.ts-closing .ts-close-inner,.inv-consult>.wrap,.rc-closing>.wrap,.cta-section .cta-inner,.rc-closing>.wrap>.rc-section-content){grid-template-columns:1fr!important;border-radius:10px;padding:28px 22px!important}
 body.uip8 :is(.strategy-close,.strategy-closing>.wrap:not(:has(.strategy-close)),.inv-consult>.wrap)>:is(.actions,.wp-block-buttons){grid-column:1;grid-row:auto;margin-top:12px!important}
 body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section){padding-inline:16px!important}
 body.uip8 :is(.strategy-closing,.closing-section,.ts-closing,.inv-consult,.rc-closing,.cta-section) :is(.button,.ts-button,.wp-block-button__link){width:100%}
}

/* --- Shared hero eyebrow and photo hero tweaks --- */
body.uip8 .p8-eyebrow{margin:0 0 16px!important;font:600 12px/1.3 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
body.uip8 .p8-sol-hero h1{font-size:clamp(36px,4.2vw,58px)!important;line-height:1.05;letter-spacing:-.02em;max-width:14ch}
body.uip8 .p8-sol-hero .lead{max-width:46ch}
body.uip8:is(.page-id-17,.page-id-282) .p6-hero-media img{object-position:50% 35%}
body.uip8 .p8-contain{background:#fff;border:1px solid var(--line)}
body.uip8 .p8-contain img{object-fit:contain!important;padding:8%}
body.uip8 .p8-captioned{position:relative}
body.uip8 .p8-captioned figcaption{position:absolute;left:12px;bottom:12px;padding:4px 8px;background:#fffffff0;border-radius:3px;font-size:12px;color:var(--muted)}
@media(max-width:900px){body.uip8 .p8-type-hero .p6-hero-media{aspect-ratio:4/3;max-height:260px}body.uip8 .p8-sol-hero h1{max-width:none}}

/* --- Solutions detail pages (case template) --- */
body.uip8 .case-deras{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:10px}
body.uip8 .case-deras>summary{color:var(--ink)!important;font-size:16px}
body.uip8 .case-deras>summary::before{content:'</>';display:inline-block;margin-right:12px;padding:2px 7px;border-radius:3px;background:#f3e6e8;color:var(--wine);font:600 12px/1.6 ui-monospace,monospace}
body.uip8 .case-deras>summary::after{border-color:var(--wine)!important}
body.uip8 .case-deras[open]{background:var(--ink)!important;color:#d9dcd8!important;border-color:var(--ink)!important}
body.uip8 .case-deras[open]>summary{color:#fff!important}
body.uip8 .case-deras[open]>summary::before{background:#ffffff1a;color:#e8a9b0}
body.uip8 .case-deras[open]>summary::after{border-color:#fff!important}
body.uip8 .case-study-lower{padding-bottom:32px!important}
body.uip8 .case-study-lower+.strategy-section{padding-top:40px!important}
body.uip8 .case-study-lower~.strategy-section .strategy-rows{counter-reset:pr;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 20px;border:0}
body.uip8 .case-study-lower~.strategy-section .strategy-rows>div{counter-increment:pr;display:block!important;border:1px solid var(--line)!important;border-top:3px solid var(--wine)!important;border-radius:8px;background:#fff;padding:22px 22px 24px!important}
body.uip8 .case-study-lower~.strategy-section .strategy-rows dt{font-size:18px;font-weight:600;margin-bottom:8px}
body.uip8 .case-study-lower~.strategy-section .strategy-rows dt::before{content:counter(pr,decimal-leading-zero);display:block;margin-bottom:10px;color:var(--wine);font-size:13px;font-weight:600;letter-spacing:.06em}
body.uip8 .case-study-lower~.strategy-section .strategy-rows dd{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
body.uip8 .case-study-lower~.strategy-section:not(.strategy-closing) .strategy-rows+p:not(:has(>a:only-child)){max-width:72ch;margin:0;padding:12px 16px;border-left:3px solid var(--line);background:#efede7;color:var(--muted);font-size:14px;line-height:1.6;border-radius:0 6px 6px 0}
body.uip8 .case-study-lower~.strategy-section .strategy-rows+p>a:only-child{font-weight:600}
body.uip8 .case-hw-list:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
body.uip8 .case-hw{border-radius:10px}
body.uip8 .case-hw-media{border-radius:8px;background:#e4e2db}
body.uip8 .case-figure{border-radius:10px}
body.uip8 .case-steps-title{font-size:13px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)!important}
@media(max-width:900px){body.uip8 .case-study-lower~.strategy-section .strategy-rows{grid-template-columns:1fr;gap:10px}body.uip8 .case-study-lower~.strategy-section .strategy-rows>div{padding:18px!important}}
/* Inventaris: primary action in the hero, quiet technical disclosure */
body.uip8 .inv-introduction .wp-block-button.is-style-outline .wp-block-button__link{background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important;border-radius:3px}
body.uip8 .inv-introduction .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#5f0f18!important}
body.uip8 .inv-technical{border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 22px}
body.uip8 .inv-technical>summary{list-style:none;position:relative;padding:18px 40px 18px 0;font-size:16px;font-weight:600;cursor:pointer}
body.uip8 .inv-technical>summary::-webkit-details-marker{display:none}
body.uip8 .inv-technical>summary::after{content:'';position:absolute;right:6px;top:calc(50% - 6px);width:8px;height:8px;border-right:2px solid var(--wine);border-bottom:2px solid var(--wine);transform:rotate(45deg)}
body.uip8 .inv-technical[open]>summary::after{transform:rotate(225deg);top:calc(50% - 2px)}
body.uip8 .inv-technical[open]{padding-bottom:22px}

/* --- Industries --- */
body.uip8 .industry-hero .scene-tabs,body.uip8 .industry-hero .scene-explore{display:none!important}
body.uip8 .industry-hero .scene-status{white-space:normal;overflow:visible;text-overflow:clip;max-width:none}
body.uip8 .p8-topic-head h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.1;letter-spacing:-.02em;margin:0 0 14px!important}
body.uip8 .p8-topic-head p{color:var(--muted);font-size:17px;line-height:1.6;max-width:42ch}
body.uip8 .p8-topic-body>*:first-child{margin-top:0!important}
body.uip8 .p8-topic-body :is(p,li){font-size:16px;line-height:1.65}
body.uip8 .p8-steps{counter-reset:p8}
body.uip8 .p8-step{counter-increment:p8;border-top:1px solid var(--line);padding:22px 0 24px}
body.uip8 .p8-step::before{content:counter(p8,decimal-leading-zero);display:block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--wine);margin-bottom:10px}
body.uip8 .p8-step h3{font-size:22px!important;line-height:1.25;margin:0 0 8px!important;border:0!important;padding:0!important}
body.uip8 .p8-step p{margin:0!important;color:var(--muted)}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child){list-style:none;padding:0;margin:20px 0 0;border-top:1px solid var(--line)}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child)>li{padding:16px 28px 16px 0;margin:0;border-bottom:1px solid var(--line);position:relative;color:var(--muted)}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child)>li>a:first-child{font-weight:600;color:var(--ink);text-decoration:none}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child)>li>a:first-child::before{content:'';position:absolute;inset:0}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child)>li::after{content:"\2192";position:absolute;right:4px;top:16px;color:var(--wine)}
body.uip8 .p8-topic-body ul.wp-block-list:has(>li>a:first-child)>li:hover>a{color:var(--wine)}
body.uip8 .p8-topic-body ul.wp-block-list:not(:has(>li>a:first-child)){list-style:none;padding:0}
body.uip8 .p8-topic-body ul.wp-block-list:not(:has(>li>a:first-child))>li{position:relative;padding:8px 0 8px 30px;margin:0}
body.uip8 .p8-topic-body ul.wp-block-list:not(:has(>li>a:first-child))>li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--wine);border-bottom:2px solid var(--wine);transform:rotate(-45deg)}
body.uip8 .p8-topic-body p a,body.uip8 .p8-topic-head p a{display:inline;padding:0;min-height:0}
@media(min-width:901px){
 body.uip8 .strategy-section.expanded-topic:not(.strategy-closing)>.wrap:has(>.p8-topic-head){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:72px;align-items:start}
 body.uip8 .p8-topic-head{position:sticky;top:110px}
}
body.uip8 .strategy-section.expanded-topic:not(.strategy-closing){padding-block:clamp(48px,6vw,80px)!important;border-top:1px solid var(--line)}
body.uip8 .p8-more{padding-block:clamp(48px,6vw,80px) 8px}
body.uip8 .p8-more h2{font-size:clamp(26px,2.6vw,36px)!important;margin:0 0 24px!important}
body.uip8 .p8-more .p6-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
body.uip8 .p8-more .p6-cards strong{font-size:17px!important}
body.uip8 .p8-more-all{margin-top:20px!important}
body.uip8 .p8-more-all a{font-weight:600;color:var(--wine)}
body.uip8 .p8-more-all a::after{content:" \2192"}
@media(max-width:1100px){body.uip8 .p8-more .p6-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){body.uip8 .p8-more .p6-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body.uip8 .p8-more .p6-cards strong{font-size:15px!important}}
body.uip8 .p8-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
body.uip8 .p8-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #878b87;border-radius:3px;background:#fff;color:var(--ink);font-weight:600;font-size:15px;text-decoration:none}
body.uip8 .p8-jump a:hover{border-color:var(--wine);color:var(--wine)}
body.uip8 .tudi-directory.p6-cards span{-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}

/* --- Solutions hub --- */
body.uip8 section:has(>.wrap>#systems-list),body.uip8 section:has(>div>#systems-list){display:none!important}
body.uip8 .p8-anchor{display:block;scroll-margin-top:96px}
body.uip8 .ts-industry{padding:0!important;overflow:hidden;background:#fff;border:1px solid #e2e0d9;border-radius:10px}
body.uip8 .ts-industry::before{display:none!important}
body.uip8 .ts-industry-bg{position:static!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9;filter:none!important;object-fit:cover;margin:0 0 6px;opacity:1!important}
body.uip8 .ts-industry>:not(.ts-industry-bg){padding-inline:22px}
body.uip8 .ts-industry>:last-child{padding-bottom:22px}

/* --- Learning: articles, blog, technology, resources, guides --- */
body.uip8 .post-shell h1.wp-block-post-title{font-size:clamp(32px,3.6vw,46px)!important;line-height:1.12;letter-spacing:-.02em;margin-bottom:14px!important}
body.uip8 .p8-article-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 32px!important;font-size:14px!important;line-height:1.5!important;color:var(--muted)}
body.uip8 .p8-article-meta a{color:var(--wine);font-weight:600;text-decoration:none}
body.uip8 .post-shell u{text-decoration:none}
body.uip8 .post-shell .entry-content>figure.wp-block-image:first-child{border-radius:8px;overflow:hidden}
body.uip8 .post-shell .article-related strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.35}
@media(max-width:767px){body.uip8 .post-shell h1.wp-block-post-title{font-size:30px!important}}
body.uip8 .p3-blog-filter a{padding:0 18px!important;min-height:44px;display:inline-flex;align-items:center;font-size:15px}
body.uip8 .p3-blog-grid strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:640px){body.uip8 .p3-blog-filter{overflow-x:auto;flex-wrap:nowrap}body.uip8 .p3-blog-filter a{white-space:nowrap}}
body.uip8 .tf-page .tudi-directory-gallery li>a{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;height:100%}
body.uip8 .tf-page .tudi-directory-gallery figure{margin:0}
body.uip8 .tf-page .tudi-directory-gallery strong{padding:16px 18px 0;text-decoration:none;font-size:20px}
body.uip8 .p8-tile-def{display:block;padding:6px 18px 18px;font-size:14px;line-height:1.5;color:var(--muted)}
body.uip8 .tf-page .tudi-directory-gallery a:hover{border-color:var(--wine)}
@media(max-width:700px){body.uip8 .tf-page .tudi-directory.tudi-directory-gallery{grid-template-columns:1fr!important;gap:12px}body.uip8 .tf-page .tudi-directory-gallery li>a{display:grid!important;grid-template-columns:112px 1fr;align-items:center}body.uip8 .tf-page .tudi-directory-gallery figure{grid-row:span 2;aspect-ratio:1;height:100%}body.uip8 .tf-page .tudi-directory-gallery figure img{height:100%;object-fit:cover}body.uip8 .tf-page .tudi-directory-gallery strong{padding:14px 16px 0}body.uip8 .p8-tile-def{padding:4px 16px 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
body.uip8 .tf-page .rc-jump a{font-size:15px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
body.uip8 .tf-example{background:#fff!important;border:1px solid var(--line)!important;border-left:4px solid var(--wine)!important;border-radius:8px;padding:20px 24px!important}
body.uip8 .tf-example-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px!important;font-weight:600;color:var(--wine)}
body.uip8 .tf-sources a{font-size:15px;display:inline-flex;min-height:44px;align-items:center}
body.uip8 .p8-guides{margin:40px 0 8px;padding-top:28px;border-top:1px solid var(--line)}
body.uip8 .p8-guides-title{font-size:13px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);margin:0 0 14px!important}
body.uip8 .p8-guides ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.uip8 .p8-guides li{margin:0}
body.uip8 .p8-guides a{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:600;text-decoration:none;min-height:56px}
body.uip8 .p8-guides a:hover{border-color:var(--wine);color:var(--wine)}
body.uip8 .p8-guides img{width:56px;height:42px;object-fit:cover;border-radius:4px;flex:none}
@media(max-width:767px){body.uip8 .p8-guides ul{grid-template-columns:1fr 1fr}}
body.uip8 .resource-list article{position:relative}
body.uip8 .resource-list h2 a{text-decoration:none}
body.uip8 .resource-list h2 a::after{content:" \2192";color:var(--wine)}
body.uip8 .resource-list h2 a::before{content:"";position:absolute;inset:0}
body.uip8 .resource-list article:hover h2 a{color:var(--wine)}
body.uip8 .resource-list :is(#blog,#learning-center) h2{margin-left:0!important;padding-left:0!important;text-indent:0}
body.uip8 .tudi-directory.p6-cards>li>a,body.uip8 .tudi-directory.p6-cards>li>a>*{text-align:left!important}
body.uip8 .tudi-directory.p6-cards>li>a{align-items:stretch!important}
@media(max-width:640px){body.uip6.uip8 .tudi-directory.p6-cards:not(.p6-cards-text)>li>a.has-img{display:grid!important;grid-template-columns:104px 1fr;grid-template-rows:auto 1fr;column-gap:0}body.uip8 .tudi-directory.p6-cards>li>a.has-img figure{grid-row:1/3;aspect-ratio:1!important;height:100%}body.uip8 .tudi-directory.p6-cards>li>a.has-img strong{padding:14px 14px 0!important;font-size:17px!important}body.uip8 .tudi-directory.p6-cards>li>a.has-img span{padding:4px 14px 14px!important;font-size:14px;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden!important}body.uip8 .tudi-directory.p6-cards>li>a.has-img::after{display:none}body.uip8 .p8-more .tudi-directory.p6-cards>li>a.has-img{display:flex!important}}

/* --- Hardware: model pages --- */
body.uip8 .product-portrait{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
body.uip8 .product-detail h1{letter-spacing:-.02em}
body.uip8 #model-specifications{background:#fff;border-block:1px solid var(--line)}
body.uip8 #model-specifications .prose{max-width:none!important;margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);column-gap:72px;align-items:start}
body.uip8 #model-specifications .prose>*{grid-column:1}
body.uip8 #model-specifications .prose>h2{font-size:clamp(28px,2.8vw,40px)!important;margin:0!important}
body.uip8 #model-specifications .prose>.p8-specs{grid-column:2;grid-row:1/span 12;list-style:none;padding:0;margin:0!important;border-top:2px solid var(--ink)}
body.uip8 .p8-specs li{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid var(--line);margin:0!important;font-size:15px;line-height:1.55}
body.uip8 .p8-k{font-weight:600;color:var(--ink)}
body.uip8 #model-specifications .prose>h3{font-size:20px!important;margin-top:32px!important}
body.uip8 #model-specifications .prose>p{font-size:15px;color:var(--muted);margin-top:12px!important}
@media(max-width:900px){body.uip8 #model-specifications .prose{display:block}body.uip8 .p8-specs{margin-top:20px!important}body.uip8 .p8-specs li{grid-template-columns:1fr;gap:2px;padding:12px 0}body.uip8 .p8-k{font-size:13px;color:var(--muted)}}
body.uip8 .entry-content:has(.product-detail) .hardware-section .section-head h2{font-size:clamp(28px,2.8vw,40px)!important}
body.uip8 .entry-content:has(.product-detail) .industries-grid{grid-template-columns:repeat(auto-fill,minmax(260px,320px))!important;gap:20px}
body.uip8 .entry-content:has(.product-detail) .industry{border:1px solid var(--line)!important;border-radius:10px;background:#fff;padding:0 0 22px!important;overflow:hidden}
body.uip8 .p8-ind-img{margin:0 0 18px;aspect-ratio:16/9;overflow:hidden}
body.uip8 .p8-ind-img img{width:100%;height:100%;object-fit:cover;display:block}
body.uip8 .entry-content:has(.product-detail) .industry>:is(h3,p){padding-inline:22px}
@media(max-width:767px){body.uip8 .product-portrait{max-height:280px}body.uip8 .product-portrait img{max-height:240px;object-fit:contain}}
/* Hardware: type pages */
body.uip8 .p8-models-callout{margin-top:40px;padding:24px 28px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
body.uip8 .p8-models-callout :is(h2,h3){font-size:22px!important;margin:0!important}
body.uip8 .p8-models-callout .product-paths{margin:0!important}
body.uip8 .p8-models-callout .product-paths a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--wine);border-radius:3px;color:var(--wine);text-decoration:none;font-weight:600}
@media(min-width:701px){body.uip8 .product-grid:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}body.uip8 .product-grid:has(>li:only-child){grid-template-columns:minmax(0,320px)}}
body.uip8 .product-card figure{border-radius:10px}
body.uip8 :is(.page-id-19,.page-id-20,.page-id-21,.page-id-22,.page-id-23,.page-id-24) .hardware-section .section-head h2{font-size:clamp(30px,3.2vw,46px)!important}
/* Hardware hub on phones: compact type and brand lists */
@media(max-width:767px){
 body.uip8:is(.page-id-18,.page-id-257) :is(#types,#brands) .tudi-directory{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--line)}
 body.uip8:is(.page-id-18,.page-id-257) :is(#types,#brands) .tudi-directory>li>a{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:14px 28px 14px 0!important;min-height:48px;position:relative;background:none!important}
 body.uip8:is(.page-id-18,.page-id-257) :is(#types,#brands) .tudi-directory>li>a::after{content:"\2192";position:absolute;right:4px;top:14px;color:var(--wine)}
 body.uip8:is(.page-id-18,.page-id-257) :is(#types,#brands) .tudi-directory span{display:none!important}
}

/* --- Brands --- */
body.uip8 .brand-directory .tudi-directory{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
body.uip8 .brand-directory .tudi-directory li{border:0!important;margin:0;padding:0}
body.uip8 .brand-directory .tudi-directory a{display:flex!important;flex-direction:column;gap:10px;height:100%;padding:28px!important;background:#fff;border:1px solid var(--line)!important;border-radius:10px;text-decoration:none;color:var(--ink)}
body.uip8 .brand-directory .tudi-directory a:hover{border-color:var(--wine)!important}
body.uip8 .brand-directory .tudi-directory a::before{content:"";display:block;height:48px;margin-bottom:10px;background:no-repeat left center/contain}
body.uip8 .brand-directory a[href$="/zebra/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/zebra.webp)}
body.uip8 .brand-directory a[href$="/chainway/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/chainway.webp)}
body.uip8 .brand-directory a[href$="/tsc/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/tsc.svg)}
body.uip8 .brand-directory a[href$="/avery-dennison/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/avery-dennison.webp)}
body.uip8 .brand-directory a[href$="/tageos/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/tageos.svg)}
body.uip8 .brand-directory a[href$="/hid/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/hid.svg)}
body.uip8 .brand-directory a[href$="/hikvision/"]::before{background-image:url(/wp-content/themes/tudi-motion/assets/partners/hikvision.svg)}
body.uip8 .brand-directory .tudi-directory strong{font-size:22px;font-weight:600;text-decoration:none}
body.uip8 .brand-directory .tudi-directory span{font-size:15px;line-height:1.55;color:var(--muted)}
body.uip8 .brand-directory .tudi-directory a::after{content:"\2192";margin-top:auto;padding-top:8px;color:var(--wine);font-weight:600}
@media(max-width:1100px){body.uip8 .brand-directory .tudi-directory{grid-template-columns:1fr 1fr}}
@media(max-width:767px){body.uip8 .brand-directory .tudi-directory{grid-template-columns:1fr;gap:12px}body.uip8 .brand-directory .tudi-directory a{padding:20px!important}body.uip8 .brand-directory .tudi-directory a::before{height:36px}}
body.uip8 .zebra-model{position:relative;background:#fff;border:1px solid var(--line)!important;border-radius:10px;overflow:hidden;padding:0 0 22px!important;display:flex;flex-direction:column}
body.uip8 .zebra-model>:is(.wp-block-image,.brand-inlay-panel){height:220px;margin:0 0 18px!important;display:grid;place-items:center;background:#efeeea!important;padding:24px!important}
body.uip8 .zebra-model>.wp-block-image img{height:100%!important;max-height:172px;width:auto!important;max-width:100%;object-fit:contain!important}
body.uip8 .zebra-model .brand-inlay-artwork img{width:100%!important;height:auto!important;max-height:150px;object-fit:contain!important}
body.uip8 .zebra-model>:is(h3,p){padding-inline:20px}
body.uip8 .zebra-model h3{margin-top:0!important;font-size:20px!important}
body.uip8 .zebra-model h3 a{color:var(--ink);text-decoration:none}
body.uip8 .zebra-model h3 a::after{content:"";position:absolute;inset:0}
body.uip8 .zebra-model:hover{border-color:var(--wine)!important}
@media(max-width:767px){body.uip8 .zebra-model-grid:has(.brand-inlay-panel){grid-template-columns:1fr!important}body.uip8 .zebra-model>:is(.wp-block-image,.brand-inlay-panel){height:170px}}
body.uip8 .zebra-chapter .brand-inlay-panel{background:#efeeea!important;border-radius:10px}
body.uip8 .zebra-text-link .wp-block-button__link{width:auto!important}
body.uip8 .zebra-workflow{padding-block:48px!important}
body.uip8 .zebra-workflow h2{font-size:clamp(26px,2.4vw,36px)!important}
body.uip8 .zebra-workflow a{display:inline-block;padding-block:10px}
body.uip8 .rc-kind--brand #models .product-paths a,body.uip8 .rc-kind--brand #related .rc-section-content a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600}
body.uip8 .rc-kind--brand #models .product-paths a::after,body.uip8 .rc-kind--brand #related .rc-section-content a::after{content:"\2192";color:var(--wine)}
body.uip8 .rc-kind--brand .rc-hero .wp-block-image{order:-1}

/* --- Planning examples --- */
body.uip8 .p8-status{display:inline-block;margin:0 0 16px!important;padding:5px 10px;border:1px solid var(--wine);border-radius:3px;font-size:12px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wine)}
body.uip8 .rc-kind--solution-set .rc-hero h1{font-size:clamp(36px,3.6vw,52px)!important}
body.uip8 .rc-hero .lead.p8-qual{max-width:62ch;margin-top:20px!important;padding:14px 16px;background:#fff;border-left:3px solid var(--wine);border-radius:0 8px 8px 0;font-size:16px!important;line-height:1.55;color:var(--ink)}
body.uip8 .rc-kind--solution-set #collections .rc-section-content{display:flex;flex-wrap:wrap;gap:12px}
body.uip8 .rc-kind--solution-set #collections .rc-section-content>p{margin:0!important}
body.uip8 .rc-kind--solution-set #collections a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #878b87;border-radius:3px;color:var(--ink);font-weight:600;text-decoration:none}
body.uip8 .rc-kind--solution-set #collections a:hover{border-color:var(--wine);color:var(--wine)}
@media(max-width:767px){body.uip8 .rc-kind--solution-set .rc-hero h1{font-size:32px!important}}

/* --- Company, partnership, privacy, DERAS, contact --- */
body.uip8 #company-profile .prose{max-width:none!important}
body.uip8 #company-profile .prose>:is(h2,p){max-width:72ch}
body.uip8 #company-profile .prose>ul.wp-block-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0;padding:0;list-style:none}
body.uip8 #company-profile .prose>ul.wp-block-list>li{margin:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.6;color:var(--muted)}
body.uip8 #company-profile .prose>ul.wp-block-list>li>strong:first-child{display:block;margin-bottom:10px;font-size:20px;line-height:1.25;font-weight:600;color:var(--ink)}
body.uip8 .p8-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
body.uip8 .p8-panel{padding:32px;background:#fff;border:1px solid var(--line);border-radius:12px}
body.uip8 .p8-panel h2{margin-top:0!important;font-size:clamp(24px,2.2vw,30px)!important}
body.uip8 .p8-deras{border-color:var(--wine);box-shadow:0 0 0 3px #7d142014}
body.uip8 .p8-panel-logo{display:block;height:28px;width:auto;margin-bottom:20px}
@media(max-width:900px){body.uip8 #company-profile .prose>ul.wp-block-list,body.uip8 .p8-pair{grid-template-columns:1fr;gap:14px}body.uip8 .p8-panel{padding:22px}}
body.uip8.page-id-37 .section-head{align-items:start!important}
body.uip8.page-id-37 .industries-grid .industry{padding:26px!important;background:#fff;border:1px solid var(--line)!important;border-radius:12px}
body.uip8.page-id-3 #analytics-cookie-choices{padding-top:0!important}
body.uip8 #cmplz-manage-consent-container .cmplz-category{margin:0 0 8px;background:#fff;border:1px solid var(--line);border-radius:8px}
body.uip8 #cmplz-manage-consent-container input[type=checkbox]{accent-color:var(--wine)}
body.uip8 .deras-hero.p6-hero-split h1{font-size:clamp(38px,3.6vw,54px)!important;line-height:1.05;max-width:16ch}
body.uip8.page-id-260 .deras-hero.p6-hero-split h1{font-size:clamp(34px,3.2vw,48px)!important}
@media(max-width:560px){body.uip8 .deras-hero.p6-hero-split h1{font-size:34px!important}}
body.uip8 .tudi-contact-simple .tc-direct p>a{display:inline-flex;width:100%;max-width:340px;min-height:52px;padding:0 18px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink)!important;text-decoration:none!important}
body.uip8 .tudi-contact-simple .tc-direct p>a::after{content:"\2197";color:var(--wine)}
body.uip8 .tudi-contact-simple .tc-direct p>a:hover{border-color:var(--wine)}
body.uip8 .p4-brands img[alt="Tageos"]{filter:grayscale(1) contrast(2.2) brightness(.6)!important;opacity:1!important}
/* phase 8 corrections after the first preview pass */
body.uip8 #cmplz-manage-consent button.cmplz-manage-consent{display:none!important}
body.uip8 .inv-consult .inv-section-head{display:block!important}
body.uip8 .inv-consult .inv-section-head>*{margin:0 0 10px!important}
body.uip8 .p4-brands img[alt="Tageos"]{filter:brightness(0)!important;opacity:.7!important;height:36px}
body.uip8:is(.page-id-262,.page-id-264) .p4-brands+.strategy-section{padding-bottom:16px!important}
body.uip8:is(.page-id-262,.page-id-264) #company-profile{padding-top:32px!important}
/* phase 8 corrections, second pass */
body.uip8 .strategy-section p>a:only-child:not(.button):not(.wp-block-button__link):not([class*="button"]){display:inline!important;min-height:0!important;padding-block:10px}
body.uip8 .brand-directory .tudi-directory a::before{width:100%;align-self:stretch;max-width:180px}
body.uip8 .p8-guides a,body.uip8 .p8-guides a span{text-decoration:none!important}
body.uip8 .p8-more-all a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:640px){
 body.uip6.uip8 .p8-more .tudi-directory.p6-cards:not(.p6-cards-text)>li>a.has-img{display:flex!important;flex-direction:column}
 body.uip6.uip8 .p8-more .tudi-directory.p6-cards>li>a.has-img figure{grid-row:auto;aspect-ratio:3/2!important;height:auto}
 body.uip6.uip8 .p8-more .tudi-directory.p6-cards>li>a.has-img strong{padding:10px 12px 12px!important;font-size:15px!important}
 body.uip8 #model-specifications .prose>.p8-specs{margin-top:20px!important}
}
@media(min-width:901px){
 body.uip8 .entry-content:has(.product-detail) .hardware-section>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:64px;row-gap:16px;align-items:start}
 body.uip8 .entry-content:has(.product-detail) .hardware-section .section-head{grid-column:1;grid-row:1;display:block!important;margin:0!important}
 body.uip8 .entry-content:has(.product-detail) .hardware-section .section-head>p{margin-top:12px!important;max-width:40ch}
 body.uip8 .entry-content:has(.product-detail) .hardware-section .industries-grid{grid-column:2;grid-row:1/span 3;margin:0!important}
 body.uip8 .entry-content:has(.product-detail) .hardware-section>.wrap>:is(.actions,.source-link){grid-column:1;margin:0!important}
 body.uip8 .entry-content:has(.product-detail) .hardware-section{padding-block:72px!important}
}
body.uip8 .zebra-model .brand-inlay-panel :is(.brand-inlay-frame,.brand-inlay-artwork,figure){width:100%!important;max-width:none!important;height:auto!important}
body.uip8 .zebra-model .brand-inlay-panel img{width:100%!important;max-width:100%!important;height:auto!important;max-height:160px}
body.uip8:is(.page-id-19,.page-id-20,.page-id-21,.page-id-22,.page-id-23,.page-id-24) .entry-content>section.section:nth-of-type(2)>.wrap>p:first-child{font-size:14px;margin-bottom:8px!important}
body.uip8:is(.page-id-19,.page-id-20,.page-id-21,.page-id-22,.page-id-23,.page-id-24) .entry-content>section.section:nth-of-type(2)>.wrap>p:first-child a{color:var(--wine);font-weight:600}
body.uip8:is(.page-id-19,.page-id-20,.page-id-21,.page-id-22,.page-id-23,.page-id-24) .entry-content>section.section:nth-of-type(2)>.wrap>p:first-child a::before{content:"\2190  "}
body.uip8:is(.page-id-19,.page-id-20,.page-id-21,.page-id-22,.page-id-23,.page-id-24) .entry-content>section.section:nth-of-type(2) h2{font-size:clamp(28px,2.8vw,40px)!important}
@media(max-width:640px){
 body.uip8 .p3-blog-grid{gap:16px!important}
 body.uip8 .p3-blog-grid li>a{display:grid!important;grid-template-columns:104px 1fr;column-gap:14px;row-gap:4px;align-items:start;position:relative}
 body.uip8 .p3-blog-grid li>a>figure{grid-row:1/span 2;aspect-ratio:1!important;margin:0!important;border-radius:6px;overflow:hidden}
 body.uip8 .p3-blog-grid li>a>figure img{width:100%;height:100%;object-fit:cover}
 body.uip8 .p3-blog-grid .p3-excerpt{display:none!important}
 body.uip8 .p3-blog-grid strong{font-size:16px!important;line-height:1.3;margin:0!important}
 body.uip8 .p3-blog-grid time{grid-column:2;margin:0!important}
 body.uip8 .p3-blog-grid .p3-lang{top:4px!important;left:4px!important;font-size:10px!important;padding:1px 5px!important}
}

/* ===== UI phase 9 (15 Oct 2026): Bahasa hardware hub catalog. Gated by body.uip9. ===== */
body.uip9 .pc .p9-en{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.04em;color:var(--muted);vertical-align:middle;text-decoration:none}
body.uip9 .pc .pc-other-type .p9-en{margin-left:4px}
body.uip9.page-id-257 .software-grid>*{min-width:0}
body.uip9.page-id-257 .software-section h2{overflow-wrap:break-word}
@media(max-width:600px){body.uip9.page-id-257 .software-section h2{font-size:34px!important;line-height:1.1}}

/* UI phase 10 (15 Oct 2026): carded header dropdowns, smoother menu shade, industry photo heroes. */
/* Header: smooth shade on the open/current menu group */
body.uip10 .site-header .main-menu .menu-group{border-radius:10px;padding-left:10px;margin-left:-10px;background:transparent;box-shadow:inset 0 0 0 1px transparent;transition:background-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}
body.uip10 .site-header .main-menu .menu-group:hover{background:rgba(66,11,14,.22)}
body.uip10 .site-header .main-menu .menu-group:has(details[open]),body.uip10 .site-header .main-menu .menu-group:has(>.menu-parent[aria-current]){background:rgba(66,11,14,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body.uip10 .site-header .main-menu .menu-parent:hover{color:#fff}
body.uip10 .site-header .main-menu .menu-group summary::after{width:10px;height:10px;flex-basis:10px;border-width:2.25px}
body.uip10 .site-header .main-menu .menu-group summary{border-radius:8px;transition:background-color .2s ease}
body.uip10 .site-header .main-menu .menu-group summary:hover{background:rgba(255,255,255,.1)}
@media(min-width:1101px){body.uip10 .main-menu .menu-group>.menu-parent[aria-current]{text-decoration:none;box-shadow:inset 0 -2px 0 #fff}}
/* Header: each subsection is its own card (Industries format) */
@media(min-width:1101px){
body.uip10 .site-header .main-menu .menu-group .submenu{top:calc(100% + 8px);left:0;right:auto;width:auto;min-width:0;max-width:calc(100vw - 48px);max-height:none;overflow:visible;padding:0;background:transparent;box-shadow:none;border-radius:0}
body.uip10 .site-header .main-menu .menu-group:nth-of-type(n+4) .submenu{left:auto;right:0}
body.uip10 .site-header .submenu-columns{display:grid;grid-template-columns:repeat(2,240px);gap:12px;align-items:start}
body.uip10 .site-header .submenu-columns-single{grid-template-columns:240px}
body.uip10 .site-header .main-menu .menu-group .submenu:has(.submenu-columns-single){left:calc(50% - 120px);right:auto}
body.uip10 .site-header .submenu-column{background:#fff;border-radius:12px;padding:14px 12px;box-shadow:0 18px 44px rgba(18,25,30,.14),0 2px 6px rgba(18,25,30,.06)}
body.uip10 .site-header .submenu-columns-single .submenu-column{padding:10px 12px}
body.uip10 .site-header .submenu-label{padding:0 8px 6px;margin:0 0 4px;border-bottom:1px solid #eee7e3}
body.uip10 .site-header .p10-brands-first{grid-template-columns:500px;grid-template-rows:none!important;row-gap:12px!important}
body.uip10 .site-header .p10-brands-first>.submenu-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-row:auto!important;column-gap:8px}
body.uip10 .site-header .p10-brands-first>.submenu-column:first-child{grid-template-columns:repeat(3,minmax(0,1fr))}
body.uip10 .site-header .p10-brands-first .submenu-label{grid-column:1/-1}
body.uip10 .site-header .p10-brands-first .submenu-brand{align-items:center;padding:10px 8px}
body.uip10 .site-header .p10-brands-first .submenu-brand img{object-position:center}
}
body.uip10 .site-header .submenu a{border-radius:8px;transition:background-color .18s ease,color .18s ease}
body.uip10 .site-header .submenu a:hover,body.uip10 .site-header .submenu a:focus-visible{background:rgba(136,24,31,.1);color:#88181f;font-weight:700}
body.uip10 .site-header .submenu-label a:hover{background:transparent}
@media(max-width:1100px){
body.uip10 .site-header .main-menu .menu-group{margin-left:0;padding-left:0}
body.uip10 .site-header .main-menu .menu-group .menu-parent{padding-left:12px}
body.uip10 .site-header .main-menu .menu-group:has(details[open]){background:rgba(66,11,14,.35)}
body.uip10 .site-header .submenu{background:transparent;padding:0 8px 10px;margin:4px 0 6px}
body.uip10 .site-header .main-menu .submenu-columns{display:grid;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:10px!important}
body.uip10 .site-header .main-menu>a:not(.nav-contact){padding-left:12px}
body.uip10 .site-header .submenu-column{background:#fff;border-radius:12px;padding:12px;display:block!important;grid-row:auto!important;box-shadow:0 6px 18px rgba(0,0,0,.12)}
body.uip10 .site-header .p10-brands-first>.submenu-column:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:auto;column-gap:8px}
body.uip10 .site-header .p10-brands-first .submenu-label{grid-column:1/-1}
}
/* Industry pages: photo instead of the 3D scene */
body.uip10 .industry-hero .hero-composition:has(.p10-industry-media){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;min-height:0;padding-block:24px 56px}
body.uip10 .industry-hero:has(.p10-industry-media){min-height:0;height:auto}
body.uip10 .industry-hero .hero-composition:has(.p10-industry-media) .hero-copy{width:auto;max-width:640px;position:static}
body.uip10 .industry-hero .hero-composition:has(.p10-industry-media) h1{font-size:clamp(38px,4.4vw,64px);line-height:1.05}
body.uip10 .industry-hero .hero-composition:has(.p10-industry-media) .lead{max-width:520px}
body.uip10 .p10-industry-media{margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#e9e8e2}
body.uip10 .p10-industry-media img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){body.uip10 .industry-hero .hero-composition:has(.p10-industry-media){display:grid;grid-template-columns:1fr;gap:28px}body.uip10 .p10-industry-media{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){body.uip10 .site-header *{transition:none!important}}
/* Phase 10b: closing-band WhatsApp/email buttons on the planning guides (same rules the saved global styles give /resources/) */
body.page-id-287 .resource-contact-actions{gap:12px;margin-top:14px}
body.page-id-287 .resource-contact-actions .button{display:inline-flex;align-items:center;gap:10px;min-height:48px;border:1px solid #88181f;color:#88181f;background:#fff}
body.page-id-287 .resource-contact-actions .button:hover{background:#f7e9e9}
body.page-id-287 .resource-contact-actions svg{width:21px;height:21px;flex:0 0 auto}
@media(max-width:767px){body.page-id-287 .resource-contact-actions{flex-direction:column;align-items:stretch}body.page-id-287 .resource-contact-actions .button{justify-content:center;white-space:normal;overflow-wrap:anywhere}}
/* Bahasa Blog card links to ?article-language=id, which an earlier rule turns into an inline-flex chip */
body.uip10b .revamp-resource-link{display:flex!important;align-items:flex-start!important;padding-inline:28px!important}
@media(max-width:767px){body.uip10b .revamp-resource-link{padding-inline:24px!important}}