/* ECE 19.18.4: compact services, orange accents, two themes. */
html:root body main .solutions .solution-grid{gap:20px!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card:nth-child(n){display:flex!important;flex-direction:column!important;gap:12px!important;padding:24px!important;min-height:0!important;height:auto!important;border-radius:18px!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;--ece-service-accent:#ffb35c;--ece-detail-accent:var(--ece-service-accent);}
html:root:not([data-theme=light]) body main .solutions .solution-grid>.solution-card:nth-child(n){background:linear-gradient(145deg,#191d48,#222650)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ece-surface,#303075) 60%,#080d24),color-mix(in srgb,var(--ece-surface,#303075) 76%,#080d24))!important;border:1px solid var(--ece-line,#656c9e)!important;}
html:root[data-theme=light] body main .solutions .solution-grid>.solution-card:nth-child(n){--ece-service-accent:#9b4700;background:var(--ece-surface,#fff)!important;border:1px solid var(--ece-line,#c7cedb)!important;box-shadow:0 6px 22px #17233d0c!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card h3{font-size:clamp(19px,1.5vw,23px)!important;line-height:1.28!important;letter-spacing:-.015em!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important;margin:0!important;max-width:none!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card p{font-size:14px!important;line-height:1.55!important;margin:0!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card :is(.kei-service-symbol,.solution-icon){color:var(--ece-service-accent)!important;font-size:30px!important;width:34px!important;height:34px!important;margin:0!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-choices{display:grid!important;gap:9px!important;padding-top:14px!important;margin:0!important;border-top:1px solid var(--ece-line)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-choice{font-size:13px!important;line-height:1.5!important;margin:0!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-choice::before{color:var(--ece-service-accent)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:2px 0 0!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-tags span{font-size:10px!important;line-height:1.4!important;padding:5px 8px!important;color:var(--ece-ink)!important;background:transparent!important;border-color:var(--ece-service-accent)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card a.solution-primary-action[href]{color:var(--ece-service-accent)!important;background:transparent!important;min-height:44px!important;padding:14px 0 0!important;margin-top:auto!important;font-size:14px!important;border-top-color:var(--ece-line)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card a.solution-primary-action[href]:is(:hover,:active,:focus-visible){color:var(--ece-service-accent)!important;background:transparent!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card a.solution-primary-action[href]::after{color:var(--ece-service-accent)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card:focus-within{border-color:var(--ece-service-accent)!important;outline:2px solid var(--ece-service-accent)!important;outline-offset:3px!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card a.solution-primary-action[href]:focus-visible{outline-color:var(--ece-service-accent)!important;}
@media(hover:hover) and (pointer:fine){html:root[data-theme] body main .solutions .solution-grid>.solution-card:nth-child(n):hover{border-color:var(--ece-service-accent)!important;transform:translateY(-4px)!important;box-shadow:0 12px 26px #050b2429!important;}}
@media(max-width:760px){html:root[data-theme] body main .solutions .solution-grid>.solution-card:nth-child(n){padding:20px!important;gap:10px!important;}html:root[data-theme] body main .solutions .solution-grid>.solution-card h3{font-size:22px!important;}html:root[data-theme] body main .solutions .solution-grid>.solution-card :is(h3,p,.kei-solution-choices,.kei-solution-tags){min-height:0!important;}}
@media(prefers-reduced-motion:reduce){html:root[data-theme] body main .solutions .solution-grid>.solution-card:nth-child(n){transition:none!important;transform:none!important;}}
/* Variant 3: accessible tabs and the original content as shared panels. */
html:root[data-theme] body main .solutions .ece-service-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;}
html:root[data-theme] body main .solutions .ece-service-tab{display:flex;align-items:center;gap:14px;min-width:0;padding:20px;border:1px solid var(--ece-line);border-radius:14px;background:var(--ece-surface);color:var(--ece-ink);text-align:left;font:700 17px/1.35 Manrope,Arial,sans-serif;cursor:pointer;}
html:root[data-theme] body main .solutions .ece-service-tab :is(.kei-service-symbol,.solution-icon){flex:0 0 30px;margin:0!important;color:#ffb35c!important;width:30px!important;height:30px!important;}
html:root[data-theme=light] body main .solutions .ece-service-tab :is(.kei-service-symbol,.solution-icon){color:#9b4700!important;}
html:root[data-theme] body main .solutions .ece-service-tab[aria-selected=true]{border-color:#ffb35c;box-shadow:inset 0 -3px #ffb35c;}
html:root[data-theme=light] body main .solutions .ece-service-tab[aria-selected=true]{border-color:#9b4700;box-shadow:inset 0 -3px #9b4700;}
html:root[data-theme] body main .solutions .ece-service-tab:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels{display:block!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card[hidden]{display:none!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card:not([hidden]){padding:28px!important;gap:16px!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card :is(h3,p,.kei-solution-choices,.kei-solution-tags){min-height:0!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card h3{font-size:26px!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card .kei-solution-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;}
html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card .kei-service-symbol{display:none!important;}
@media(max-width:1100px){html:root[data-theme] body main .solutions .ece-service-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){html:root[data-theme] body main .solutions .ece-service-tabs{display:flex;overflow-x:auto;gap:10px;padding:4px 3px 10px;scroll-snap-type:x proximity;}html:root[data-theme] body main .solutions .ece-service-tab{flex:0 0 240px;padding:16px;font-size:16px;scroll-snap-align:start;}html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card:not([hidden]){padding:20px!important;}html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card .kei-solution-choices{grid-template-columns:minmax(0,1fr)!important;}html:root[data-theme] body main .solutions .solution-grid.ece-service-panels>.solution-card h3{font-size:22px!important;}}
html:root:not([data-theme=light]) body main .solutions .solution-grid>.solution-card{--ece-service-copy:#c1c7e5;}
html:root[data-theme=light] body main .solutions .solution-grid>.solution-card{--ece-service-copy:#465b6c;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card h3{color:var(--dr-heading,var(--ece-ink))!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card p{color:var(--dr-muted,var(--ece-service-copy))!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .kei-solution-choice{color:var(--ece-ink)!important;}
html:root[data-theme] body main .solutions .solution-grid>.solution-card .card-top{margin:0!important;}
