﻿/* DINSS PLUS source-backed solution detail pages. */
.solution-hero .company-hero-inner{min-height:420px;padding-top:28px;padding-bottom:62px;justify-content:flex-end}.solution-hero .breadcrumb{align-self:flex-start;margin:0 0 auto;font-size:13px;gap:10px}.solution-hero .hero-label{font-size:12px;letter-spacing:.12em;margin-top:30px;color:#d8e2e8}.solution-hero h1{font-size:52px;line-height:1.25;margin:16px 0 18px;letter-spacing:-.055em}.solution-hero p{max-width:850px;font-size:16px}.solution-hero .solution-hero-lead{font-size:23px;font-weight:550;line-height:1.6;margin:0 0 8px;color:#fff}.solution-hero:after{background:linear-gradient(90deg,#0c1925ed 0%,#0b1b27b8 50%,#0d1c2540 100%)}.solution-hero>img{object-position:68% center}.solution-tabs .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.solution-tabs a{min-width:0;min-height:74px;padding:15px 18px;text-align:center;font-size:16px;line-height:1.7;word-break:keep-all}
.solution-section{padding:86px 0}.solution-tone{background:#f3f6f7}.solution-heading{margin-bottom:36px}.solution-heading .section-label{font-size:12px;letter-spacing:.08em;margin-bottom:14px}.solution-heading h2{font-size:36px;line-height:1.48;letter-spacing:-.045em;font-weight:650;margin:0;color:var(--ink)}.solution-heading>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:940px;margin:18px 0 0;word-break:keep-all}.solution-figure{margin:0;min-width:0}.solution-media{display:block;position:relative;width:100%;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;text-align:left;cursor:default}.solution-media img{display:block;width:100%;height:auto;object-fit:contain}.solution-figure figcaption{font-size:13px;line-height:1.8;color:var(--muted);text-align:center;margin-top:11px;word-break:keep-all}.solution-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:38px}.solution-pillars article{padding-left:25px;border-left:1px solid #cbd4da;min-width:0}.solution-pillars article:first-child{border-left:0;padding-left:0}.solution-index{color:var(--brand);font-size:13px;line-height:1.5;font-weight:650;letter-spacing:.02em}.solution-pillars h3{font-size:20px;line-height:1.5;font-weight:600;margin:9px 0 12px;letter-spacing:-.025em}.solution-pillars p{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all;margin:0}.solution-pillars--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.solution-pillars--four h3{font-size:18px}.solution-screen-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:48px}.solution-screen-row+.solution-screen-row{margin-top:46px}.solution-screen-row.is-reversed{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.solution-screen-row.is-reversed .solution-figure{order:2}.solution-screen-copy h3{font-size:25px;line-height:1.55;margin:12px 0 18px;letter-spacing:-.035em;word-break:keep-all}.solution-screen-copy p{font-size:15px;line-height:1.95;color:var(--muted);word-break:keep-all}.solution-screen-row .solution-media{padding:12px;box-shadow:0 7px 22px #15273408}.solution-note{font-size:13px;line-height:1.85;color:var(--muted);text-align:center;margin:22px 0 0;word-break:keep-all}.solution-ondevice{background:#112431;color:#fff;padding:35px 0}.solution-ondevice .container{display:grid;grid-template-columns:72px 1.1fr 1.5fr;gap:30px;align-items:center}.solution-ondevice-mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid #9cbbc9;border-radius:12px;font-size:24px;font-weight:550;color:#d3e8f1;letter-spacing:.02em}.solution-ondevice h2{font-size:24px;line-height:1.6;font-weight:550;letter-spacing:-.035em;margin:0}.solution-ondevice p{font-size:14px;line-height:1.9;color:#c2d3dd;margin:0;padding-left:30px;border-left:1px solid #6c8798;word-break:keep-all}.solution-gallery{display:grid;gap:22px}.solution-gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-gallery--4{grid-template-columns:repeat(4,minmax(0,1fr))}.solution-gallery .solution-media{padding:0;border-radius:10px}.solution-gallery .solution-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.solution-gallery img[src*="pipeline_plan"]{object-fit:contain;background:#e9eef1}.solution-gallery figcaption{font-size:14px;font-weight:500;color:var(--ink)}.solution-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:46px}.solution-patterns .solution-media img{aspect-ratio:1.45;object-fit:contain}.solution-patterns .solution-media{padding:15px}.solution-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.solution-device-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}.solution-device-grid img{display:block;width:100%;height:235px;object-fit:contain;margin-bottom:25px}.solution-device-grid h3{font-size:22px;line-height:1.5;font-weight:600;margin:0 0 12px;letter-spacing:-.03em}.solution-device-grid p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;word-break:keep-all}.solution-flow{display:grid;grid-template-columns:1.5fr .9fr .9fr 1.1fr;gap:30px;padding:28px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}.solution-flow-stage{position:relative;min-width:0;text-align:center;padding:16px 10px;background:#f2f6f8;border-radius:10px}.solution-flow-stage:not(:last-child):after{content:'→';position:absolute;right:-25px;top:92px;font-size:25px;color:#4d91b5;font-weight:500}.solution-flow-stage>img,.solution-server{width:100%;height:170px;object-fit:contain;display:block;color:#315e77}.solution-flow-sensors>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:170px;align-items:center}.solution-flow-sensors img{width:100%;height:155px;object-fit:contain}.solution-flow-stage h3{font-size:17px;line-height:1.6;margin:15px 0 10px;font-weight:600}.solution-flow-stage p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;word-break:keep-all}.solution-sensor-pair{border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10px;aspect-ratio:4/3;padding:20px;align-items:center}.solution-sensor-pair img{width:100%;height:160px;object-fit:contain}.solution-cta{padding:44px 0;background:#eaf0f3}.solution-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.solution-cta h2{font-size:28px;line-height:1.6;font-weight:600;letter-spacing:-.04em;margin:0 0 8px}.solution-cta p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.solution-cta a{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:16px 26px;min-height:56px;min-width:210px;flex:none;background:var(--brand);color:white;border-radius:12px;font-size:15px;font-weight:550}.solution-cta a:hover{background:#af1426}.solution-cta .arrow{width:18px;height:18px}.solution-main-detail{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;position:relative;z-index:2;padding:12px 0 6px;margin-top:16px;border-bottom:1px solid currentColor;color:#bf2539;font-size:15px;font-weight:550}
@media(min-width:1600px){.solution-hero .company-hero-inner{min-height:460px}.solution-hero h1{font-size:58px}.solution-heading h2{font-size:40px}}
@media(max-width:1050px){.solution-hero h1{font-size:44px}.solution-hero .solution-hero-lead{font-size:21px}.solution-heading h2{font-size:32px}.solution-section{padding:68px 0}.solution-screen-row{gap:30px}.solution-screen-copy h3{font-size:22px}.solution-pillars{gap:24px}.solution-pillars article{padding-left:20px}.solution-flow{gap:23px;padding:20px 14px}.solution-flow-stage{padding:13px 7px}.solution-flow-stage:not(:last-child):after{right:-21px}.solution-flow-stage h3{font-size:15px}.solution-flow-stage>img,.solution-server{height:135px}.solution-flow-sensors>div{min-height:135px}.solution-flow-sensors img{height:125px}.solution-flow-stage p{font-size:12px}.solution-device-grid{gap:20px}.solution-device-grid article{padding:22px}.solution-device-grid img{height:190px}.solution-cta h2{font-size:25px}}
@media(max-width:760px){.solution-hero .company-hero-inner{min-height:355px;padding-top:22px;padding-bottom:42px}.solution-hero h1{font-size:35px;margin-block:15px}.solution-hero .hero-label{margin-top:24px;font-size:11px}.solution-hero .solution-hero-lead{font-size:18px}.solution-hero p{font-size:14px;max-width:100%}.solution-hero:after{background:linear-gradient(90deg,#0c1925ef,#0b1b2599)}.solution-tabs a{font-size:13px;padding:12px 7px;min-height:70px}.solution-section{padding:50px 0}.solution-heading{margin-bottom:27px}.solution-heading h2{font-size:28px}.solution-heading>p{font-size:14px;margin-top:15px}.solution-heading .section-label{font-size:11px}.solution-media{padding:12px;border-radius:8px}.solution-figure figcaption{font-size:12px}.solution-screen-row,.solution-screen-row.is-reversed{grid-template-columns:1fr;gap:20px}.solution-screen-row.is-reversed .solution-figure{order:0}.solution-screen-copy{padding:0 4px}.solution-screen-copy h3{font-size:22px;margin:8px 0 12px}.solution-screen-copy p{font-size:14px}.solution-screen-row+.solution-screen-row{margin-top:35px}.solution-pillars{grid-template-columns:1fr;gap:22px;margin-top:28px}.solution-pillars article,.solution-pillars article:first-child{padding:0 0 0 18px;border-left:2px solid #cdd6dc}.solution-pillars h3{font-size:18px;margin:5px 0 9px}.solution-pillars--four{grid-template-columns:1fr 1fr;gap:25px 18px}.solution-pillars--four article,.solution-pillars--four article:first-child{padding-left:13px}.solution-pillars--four h3{font-size:16px}.solution-ondevice{padding:29px 0}.solution-ondevice .container{grid-template-columns:54px minmax(0,1fr);gap:20px}.solution-ondevice-mark{width:50px;height:50px;font-size:20px}.solution-ondevice h2{font-size:21px}.solution-ondevice p{grid-column:1/-1;border:0;padding:0;font-size:14px}.solution-gallery--3,.solution-gallery--4{grid-template-columns:1fr 1fr;gap:22px 15px}.solution-gallery--3 .solution-figure:last-child{grid-column:1/-1;max-width:calc(50% - 7px);width:100%}.solution-gallery figcaption{font-size:12px}.solution-patterns{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.solution-patterns .solution-media{max-width:460px;margin:auto}.solution-device-grid{grid-template-columns:1fr;gap:22px}.solution-device-grid img{height:200px;max-width:300px;margin-inline:auto}.solution-device-grid h3{font-size:21px}.solution-flow{grid-template-columns:1fr;gap:30px;padding:20px}.solution-flow-stage{padding:20px}.solution-flow-stage:not(:last-child):after{top:auto;bottom:-30px;right:calc(50% - 10px);transform:rotate(90deg)}.solution-flow-stage>img,.solution-server{height:140px}.solution-flow-sensors>div{max-width:320px;margin:auto;min-height:145px}.solution-flow-sensors img{height:140px}.solution-flow-stage h3{font-size:18px}.solution-flow-stage p{font-size:14px;max-width:300px;margin:auto}.solution-sensor-pair{padding:12px}.solution-sensor-pair img{height:130px}.solution-cta{padding:32px 0}.solution-cta .container{flex-direction:column;align-items:flex-start;gap:24px}.solution-cta h2{font-size:23px}.solution-cta p{font-size:14px}.solution-cta a{font-size:14px;min-height:50px;padding:14px 23px;min-width:200px}.solution-main-detail{font-size:14px}}
@media(prefers-reduced-motion:reduce){.solution-media,.solution-cta a{transition:none}}



/* Compact solution layout: image beside three explanatory items. */
.structure-monitoring-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:48px;align-items:center}:is(#monitoring,.pipeline-overview,.confined-maintenance) .structure-monitoring-native{width:auto;max-width:620px;margin:0}.structure-monitoring-image{display:grid;place-items:center;padding:20px;background:#f4f6f7;border:1px solid var(--line);border-radius:12px}.structure-monitoring-image img{display:block;width:560px;max-width:100%;height:auto}.structure-monitoring-points article{padding:22px 0;border-bottom:1px solid var(--line)}.structure-monitoring-points article:first-child{padding-top:0}.structure-monitoring-points article:last-child{border:0;padding-bottom:0}.structure-monitoring-title{display:flex;align-items:baseline;gap:14px}.structure-monitoring-title .solution-index{flex:none;width:20px}.structure-monitoring-title h3{font-size:21px;font-weight:600;line-height:1.5;margin:0;letter-spacing:-.025em}.structure-monitoring-points p{font-size:15px;line-height:1.85;color:var(--muted);margin:10px 0 0 34px;word-break:keep-all}.structure-monitoring-note{text-align:left;margin-top:26px}@media(max-width:900px){.structure-monitoring-layout{grid-template-columns:1fr;gap:30px}:is(#monitoring,.pipeline-overview,.confined-maintenance) .structure-monitoring-native{max-width:600px}.structure-monitoring-points{max-width:600px}.structure-monitoring-points article{padding:18px 0}.structure-monitoring-title h3{font-size:20px}.structure-monitoring-points p{font-size:14px}.structure-monitoring-image{padding:16px}}

/* Shared solution preview size and spacing. */
:is(.structure-monitoring-expanded,.confined-maintenance,.pipeline-overview) .structure-monitoring-layout{grid-template-columns:minmax(0,762px) minmax(260px,1fr);gap:120px}
:is(#monitoring.structure-monitoring-expanded,.confined-maintenance,.pipeline-overview) .structure-monitoring-native{max-width:762px;width:100%}
:is(.structure-monitoring-expanded,.confined-maintenance,.pipeline-overview) .structure-monitoring-image img{width:720px}
@media(max-width:1100px){:is(.structure-monitoring-expanded,.confined-maintenance,.pipeline-overview) .structure-monitoring-layout{grid-template-columns:1fr;gap:30px}:is(.structure-monitoring-expanded,.confined-maintenance,.pipeline-overview) .structure-monitoring-points{max-width:762px}}
