/* A3 local reference page and explicit unavailable IA states */
body.dialoc-a2-root .nav-unavailable {
  display: flex; align-items: center; justify-content: space-between; gap: .65rem;
  min-height: 44px; padding: .65rem .75rem; color: var(--muted); cursor: not-allowed;
}
body.dialoc-a2-root .nav-unavailable small { font-size: .62rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
body.dialoc-a2-root .desktop-nav > .nav-unavailable { display: none; }
body.dialoc-a2-root .task-card.is-unavailable { color: var(--muted); background: var(--surface); border-style: dashed; cursor: not-allowed; }
body.dialoc-a2-root .task-card.is-unavailable .task-arrow { width: auto; font-size: .68rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }

body.dialoc-a2-root .a3-service-hero { padding-block: clamp(3rem, 6vw, 6.5rem); background: linear-gradient(135deg, var(--page) 0 63%, var(--surface) 63%); }
body.dialoc-a2-root .a3-service-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(300px, .98fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
body.dialoc-a2-root .a3-service-hero-copy { grid-column: 1; grid-row: 1; min-width: 0; }
body.dialoc-a2-root .a3-service-visual { grid-column: 2; grid-row: 1; margin: 0; }
body.dialoc-a2-root .a3-service-visual img { width: 100%; min-height: 380px; object-fit: cover; box-shadow: var(--shadow); }
body.dialoc-a2-root .a3-evidence-note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .76rem; }
body.dialoc-a2-root .a3-quick-facts { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); }
body.dialoc-a2-root .a3-quick-fact { min-width: 0; padding: .85rem 1rem; border-left: 1px solid var(--line); }
body.dialoc-a2-root .a3-quick-fact:first-child { border-left: 0; }
body.dialoc-a2-root .a3-quick-fact span, body.dialoc-a2-root .a3-quick-fact small { display: block; color: var(--muted); }
body.dialoc-a2-root .a3-quick-fact strong { display: block; margin-block: .25rem; font-size: 1.05rem; }
body.dialoc-a2-root .a3-quick-fact small { font: 700 .62rem/1.4 Consolas, monospace; overflow-wrap: anywhere; }
body.dialoc-a2-root .a3-check-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
body.dialoc-a2-root .a3-check-list li { position: relative; padding: 1rem 1rem 1rem 2.5rem; border-bottom: 1px solid var(--line); }
body.dialoc-a2-root .a3-check-list li::before { content: "✓"; position: absolute; left: .75rem; color: var(--focus); font-weight: 800; }
body.dialoc-a2-root .a3-scope-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); }
body.dialoc-a2-root .a3-scope-grid article { min-width: 0; min-height: 240px; padding: 1.5rem; border-left: 1px solid var(--line); background: var(--page); }
body.dialoc-a2-root .a3-scope-grid article:first-child { border-left: 0; }
body.dialoc-a2-root .a3-scope-grid article > span { display: block; margin-bottom: 2rem; color: var(--blue-deep); font: 750 .72rem/1 Consolas, monospace; }
body.dialoc-a2-root .a3-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--line); counter-reset: a3-step; list-style: none; }
body.dialoc-a2-root .a3-process li { min-width: 0; padding: 1.5rem; background: var(--page); counter-increment: a3-step; }
body.dialoc-a2-root .a3-process li::before { content: counter(a3-step, decimal-leading-zero); display: block; margin-bottom: 2.2rem; color: var(--blue-deep); font: 750 .72rem/1 Consolas, monospace; }
body.dialoc-a2-root .a3-related { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 5rem); }
body.dialoc-a2-root .a3-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
body.dialoc-a2-root .a3-related-grid > * { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; min-height: 112px; padding: 1rem; border: 1px solid var(--line); text-decoration: none; }
body.dialoc-a2-root .a3-related-grid span { color: var(--muted); background: var(--surface); border-style: dashed; }
body.dialoc-a2-root .a3-related-grid small { display: block; margin-top: .7rem; font-size: .68rem; }
body.dialoc-a2-root .a3-local-form { display: grid; gap: 1rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line); background: var(--page); }
body.dialoc-a2-root .a3-local-form label { display: grid; gap: .4rem; font-weight: 700; }
body.dialoc-a2-root .a3-local-form select, body.dialoc-a2-root .a3-local-form textarea { width: 100%; min-height: 48px; padding: .75rem; border: 1px solid var(--line-strong); border-radius: 0; background: #fff; color: var(--ink); }
body.dialoc-a2-root .a3-form-banner { padding: .75rem 1rem; border-left: 4px solid var(--focus); background: var(--surface); }
body.dialoc-a2-root .a3-local-form[data-ui-state="loading"] .a3-form-banner { border-color: var(--blue); }
body.dialoc-a2-root .a3-local-form[data-ui-state="error"] .a3-form-banner { border-color: #a52c22; background: #fff0ed; }
body.dialoc-a2-root .a3-local-form[data-ui-state="success"] .a3-form-banner { border-color: #08705f; background: #e5f7f1; }
body.dialoc-a2-root .a3-form-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
body.dialoc-a2-root .text-button { min-height: 44px; padding: .5rem; border: 0; background: transparent; color: var(--blue-deep); text-decoration: underline; }
body.dialoc-a2-root .a3-form-contract { margin: 0; color: var(--muted); font: 700 .62rem/1.5 Consolas, monospace; }
body.dialoc-a2-root .a3-privacy-list { padding-left: 1.2rem; }

@media (max-width: 960px) {
  body.dialoc-a2-root .a3-service-hero-grid, body.dialoc-a2-root .a3-related { grid-template-columns: 1fr; }
  body.dialoc-a2-root .a3-service-hero-copy { grid-column: 1; grid-row: 1; }
  body.dialoc-a2-root .a3-service-visual { grid-column: 1; grid-row: 2; }
  body.dialoc-a2-root .a3-evidence-note { grid-column: 1; grid-row: 3; }
  body.dialoc-a2-root .a3-quick-facts { grid-column: 1; grid-row: 4; }
  body.dialoc-a2-root .a3-scope-grid, body.dialoc-a2-root .a3-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dialoc-a2-root .a3-scope-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  body.dialoc-a2-root .a3-scope-grid article:nth-child(4) { border-top: 1px solid var(--line); }
}
@media (max-width: 560px) {
  body.dialoc-a2-root .a3-service-hero-copy .draft-label { display: none; }
  body.dialoc-a2-root .a3-service-hero { background: var(--page); padding-block: 2.5rem; }
  body.dialoc-a2-root .a3-service-visual img { min-height: 230px; }
  body.dialoc-a2-root .a3-quick-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dialoc-a2-root .a3-quick-fact { padding: .7rem .75rem; }
  body.dialoc-a2-root .a3-quick-fact:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
  body.dialoc-a2-root .a3-scope-grid, body.dialoc-a2-root .a3-process, body.dialoc-a2-root .a3-related-grid { grid-template-columns: 1fr; }
  body.dialoc-a2-root .a3-scope-grid article { min-height: 0; border-left: 0; border-top: 1px solid var(--line); }
  body.dialoc-a2-root .a3-scope-grid article:first-child { border-top: 0; }
  body.dialoc-a2-root .a3-form-actions { align-items: stretch; flex-direction: column; }
  body.dialoc-a2-root .a3-form-actions > * { width: 100%; }
}
@media (max-width: 340px) {
  body.dialoc-a2-root .a3-quick-facts { grid-template-columns: 1fr; }
  body.dialoc-a2-root .a3-quick-fact { grid-column: auto; border-left: 0; border-top: 1px solid var(--line); }
  body.dialoc-a2-root .a3-quick-fact:first-child { border-top: 0; }
  body.dialoc-a2-root .a3-quick-fact:nth-child(3) { grid-column: auto; }
}

/* A3 owner-copy refinement: same A1b-R2 system, JSON-backed content. */
body.dialoc-a2-root .a3-owner-result,
body.dialoc-a2-root .a3-price-layout {
  display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 5vw, 5rem); align-items: start;
}
body.dialoc-a2-root .a3-owner-result-copy {
  margin: 0; padding: clamp(1.25rem, 3vw, 2rem); border-left: 4px solid var(--blue-deep);
  background: var(--surface); color: var(--ink); font-size: clamp(1.08rem, 1.8vw, 1.35rem); line-height: 1.58;
}
body.dialoc-a2-root .a3-price-card {
  border: 1px solid var(--line); background: var(--page); padding: clamp(1.25rem, 3vw, 2rem);
}
body.dialoc-a2-root .a3-price-card p { margin-top: 0; font-size: 1.08rem; }
body.dialoc-a2-root .a3-price-card small { color: var(--muted); }
body.dialoc-a2-root .a3-owner-process {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px;
  margin: 0; padding: 1px; background: var(--line); counter-reset: a3-owner-step; list-style: none;
}
body.dialoc-a2-root .a3-owner-process li {
  min-width: 0; min-height: 220px; padding: 1.4rem; background: var(--page); counter-increment: a3-owner-step;
}
body.dialoc-a2-root .a3-owner-process li::before {
  content: counter(a3-owner-step, decimal-leading-zero); display: block; margin-bottom: 2rem;
  color: var(--blue-deep); font: 750 .72rem/1 Consolas, monospace;
}
body.dialoc-a2-root .a3-owner-process li:last-child { background: var(--surface); }
body.dialoc-a2-root .a3-owner-process li:last-child { grid-column: 1 / -1; min-height: 145px; }
body.dialoc-a2-root .a3-owner-process p { margin: 0; overflow-wrap: anywhere; }
body.dialoc-a2-root .a3-faq { border-top: 1px solid var(--line); }
body.dialoc-a2-root .a3-faq details { border-bottom: 1px solid var(--line); }
body.dialoc-a2-root .a3-faq summary {
  position: relative; padding: 1.1rem 3rem 1.1rem 0; cursor: pointer; list-style: none;
  color: var(--ink); font-size: 1.08rem; font-weight: 760;
}
body.dialoc-a2-root .a3-faq summary::-webkit-details-marker { display: none; }
body.dialoc-a2-root .a3-faq summary::after { content: "+"; position: absolute; right: .5rem; color: var(--blue-deep); font-size: 1.4rem; }
body.dialoc-a2-root .a3-faq details[open] summary::after { content: "−"; }
body.dialoc-a2-root .a3-faq details p { max-width: 76ch; margin: 0; padding: 0 3rem 1.2rem 0; color: var(--muted); }
body.dialoc-a2-root .a3-workshops { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
body.dialoc-a2-root .a3-workshops article { min-width: 0; border: 1px solid var(--line); background: var(--page); padding: clamp(1.25rem, 3vw, 2rem); }
body.dialoc-a2-root .a3-workshops p { margin: 1.5rem 0 .4rem; color: var(--muted); }
body.dialoc-a2-root .a3-workshops h3 { margin: 0 0 1.25rem; font-size: clamp(1.45rem, 2.5vw, 2.2rem); overflow-wrap: anywhere; }
body.dialoc-a2-root .a3-workshops small { color: var(--muted); font: 700 .62rem/1.5 Consolas, monospace; overflow-wrap: anywhere; }
body.dialoc-a2-root .a3-location-mark { color: var(--blue-deep); font-size: 1.45rem; }
body.dialoc-a2-root .a3-credentials {
  display: grid; grid-template-columns: .8fr 1.2fr; gap: 1.5rem 2.5rem;
  margin-top: 1rem; border: 1px dashed var(--line-strong); background: var(--surface); padding: clamp(1.1rem, 3vw, 1.7rem);
}
body.dialoc-a2-root .a3-credentials h3 { font-size: 1.05rem; }
body.dialoc-a2-root .a3-credentials dl { margin: 0; }
body.dialoc-a2-root .a3-credentials dl > div { display: grid; grid-template-columns: .85fr 1.15fr; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--line); }
body.dialoc-a2-root .a3-credentials dt { color: var(--muted); }
body.dialoc-a2-root .a3-credentials dd { margin: 0; min-width: 0; }
body.dialoc-a2-root .a3-credentials dd strong,
body.dialoc-a2-root .a3-credentials dd small { display: block; overflow-wrap: anywhere; }
body.dialoc-a2-root .a3-credentials dd small { margin-top: .25rem; color: var(--muted); font: 700 .6rem/1.5 Consolas, monospace; }
body.dialoc-a2-root .a3-credential-note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .78rem; }

@media (max-width: 960px) {
  body.dialoc-a2-root .a3-owner-result,
  body.dialoc-a2-root .a3-price-layout,
  body.dialoc-a2-root .a3-credentials { grid-template-columns: 1fr; }
  body.dialoc-a2-root .a3-owner-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  body.dialoc-a2-root .a3-owner-process,
  body.dialoc-a2-root .a3-workshops { grid-template-columns: 1fr; }
  body.dialoc-a2-root .a3-owner-process li { min-height: 0; }
  body.dialoc-a2-root .a3-owner-process li:last-child { grid-column: auto; }
  body.dialoc-a2-root .a3-credentials dl > div { grid-template-columns: 1fr; gap: .3rem; }
}
@media (max-width: 340px) {
  body.dialoc-a2-root .a3-service,
  body.dialoc-a2-root .a3-service * { min-width: 0; }
  body.dialoc-a2-root .a3-service p,
  body.dialoc-a2-root .a3-service h1,
  body.dialoc-a2-root .a3-service h2,
  body.dialoc-a2-root .a3-service h3,
  body.dialoc-a2-root .a3-service strong,
  body.dialoc-a2-root .a3-service small,
  body.dialoc-a2-root .a3-service a { overflow-wrap: anywhere; }
}

/* A8-P28-R2: visual-direction prototype, exact installation route only. */
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service { color: var(--r2-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service-hero {
  background: var(--r2-tint);
  box-shadow: inset 0 -1px 0 var(--r2-border);
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service-hero .eyebrow,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-result .eyebrow,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-price-layout .eyebrow,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-related .eyebrow { color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service-visual img {
  border-color: var(--r2-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 48, 77, .1);
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-quick-facts {
  border-color: var(--r2-border);
  border-radius: 8px;
  background: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-quick-fact { border-color: var(--r2-border); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-quick-fact strong { color: var(--r2-navy); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service > .section.soft { background: var(--r2-tint); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-result-copy {
  border-color: var(--r2-blue);
  border-radius: 8px;
  background: var(--r2-tint);
  color: var(--r2-ink);
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-price-card,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-workshops article,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .technical-module {
  border-color: var(--r2-border);
  border-radius: 8px;
  background: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .technical-module-head {
  border-color: var(--r2-border);
  background: var(--r2-navy);
  color: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .technical-module-head h2 { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-process {
  background: var(--r2-navy);
  color: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-process .eyebrow,
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-process .section-heading > p { color: #dceaf6; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-process h2 { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-process { background: var(--r2-border); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-process li { background: #fff; color: var(--r2-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-process li::before { color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-owner-process li:last-child { background: var(--r2-tint); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-faq,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-faq details { border-color: var(--r2-border); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-faq summary,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-workshops h3 { color: var(--r2-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-faq summary::after,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-location-mark { color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-related-grid > a {
  border-color: var(--r2-border);
  border-radius: 8px;
  background: var(--r2-tint);
  color: var(--r2-ink);
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-related-grid > a:hover,
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-related-grid > a:focus-visible { border-color: var(--r2-blue); color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .button {
  border-color: var(--r2-blue);
  border-radius: 8px;
  background: var(--r2-blue);
  color: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .button.secondary { background: #fff; color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service .button:hover {
  border-color: var(--r2-navy);
  background: var(--r2-navy);
  color: #fff;
}
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service :focus-visible { outline-color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service [data-equipment-bridge] { background: var(--r2-navy); }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service [data-equipment-bridge] .eyebrow { color: #dceaf6; }
body.dialoc-a2-root.dialoc-p28-r2-installation .a3-service [data-equipment-bridge] :focus-visible { outline-color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request { background: var(--r2-blue); color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request h2,
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request p { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request .button { border-color: #fff; background: #fff; color: var(--r2-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request .button:hover { border-color: #fff; background: var(--r2-navy); color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #a3-request :focus-visible { outline-color: #fff; }

/* A8-P28-R8: only the two exact core service routes; shared shell is untouched. */
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main {
  --r8-navy: #072c48; --r8-blue: #0576c8; --r8-tint: #edf3f7; --r8-ink: #092d47;
  color: var(--r8-ink); background: #fff;
}
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main > .section { padding-block: 64px; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main > .section.soft { background: var(--r8-tint); }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main h1 { color: var(--r8-ink); font-size: clamp(34px, 4vw, 56px); line-height: 1.08; letter-spacing: -.035em; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main h2 { color: var(--r8-ink); font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.025em; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main h3 { line-height: 1.22; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main p { overflow-wrap: normal; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main .eyebrow { color: var(--r8-blue); font-size: 12px; letter-spacing: .07em; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main .button { min-height: 50px; padding: 14px 21px; border: 1px solid var(--r8-blue); border-radius: 0; background: var(--r8-blue); color: #fff; font-size: 14px; line-height: 1.35; }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main .button.secondary { background: transparent; color: var(--r8-blue); }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main .button:hover { background: var(--r8-navy); color: #fff; border-color: var(--r8-navy); }
body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main :focus-visible { outline: 3px solid var(--r8-blue); outline-offset: 4px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-hero { padding-block: 40px; background: #fff; box-shadow: none; border: 0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 48px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-visual { padding: 0; border: 0; background: transparent; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-visual img { height: 330px; min-height: 0; border-radius: 0; box-shadow: none; object-fit: cover; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-visual figcaption { font-size: 13px; margin-top: 8px; color: #526578; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-facts { border: 0; border-radius: 0; background: var(--r8-tint); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-fact { padding: 16px 22px; border: 0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-fact span { font-size: 14px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-result-copy { border: 0; border-radius: 0; background: transparent; padding: 0; font-size: 21px; line-height: 1.5; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-price-card { border: 0; border-radius: 8px; padding: 28px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-process { background: #fff; color: var(--r8-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-process h2 { color: var(--r8-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-process .eyebrow { color: var(--r8-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-process .section-heading > p { color: #526578; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-process { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px; padding: 0; background: transparent; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-process li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; min-height: 0; padding: 0; background: transparent; color: var(--r8-ink); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-process li::before { margin: 3px 0 0; font: 700 22px/1.2 Onest, sans-serif; color: var(--r8-blue); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-process li:last-child { grid-column: 1 / -1; max-width: 850px; min-height: 0; background: transparent; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .technical-module { border: 0; border-radius: 8px; overflow: hidden; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .technical-module-head { background: var(--r8-navy); padding: 22px; border: 0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .technical-module-head h2 { font-size: 25px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .spec-row { grid-template-columns: 110px minmax(0, 1fr); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-workshops { gap: 24px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-workshops article { border: 0; border-radius: 8px; padding: 28px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-workshops p { margin-top: 16px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-related-grid { gap: 12px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-related-grid > a { border: 0; border-radius: 8px; background: var(--r8-tint); min-height: 92px; padding: 20px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main [data-equipment-bridge] { background: var(--r8-navy); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-request { background: var(--r8-navy); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-request .button { background: #fff; border-color: #fff; color: var(--r8-navy); }
body.dialoc-a2-root.dialoc-p28-r2-installation #main :is(#a3-request, [data-equipment-bridge], .technical-module-head) h2 { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main :is(#a3-request, [data-equipment-bridge]) .eyebrow { color: #c9dfef; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main :is(#a3-request, [data-equipment-bridge]) :focus-visible { outline-color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero { background: var(--r8-navy); color: #fff; padding-block: 48px; box-shadow: none; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 48px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero :is(h1, .lede) { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero .lede { font-weight: 400; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero .eyebrow { color: #c9dfef; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero .button.secondary { color: #fff; border-color: #7da5c2; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-media { border: 0; border-radius: 0; padding: 0; background: transparent; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-media img { height: 350px; min-height: 0; max-height: none; object-fit: cover; border: 0; border-radius: 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-media figcaption { color: #c9dfef; font-size: 13px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-signal-list { border: 0; padding-top: 0; gap: 20px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-signal-list li { border: 0; padding: 0; color: #d5e4ef; font-size: 15px; min-height: 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; border: 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-info-card { border: 0; background: transparent; min-height: 0; padding: 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-info-card h3 { font-size: 24px; margin-bottom: 12px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow { border: 0; background: transparent; color: var(--r8-ink); gap: 18px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow article { border: 0; border-radius: 8px; padding: 24px; min-height: 0; background: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow article::after { content: none; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow h3 { color: var(--r8-ink); font-size: 23px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow p { color: #526578; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-platform-grid { border: 0; gap: 24px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-platform-grid > article { border: 0; border-radius: 8px; overflow: hidden; padding: 0; background: var(--r8-tint); min-height: 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-platform-grid .technical-module-head { background: transparent; border: 0; padding: 24px 24px 0; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-platform-grid .technical-module-head h3 { color: var(--r8-ink); font-size: 27px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-related-links { border: 0; gap: 12px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-related-links a { border: 0; border-radius: 8px; padding: 20px; min-height: 68px; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main #a5-next { background: var(--r8-navy); }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main #a5-next h2 { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main #a5-next .eyebrow { color: #c9dfef; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main #a5-next .button { background: #fff; color: var(--r8-navy); border-color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-monitoring #main :is(.a5-hero, #a5-next) :focus-visible { outline-color: #fff; }
@media (max-width: 960px) {
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-hero-grid,
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-visual img { height: 310px; }
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-media img { height: 330px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root:is(.dialoc-p28-r2-installation, .dialoc-p28-r2-monitoring) #main > .section { padding-block: 40px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-hero,
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero { padding-block: 28px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-service-visual img,
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-hero-media img { height: 240px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-facts { grid-template-columns: 1fr; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-fact { grid-column: auto; padding: 12px 18px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-quick-fact strong { margin: 2px 0 0; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-process,
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-card-grid { grid-template-columns: 1fr; gap: 22px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-owner-result-copy { font-size: 19px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main :is(.a3-workshops article, .a3-price-card) { padding: 22px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-related-grid { grid-template-columns: 1fr; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main .a3-related-grid > a { min-height: 64px; }
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-signal-list { grid-template-columns: 1fr; gap: 12px; }
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow { gap: 12px; }
  body.dialoc-a2-root.dialoc-p28-r2-monitoring #main .a5-layer-flow article { padding: 22px; }
}

/* R8 addressed visual readback: secondary text on the navy equipment section. */
body.dialoc-a2-root.dialoc-p28-r2-installation #main [data-equipment-bridge] .button.secondary { color: #fff; border-color: #91b5ce; }

/* A8-P28-R9: final corrective polish on this service body only. */
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-result-points { margin: 0; padding-left: 1.15em; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-result-points li + li { margin-top: 16px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-result-agreement { margin: 20px 0 0; font-size: 17px; line-height: 1.55; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] [data-equipment-bridge] { background: #edf3f7; color: #092d47; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] :is(#a3-request, [data-equipment-bridge])[data-equipment-bridge] h2 { color: #092d47; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] :is(#a3-request, [data-equipment-bridge])[data-equipment-bridge] .eyebrow { color: #0576c8; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] [data-equipment-bridge] .button.secondary { background: #fff; color: #0576c8; border-color: #0576c8; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] [data-equipment-bridge] .button:hover { background: #072c48; color: #fff; border-color: #072c48; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] :is(#a3-request, [data-equipment-bridge])[data-equipment-bridge] :focus-visible { outline-color: #0576c8; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-equipment-choice-layout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px 48px; align-items: center; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-equipment-choice-layout p:last-child { margin-bottom: 0; max-width: 64ch; }
@media (max-width: 820px) {
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .spec-row { grid-template-columns: minmax(0, 1fr); gap: 7px; padding-block: 16px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .spec-row dt { font-size: 16px; font-weight: 700; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .spec-row dd { margin: 0; font-size: 16px; line-height: 1.55; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-result-points { font-size: 18px; line-height: 1.55; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-equipment-choice-layout { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-equipment-choice-layout .button { justify-self: start; }
}

/* A8-P28-R10: accepted R9 grammar, gated to nine existing service bodies. */
body.dialoc-a2-root #main[data-r10-service][data-r10-service] {
  --r10-ink: #092d47; --r10-blue: #0576c8; --r10-navy: #072c48; --r10-tint: #edf3f7;
  background: #fff; color: var(--r10-ink);
}
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .breadcrumbs { padding-block: 16px; background: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section { padding-block: 64px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.soft { background: var(--r10-tint); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.hero,.a6-hero) { padding-block: 40px; background: #fff; color: var(--r10-ink); box-shadow: none; border: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-hero-grid,.a5m1-hero-grid,.a6-hero-grid) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px 48px; align-items: center; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] h1 { color: var(--r10-ink); font-size: clamp(34px,4vw,56px); line-height: 1.08; letter-spacing: -.035em; max-width: none; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] h2 { color: var(--r10-ink); font-size: clamp(28px,3vw,40px); line-height: 1.15; letter-spacing: -.025em; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] h3 { color: var(--r10-ink); font-size: 24px; line-height: 1.22; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .eyebrow { color: var(--r10-blue); font-size: 12px; letter-spacing: .07em; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .lede { color: #526578; font-size: 19px; font-weight: 400; line-height: 1.55; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(p,li,dt,dd) { overflow-wrap: normal; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .button { min-height: 50px; padding: 14px 21px; border: 1px solid var(--r10-blue); border-radius: 0; background: var(--r10-blue); color: #fff; font-size: 14px; line-height: 1.35; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .button.secondary { color: var(--r10-blue); background: transparent; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .button:hover { background: var(--r10-navy); color: #fff; border-color: var(--r10-navy); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :focus-visible { outline: 3px solid var(--r10-blue); outline-offset: 4px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a9-editorial-media { padding: 0; margin: 0; border: 0; background: transparent; border-radius: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a9-editorial-media,.a5-hero-media) img { width: 100%; height: 330px; min-height: 0; max-height: none; object-fit: cover; border: 0; border-radius: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5m1-hero-media,.a6-hero-mark,.r10-technical-mark) { background: var(--r10-tint); color: var(--r10-ink); min-height: 0; padding: 28px; border: 0; border-radius: 8px; box-shadow: none; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5m1-hero-media,.a6-hero-mark,.r10-technical-mark) strong { display: block; color: var(--r10-ink); font-size: 28px; line-height: 1.2; margin-block: 12px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-decision-mark { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 16px; background: var(--r10-tint); color: var(--r10-ink); min-height: 0; padding: 28px; border: 0; border-radius: 8px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-decision-mark span { width: 40px; height: 40px; min-height: 0; padding: 0; border: 0; background: var(--r10-blue); color: #fff; justify-content: center; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-decision-mark > strong { min-height: 0; padding: 0; border: 0; background: transparent; font-size: 24px; line-height: 1.2; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-signal-list,.a5m1-signals) { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 0; background: var(--r10-tint); border: 0; border-radius: 0; margin: 0; list-style: none; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-signal-list,.a5m1-signals) li { padding: 16px 22px; color: var(--r10-ink); font-size: 16px; min-height: 0; border: 0; background: transparent; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5m1-hero-grid:not(:has(.a9-editorial-media,.a5m1-hero-media)) { grid-template-columns: minmax(0,1fr); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .hero-copy { max-width: 850px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-card-grid,.a5-role-grid,.a5m1-info-grid,.a5m1-related-grid,.a5-layer-flow,.a5-platform-grid,.a5-system-grid,.r10-workshop-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 40px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-info-card,.a5-choice-card,.a5m1-info-grid > article) { padding: 0; background: transparent; border: 0; border-radius: 0; min-height: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5m1-related-grid > a,.a5-layer-flow > article,.r10-workshop-grid > article) { padding: 24px; border: 0; border-radius: 8px; min-height: 0; background: var(--r10-tint); color: var(--r10-ink); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-layer-flow,.r10-workshop-grid) > article { background: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-layer-flow { background: transparent; color: var(--r10-ink); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-layer-flow article::after { content: none; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-layer-flow p,.a5m1-related-grid p) { color: #526578; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.7fr); align-items: center; gap: 24px 32px; margin: 0 0 20px; padding: 22px 28px; border: 0; border-radius: 8px; background: var(--r10-tint); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result ul { margin: 0; padding-left: 1.15em; font-size: 17px; line-height: 1.55; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result li + li { margin-top: 12px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .process-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 40px; counter-reset: process; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .process-list > div { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 12px; min-height: 0; padding: 0; background: transparent; border: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .process-list > div::before { counter-increment: process; content: counter(process,decimal-leading-zero); margin-top: 3px; color: var(--r10-blue); font: 700 22px/1.2 Onest,sans-serif; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .technical-module { background: #fff; border: 0; border-radius: 8px; overflow: hidden; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .technical-module-head { background: var(--r10-navy); padding: 22px; border: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .technical-module-head h3 { color: #fff; font-size: 24px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .spec-row { display: grid; grid-template-columns: 140px minmax(0,1fr); font-size: 16px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-related-links a { background: #fff; border: 0; border-radius: 8px; padding: 20px; min-height: 64px; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-hours { font-size: 16px; line-height: 1.55; max-width: 30ch; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite { background: var(--r10-navy); color: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite h2 { color: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite .eyebrow { color: #c9dfef; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite .button { background: #fff; color: var(--r10-navy); border-color: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite :focus-visible { outline-color: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] #a5-next :is(h2,.eyebrow) { color: #fff; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] #a5-next .button { color: var(--r10-navy); background: #fff; border-color: #fff; }
@media (max-width: 960px) {
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-hero-grid,.a5m1-hero-grid,.a6-hero-grid) { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a9-editorial-media,.a5-hero-media) img { height: 310px; }
}
@media (max-width: 820px) {
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .spec-row { grid-template-columns: minmax(0,1fr); gap: 7px; padding-block: 16px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .spec-row dt { font-size: 16px; font-weight: 700; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .spec-row dd { margin: 0; font-size: 16px; line-height: 1.55; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result { grid-template-columns: minmax(0,1fr); gap: 12px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section { padding-block: 40px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.hero,.a6-hero) { padding-block: 28px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a9-editorial-media,.a5-hero-media) img { height: 240px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-signal-list,.a5m1-signals,.a5-card-grid,.a5-role-grid,.a5m1-info-grid,.a5m1-related-grid,.a5-layer-flow,.a5-platform-grid,.a5-system-grid,.r10-workshop-grid,.process-list,.split,.contact-panel,.a6-bridge-links,.a6-journey) { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-signal-list,.a5m1-signals) { gap: 0; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(.a5-signal-list,.a5m1-signals) li { padding: 12px 18px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .section-heading { display: block; }
}

/* R10 addressed local visual readback: explicit hero contrast and light CTA. */
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .hero h1 { color: #092d47; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .hero .lede { color: #526578; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .hero .eyebrow { color: #0576c8; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-equipment .button.secondary { background: #fff; color: #0576c8; border-color: #0576c8; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-platform-grid .technical-module-head h3 { color: #fff; }
/* R15: existing service grammar, limited to international guidance and sales. */
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-hero-grid { display:block; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .hero-copy { max-width:900px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:0; padding:0; margin:28px 0 0; background:#edf3f7; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals li { border:0; padding:16px 22px; color:#092d47; font-size:16px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-question-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; border:0; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-question-grid article { min-height:0; padding:28px; border:0; background:#edf3f7; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-boundaries { border:0; padding:8px 24px; background:#fff; }
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-boundaries > div { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; padding:18px 0; border-bottom:1px solid #dce5ec; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .r15-equipment-choice { padding:28px; background:#edf3f7; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .r15-equipment-choice a { display:flex; align-items:center; min-height:64px; padding:16px 0; font-size:24px; font-weight:700; color:#0576c8; text-decoration:none; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] :is(.a6-bridge-links,.a6-journey) { border:0; gap:22px; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] :is(.a6-bridge-links a,.a6-journey li) { border:0; border-radius:0; background:#edf3f7; padding:24px; min-height:0; color:#092d47; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .a6-bridge-links a { border-top:3px solid #0576c8; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .a6-bridge-links a strong { color:#0066b0; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .a6-journey span { background:#0576c8; border-radius:0; }
body.dialoc-a2-root #main[data-r10-service][data-a6-page="service_tachograph_sale"] .r10-final .button { justify-self:start; align-self:center; }
@media (max-width:820px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] :is(.a5r2-signals,.a5r2-question-grid,.a5r2-boundaries > div) { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals { gap:0; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .a5-hero-grid > .r10-technical-mark { order: 2; }
}

/* A8-P30: small blue labels on pale backgrounds need normal-text contrast. */
body.dialoc-a2-root.dialoc-p28-r2-installation #main .eyebrow,
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] :is(#a3-request, [data-equipment-bridge])[data-equipment-bridge] .eyebrow,
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .eyebrow,
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .hero .eyebrow { color: #0066b0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main #a3-request .eyebrow,
body.dialoc-a2-root #main[data-r10-service][data-r10-service] > .section.graphite .eyebrow,
body.dialoc-a2-root #main[data-r10-service][data-r10-service] #a5-next .eyebrow { color: #c9dfef; }

/* A8-P33-R1: swap only installation bridge/request color treatments; geometry unchanged. */
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] { background: #072c48; color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] :is(h2,p) { color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] .eyebrow { color: #c9dfef; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] .button { background: #fff; border-color: #fff; color: #072c48; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] .button:hover { background: #072c48; border-color: #fff; color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] [data-equipment-bridge] :focus-visible { outline-color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request { background: #edf3f7; color: #092d47; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request :is(h2,p) { color: #092d47; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request .eyebrow { color: #0066b0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request .button { background: #fff; border-color: #0576c8; color: #0576c8; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request .button:hover { background: #072c48; border-color: #072c48; color: #fff; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main#main[data-a3-page="service-install"][data-r9-polish] #a3-request :focus-visible { outline-color: #0576c8; }

body.dialoc-a2-root #main[data-a5-page="service_cards"] .technical-module-head .state.neutral { color: #fff; background: #244b68; border-color: #6a8ca4; }
body.dialoc-a2-root #main .owner37-service-price { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 24px; }
body.dialoc-a2-root #main .owner37-service-price del { color: #526578; font-size: 20px; line-height: 1.4; font-weight: 400; }
body.dialoc-a2-root #main .owner37-service-price .owner37-current-price { color: #072c48; font-size: clamp(36px,4vw,52px); line-height: 1.15; font-weight: 700; white-space: nowrap; }
body.dialoc-a2-root #main .owner37-price-card { min-width: 0; align-self: start; }
body.dialoc-a2-root #main .owner37-catalog-card { padding: 0 22px 22px; }
body.dialoc-a2-root #main .owner37-catalog-price { color: #072c48; font-size: 28px; line-height: 1.3; font-weight: 700; margin-block: 16px; }
body.dialoc-a2-root #main .owner37-catalog-card .text-link { display: inline-block; }
body.dialoc-a2-root #main .owner37-forest-legal { background: #edf3f7; border: 0; padding: clamp(22px,3vw,36px); margin-bottom: 32px; }
body.dialoc-a2-root #main .owner37-forest-legal h2 { margin-top: 0; }

/* Owner price typography: isolate from the technical-mark monospace label rule. */
body.dialoc-a2-root #main .owner37-service-price .owner37-current-price { font-family: Onest, sans-serif; letter-spacing: normal; text-transform: none; }

/* A8-P51: scoped public search; established page layout stays unchanged. */
.p51-search-form{max-width:760px;margin:32px 0 48px}.p51-search-form label{display:block;font-weight:600;margin-bottom:10px}.p51-search-controls{display:flex;gap:12px}.p51-search-controls input{min-width:0;flex:1;width:100%;border:1px solid #66859d;border-radius:4px;padding:12px 14px;font:inherit;background:#fff;color:#07375b}.p51-search-controls input:focus-visible{outline:3px solid #006cc5;outline-offset:3px}.p51-search-results{list-style:none;padding:0;max-width:920px}.p51-search-results li{padding:24px 0;border-bottom:1px solid #d9e6ef}.p51-search-results h3{margin:0 0 10px}.p51-search-results p{margin:0}@media(max-width:480px){.p51-search-controls{flex-direction:column}.p51-search-controls .button{width:100%}}

/* A8-P52-R1: shared informational grammar; SKZI pilot geometry retained. */
body.dialoc-a2-root #main:is([data-r10-service][data-r10-service],.a5m1-page[data-template-family="service_navigation_hub"]) .section-heading:has(> p) { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.7fr); align-items: center; gap: 40px; margin-bottom: 24px; }
body.dialoc-a2-root #main:is([data-r10-service][data-r10-service],.a5m1-page[data-template-family="service_navigation_hub"]) .section-heading > p { max-width: 56ch; margin: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result h3 { margin: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result ul:has(> li:only-child) { list-style: none; padding-left: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(.a5-card-grid,.a5-role-grid,.a5m1-info-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; border: 0; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(.a5-card-grid,.a5-role-grid,.a5m1-info-grid):has(> article:nth-child(3):last-child) { grid-template-columns: repeat(3,minmax(0,1fr)); }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(article.a5-info-card,article.a5-choice-card,.a5m1-info-grid > article) { min-width: 0; min-height: 0; padding: 24px; border: 1px solid #dce5ec; border-radius: 8px; background: #fff; box-shadow: none; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(article.a5-info-card,article.a5-choice-card,.a5m1-info-grid > article) h3 { margin: 0 0 12px; font-size: 22px; line-height: 1.25; letter-spacing: -.015em; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(article.a5-info-card,article.a5-choice-card,.a5m1-info-grid > article) p { max-width: 70ch; margin: 0; font-size: 17px; line-height: 1.55; }
body.dialoc-a2-root #main[data-r10-service][data-r10-service] .section.graphite :is(.contact-panel,.contact-panel > div) { border: 0; }
@media (max-width: 960px) {
  body.dialoc-a2-root #main:is([data-r10-service][data-r10-service],.a5m1-page[data-template-family="service_navigation_hub"]) .section-heading:has(> p) { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 24px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(.a5-card-grid,.a5-role-grid,.a5m1-info-grid), body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(.a5-card-grid,.a5-role-grid,.a5m1-info-grid):has(> article:nth-child(3):last-child) { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] .r10-result { padding: 20px; }
  body.dialoc-a2-root #main[data-r10-service][data-r10-service] :is(#a5-details,#page-details) :is(article.a5-info-card,article.a5-choice-card,.a5m1-info-grid > article) { padding: 20px; }
}

/* GPS tracker: three sequential steps with their existing destinations. */
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-heading{display:block;margin:0 0 32px}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-heading h2{max-width:26ch;margin-bottom:16px}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-intro{max-width:65ch;margin:0}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps>li{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;border:1px solid #dce5ec;border-radius:4px;background:#fff;box-shadow:none}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-number{display:block;font-size:15px;font-weight:500;line-height:1.4;color:#526a74}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps h3{margin:0;max-width:none;font-size:22px;line-height:1.25;color:#0b2d45}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps p{margin:0;font-size:17px;line-height:1.55}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps a{display:flex;align-items:center;min-height:44px;margin-top:auto;padding-top:8px;color:#0066b0;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps a:hover{text-decoration:underline}
body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main>.shell>.small{margin-top:24px}
@media(max-width:960px){body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps{grid-template-columns:minmax(0,1fr);gap:16px}body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps>li{padding:24px}}
@media(max-width:600px){body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-heading{margin-bottom:24px}body.dialoc-a2-root #main[data-r10-service][data-r10-service][data-a6-page="service_gps_tracker"] #a6-main .a6-gps-steps>li{padding:20px}}

/* Owner-approved installation result grouping: exact existing copy. */
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-owner-result { display: block; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-owner-result > div:first-child { margin-bottom: 28px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section h2 { max-width: 26ch; margin-bottom: 0; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-card { min-width: 0; padding: 24px; background: #f3f8fb; border: 0; border-radius: 4px; box-shadow: none; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-card p { margin: 0; color: #183e50; font-size: 18px; line-height: 1.55; }
body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-agreement { max-width: 65ch; margin: 24px 0 0; color: #526a74; font-size: 17px; line-height: 1.55; }
@media (max-width: 960px) {
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-owner-result > div:first-child { margin-bottom: 24px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-cards { gap: 16px; }
  body.dialoc-a2-root.dialoc-p28-r2-installation #main[data-r9-polish] .a3-install-result-section .a3-result-card { padding: 20px; }
}

/* Owner-approved cards hero: exact editorial image, service_cards only. */
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 28px clamp(24px, 3vw, 40px); align-items: center; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-owner-hero-media { margin: 0; padding: 0; min-width: 0; background: transparent; border: 0; border-radius: 4px; box-shadow: none; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-owner-hero-media img { display: block; width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: 893 / 503; object-fit: contain; border: 0; border-radius: 4px; box-shadow: none; }
@media (max-width: 960px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* CARDS-HERO-R2: approved angular composition; only cards hero and factual rail. */
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero { padding-block: 72px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 56px 24px; align-items: center; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero h1 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.12; margin: 0 0 28px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .eyebrow { margin: 0 0 24px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .lede { margin: 0; font-size: 20px; line-height: 1.65; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .button { min-height: 56px; padding: 16px 24px; font-size: 16px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual { position: relative; isolation: isolate; width: calc(100% + 32px); margin-inline: -16px; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::before { content: ""; position: absolute; inset: -36px -8px -32px -28px; z-index: -2; background: color-mix(in srgb, var(--r10-blue) 17%, #fff); clip-path: polygon(40% 0, 100% 0, 77% 100%, 32% 100%, 42% 79%, 0 79%, 18% 12%); pointer-events: none; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::after { content: ""; position: absolute; top: 25%; right: -12px; width: 17%; height: 64%; z-index: -1; background: var(--r10-navy); clip-path: polygon(26% 0, 100% 0, 60% 100%, 0 77%); pointer-events: none; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-photo { position: relative; z-index: 1; display: block; width: 100%; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-photo img { width: 100%; height: auto; aspect-ratio: 893 / 503; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; clip-path: polygon(8% 0, 100% 0, 94% 100%, 65% 100%, 0 60%); }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail { background: var(--r10-tint); border: 0; border-radius: 4px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 18px; padding: 28px; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li + li::before { content: ""; position: absolute; top: 24px; bottom: 24px; left: 0; width: 1px; background: #cbdde9; }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail svg { display: block; width: 44px; height: 44px; color: var(--r10-navy); }
body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail strong { font-size: 18px; font-weight: 650; line-height: 1.45; color: var(--r10-ink); }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .lede { font-size: 19px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li { padding: 24px 20px; gap: 12px; grid-template-columns: 36px minmax(0, 1fr); }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail svg { width: 36px; height: 36px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail strong { font-size: 16px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero { padding-block: 48px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 44px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual { width: 100%; margin: 0; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::before { inset: -20px 0 -20px 0; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::after { right: 0; width: 15%; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li { padding: 24px 18px; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail svg { width: 32px; height: 32px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail strong { font-size: 16px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero { padding-block: 32px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .a5-hero-grid { gap: 32px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::before { inset: -12px 0 -12px 0; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail { grid-template-columns: minmax(0, 1fr); gap: 0; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li { padding: 20px; grid-template-columns: 36px minmax(0, 1fr); }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail svg { width: 36px; height: 36px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li + li::before { top: 0; bottom: auto; left: 20px; right: 20px; width: auto; height: 1px; }
}

/* R2 actual staging polish: keep the small navy accent clearly visible. */
@media (min-width: 1101px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::after { right: -28px; width: 21%; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-fact-rail li:first-child strong { max-width: 24ch; }
}

/* R2 addressed 1024 geometry overflow: reserve the actual container gutter. */
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual { width: calc(100% + 16px); margin-inline: -8px; }
  body.dialoc-a2-root #main[data-r10-service][data-a5-page="service_cards"] .cards-r2-visual::after { right: -8px; }
}

/* Owner installation hero: staging-only prepared overlay; geometry is already in the exact owner PNG. */
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero { padding-block: 72px; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 56px 24px; align-items: center; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero h1 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .installation-owner-visual { display: block; width: calc(100% + 32px); min-width: 0; margin: 0 -16px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .installation-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1672 / 941; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .lede { font-size: 19px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .installation-owner-visual { width: calc(100% + 16px); margin-inline: -8px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 44px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .installation-owner-visual { width: 100%; margin: 0; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a3-service[data-r9-polish][data-a3-page="service-install"] .a3-service-hero-grid { gap: 32px; }
}

/* Owner activation hero: dedicated staged overlay, complete source image with restrained card-page geometry. */
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero { padding-block: 72px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 56px 24px; align-items: center; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero h1 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { position: relative; isolation: isolate; display: block; width: calc(100% + 32px); min-width: 0; margin: 0 -16px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { content: ""; position: absolute; inset: -28px -8px -26px -24px; z-index: -2; background: color-mix(in srgb, var(--r10-blue) 17%, white); clip-path: polygon(38% 0, 100% 0, 80% 100%, 30% 100%, 40% 80%, 0 80%, 16% 12%); pointer-events: none; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { content: ""; position: absolute; top: 25%; right: -20px; width: 15%; height: 64%; z-index: -1; background: var(--r10-navy); clip-path: polygon(26% 0, 100% 0, 60% 100%, 0 77%); pointer-events: none; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1448 / 1086; object-fit: contain; clip-path: none; border: 0; border-radius: 4px; box-shadow: none; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .lede { font-size: 19px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { width: calc(100% + 16px); margin-inline: -8px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: -8px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 44px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { width: 100%; margin: 0; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -12px -4px -12px 0; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: -8px; width: 12%; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .a5m1-hero-grid { gap: 32px; }
}

/* Owner correction: reduce activation photo about 20% on desktop and tablet, preserve full mobile width. */
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { width: 100%; max-width: min(600px, 42vw); margin: 0; justify-self: center; }
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { max-width: 560px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual { max-width: none; }
}

/* Owner reference correction: angular image and planes follow the cards hero; retain reduced dimensions. */
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual img { border-radius: 0; clip-path: polygon(8% 0, 100% 0, 96% 100%, 65% 100%, 0 60%); }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -36px -8px -32px -28px; clip-path: polygon(40% 0, 100% 0, 77% 100%, 32% 100%, 42% 79%, 0 79%, 18% 12%); }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: -28px; width: 21%; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: -8px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -20px 0 -20px 0; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: 0; width: 15%; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -12px 0 -12px 0; }
}

/* Owner correction: keep the technician whole, use quiet inclined sides and a single backing plane. */
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual img { clip-path: polygon(8% 0, 100% 0, 96% 100%, 0 100%); }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -24px -8px -24px -20px; clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%); }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: -16px; width: 15%; }
@media (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::after { right: 0; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -16px 0 -16px 0; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_activation"] .activation-owner-visual::before { inset: -10px 0 -10px 0; }
}

/* Owner SKZI hero: use the complete supplied angular composition, move existing price under CTA. */
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero { padding-block: 64px; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 48px 24px; align-items: start; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero h1 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .skzi-owner-visual { display: block; width: 100%; max-width: 720px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; align-self: start; justify-self: center; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .skzi-owner-visual::before, body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .skzi-owner-visual::after { content: none; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .skzi-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1672 / 941; object-fit: contain; clip-path: none; border: 0; border-radius: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .hero-copy .owner37-service-price { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; margin-top: 22px; padding: 0; background: transparent; border: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .hero-copy .owner37-service-price del { font-size: 18px; line-height: 1.4; white-space: nowrap; }
body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .hero-copy .owner37-current-price { font-size: 32px; line-height: 1.2; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .lede { font-size: 19px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .skzi-owner-visual { max-width: 640px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a5-service[data-r10-service][data-a5-page="service_skzi"] .a5-hero-grid { gap: 28px; }
}

/* Owner calibration hero: use the complete supplied angular composition, move existing price under CTA. */
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero { padding-block: 64px; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 48px 24px; align-items: start; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual { display: block; width: 100%; max-width: 720px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; align-self: start; justify-self: center; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual::before, body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual::after { content: none; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1672 / 941; object-fit: contain; clip-path: none; border: 0; border-radius: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .hero-copy .owner37-service-price { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; margin-top: 22px; padding: 0; background: transparent; border: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .hero-copy .owner37-service-price del { font-size: 18px; line-height: 1.4; white-space: nowrap; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .hero-copy .owner37-current-price { font-size: 32px; line-height: 1.2; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .lede { font-size: 19px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual { max-width: 640px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid { gap: 28px; }
}

/* Calibration reading order: copy/CTA/price, image, facts at every breakpoint. */
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .calibration-owner-visual { order: 2; }

body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid > .hero-copy { order: 1; }
body.dialoc-a2-root #main.a5m1-page[data-r10-service][data-a5-m1-page="service_calibration"] .a5m1-hero-grid > .a5m1-signals { order: 3; }

/* Owner metrology hero: use the complete supplied angular composition, move existing price under CTA. */
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero { padding-block: 64px; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 48px 24px; align-items: start; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual { display: block; width: 100%; max-width: 720px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; align-self: start; justify-self: center; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual::before, body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual::after { content: none; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1672 / 941; object-fit: contain; clip-path: none; border: 0; border-radius: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .hero-copy .owner37-service-price { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; margin-top: 22px; padding: 0; background: transparent; border: 0; box-shadow: none; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .hero-copy .owner37-service-price del { font-size: 18px; line-height: 1.4; white-space: nowrap; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .hero-copy .owner37-current-price { font-size: 32px; line-height: 1.2; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .lede { font-size: 19px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual { max-width: 640px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid { gap: 28px; }
}

body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid > .hero-copy { order: 1; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .metrology-owner-visual { order: 2; }
body.dialoc-a2-root #main.a5m3-page[data-r10-service][data-a5-m3-page="service_tachograph_verification"] .a5m1-hero-grid > .a5m1-signals { order: 3; }

/* Owner repair hero: use the complete supplied angular composition, preserve existing text and CTA. */
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero { padding-block: 64px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid { width: calc(100% - 96px); max-width: 1600px; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 48px 24px; align-items: start; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.12; margin-bottom: 28px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .eyebrow { margin-bottom: 24px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .lede { font-size: 20px; line-height: 1.65; margin: 0; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .button-row { margin-top: 32px; gap: 12px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .button { font-size: 16px; min-height: 56px; padding: 16px 24px; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual { display: block; width: 100%; max-width: 720px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; align-self: start; justify-self: center; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual::before, body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual::after { content: none; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1672 / 941; object-fit: contain; clip-path: none; border: 0; border-radius: 0; box-shadow: none; }
@media (min-width: 961px) and (max-width: 1100px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid { width: calc(100% - 40px); }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .button { font-size: 14px; padding: 14px; min-height: 50px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .lede { font-size: 19px; }
}
@media (max-width: 960px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero { padding-block: 48px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid { width: calc(100% - 28px); grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual { max-width: 640px; }
}
@media (max-width: 600px) {
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero { padding-block: 32px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .lede { font-size: 19px; line-height: 1.55; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero h1 { margin-bottom: 24px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero .button { font-size: 15px; }
  body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid { gap: 28px; }
}

body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid > .hero-copy { order: 1; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .repair-owner-visual { order: 2; }
body.dialoc-a2-root #main.a5m2-page[data-r10-service][data-a5-m2-page="service_tachograph_repair"] .a5m1-hero-grid > .a5m1-signals { order: 3; }

/* Sale page: readable selection guide and native Woo previews, exact route scope. */
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:28px; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model { display:flex; flex-direction:column; min-width:0; background:#edf3f7; padding:20px; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-visual { position:relative; display:flex; align-items:center; justify-content:center; height:160px; margin-bottom:20px; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-visual img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-used-mark { position:absolute; left:0; top:0; color:#fff; background:#092d47; padding:4px 10px; font-weight:600; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model h3 { margin:0 0 12px; font-size:21px; line-height:1.35; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model h3 a { color:#092d47; text-decoration:none; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model p { margin:0 0 20px; font-size:16px; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-bottom { margin-top:auto; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-price { font-size:24px; line-height:1.3; color:#092d47; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-copy-grid { display:grid; grid-template-columns:minmax(0,.4fr) minmax(0,.6fr); gap:48px; align-items:start; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-copy-grid p { max-width:70ch; margin:0 0 18px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-checklist { padding-left:22px; margin:18px 0 24px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-checklist li { margin-bottom:10px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] :is(.sale-section-link,.sale-inline-links) { margin-top:24px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-inline-links { display:flex; flex-wrap:wrap; gap:16px 24px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .a6-journey h3 { margin:0 0 12px; font-size:22px; line-height:1.35; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-faq details { border-bottom:1px solid #bacbd7; padding:18px 0; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-faq summary { cursor:pointer; font-size:20px; font-weight:600; line-height:1.45; color:#092d47; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-faq summary:focus-visible { outline:2px solid #0a78d1; outline-offset:5px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-faq details p { max-width:75ch; margin:16px 0 0; }
@media (max-width:1100px) { body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:960px) { body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .sale-copy-grid { grid-template-columns:minmax(0,1fr); gap:18px; } }
@media (max-width:600px) { body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-grid { grid-template-columns:minmax(0,1fr); } body.dialoc-a2-root #main:is([data-a6-page="service_tachograph_sale"], [data-a6-page="service_gps_tracker"]) .sale-model-visual { height:170px; } }

/* Preserve separate next-step rows after global tertiary-button classification. */
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .r15-equipment-choice { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
body.dialoc-a2-root #main[data-a6-page="service_tachograph_sale"] .r15-equipment-choice :is(p,a) { margin:0; }

/* Admission: readable content, scoped to this service only. */
[data-a5-r2-page="service_international_admission"] .admission-reading{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:40px;align-items:start}
[data-a5-r2-page="service_international_admission"] .admission-reading h2{margin-top:0}
[data-a5-r2-page="service_international_admission"] .admission-reading p{max-width:70ch}
[data-a5-r2-page="service_international_admission"] .admission-list{margin:0 0 24px;padding-left:22px}
[data-a5-r2-page="service_international_admission"] .admission-list li{margin-bottom:14px}
[data-a5-r2-page="service_international_admission"] .faq summary:focus-visible{outline:2px solid #0A78D1;outline-offset:4px}
@media(max-width:767px){[data-a5-r2-page="service_international_admission"] .admission-reading{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Owner-selected first illustration: admission hero only. */
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:36px;row-gap:0;align-items:center}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .hero-copy{min-width:0;max-width:none}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .admission-hero-art{min-width:0;margin:0;align-self:center;background:transparent;border:0;padding:0}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .admission-hero-art img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain;background:transparent;border:0;border-radius:0}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals{grid-column:1/-1}
@media(max-width:960px){body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-hero-grid{grid-template-columns:minmax(0,1fr);row-gap:24px}body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .admission-hero-art{width:100%;max-width:640px;justify-self:center}body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals{margin-top:0}}

/* Keep admission copy before its illustration at every viewport. */
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .hero-copy{order:1}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .admission-hero-art{order:2}
body.dialoc-a2-root #main[data-r10-service][data-a5-r2-page="service_international_admission"] .a5r2-signals{order:3}

/* GPS: три актуальные модели; общий компонент карточек продажи. */
body.dialoc-a2-root #main[data-a6-page="service_gps_tracker"] .sale-model-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.dialoc-a2-root #main[data-a6-page="service_gps_tracker"] .sale-model h3 { margin-bottom:24px; }
@media (max-width:700px) { body.dialoc-a2-root #main[data-a6-page="service_gps_tracker"] .sale-model-grid { grid-template-columns:minmax(0,1fr); } }
body.dialoc-a2-root #main[data-a6-page="service_gps_tracker"] .sale-section-link { margin:24px 0 0; }