/* CubixServ service pages: real content, restrained hierarchy, no decorative dashboards. */
#cubix-site .cs-service-reading{position:sticky;top:var(--cs-header-height,80px);z-index:65;background:#fff;border-block:1px solid #cedee5;color:#123541;box-shadow:0 5px 12px #12354106}
#cubix-site .cs-service-reading-inner{display:flex;align-items:center;gap:20px;min-height:68px;position:relative}
#cubix-site .cs-service-contents{position:static;margin:0;border:0;background:transparent;padding:0}
#cubix-site .cs-service-contents summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 0;list-style:none;cursor:pointer;font-size:14px;font-weight:650;line-height:1.5;color:#123541}
#cubix-site .cs-service-contents summary::-webkit-details-marker{display:none}
#cubix-site .cs-reading-symbol{display:grid;gap:4px;width:18px;flex-shrink:0}
#cubix-site .cs-reading-symbol i{display:block;height:2px;width:18px;background:#087b85;border-radius:1px}
#cubix-site .cs-reading-symbol i:nth-child(2){width:12px}
#cubix-site .cs-reading-chevron{width:7px;height:7px;border:solid #456371;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-inline-start:8px;margin-top:-4px}
#cubix-site .cs-service-contents[open] .cs-reading-chevron{transform:rotate(225deg);margin-top:4px}
#cubix-site .cs-service-contents nav{position:absolute;inset-inline:0;top:100%;max-height:min(62vh,480px);overflow:auto;overscroll-behavior:contain;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;background:#fff;border:1px solid #c8dbe3;border-top:3px solid #087b85;border-radius:0 0 10px 10px;box-shadow:0 18px 30px #0c29371a;scrollbar-color:#8daeb9 #f0f5f7}
#cubix-site .cs-service-contents:not([open]) nav{display:none}
#cubix-site [data-reading-placement=above] .cs-service-contents nav{top:auto;bottom:100%;border-radius:10px 10px 0 0;border-top:1px solid #c8dbe3;border-bottom:3px solid #087b85;box-shadow:0 -12px 30px #0c29371a}
#cubix-site .cs-service-contents nav a{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:12px;color:#294c5c;font-size:13px;line-height:1.5;text-decoration:none;border-radius:5px;overflow-wrap:anywhere}
#cubix-site .cs-service-contents nav a>span{flex-shrink:0;color:#087b85}
#cubix-site .cs-service-contents nav a:is(:hover,[aria-current]){background:#eaf5f5;color:#07535e}
#cubix-site .cs-service-reading :is(a,summary):focus-visible{outline:3px solid #00717e;outline-offset:3px}
#cubix-site .cs-reading-brand{margin-inline-start:auto;font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.12em;color:#4b6876}
#cubix-site .cs-reading-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:10px 18px;border:1px solid #006a75;border-radius:6px;background:#006a75;color:#fff;font-size:13px;line-height:1.5;font-weight:650;text-decoration:none;flex-shrink:0}
#cubix-site .cs-reading-action:hover{background:#07515b;color:#fff}
#cubix-site .cs-reading-line{height:2px;background:#edf3f5;overflow:hidden}
#cubix-site .cs-reading-line span{display:block;width:100%;height:100%;background:#087b85;transform:scaleX(0);transform-origin:left}
[dir=rtl] #cubix-site .cs-reading-line span{transform-origin:right}
#cubix-site main:has([data-service-reading]) h2[id]{scroll-margin-top:180px}
/* Clearer rhythm across service documentation, with less repeated card chrome. */
#cubix-site main:has([data-service-reading]) :is(.vse-section,.vg-section,.gvg-section,.ge-section,.gp-section,.gx-section,.wb-section){padding-block:52px}
#cubix-site main:has([data-service-reading]) :is(.vse-split,.vp-resources-grid,.gp-feature-grid,.wb-two){gap:clamp(28px,5vw,72px)}
#cubix-site main:has([data-service-reading]) :is(.vse-use-grid,.ge-uses-grid,.gvg-use-grid){gap:0 32px}
#cubix-site main:has([data-service-reading]) :is(.vse-use-grid,.ge-uses-grid,.gvg-use-grid)>article{border:0;border-top:2px solid #cbdde4;border-radius:0;box-shadow:none;background:transparent;padding:24px 0}
#cubix-site main:has([data-service-reading]) :is(.vse-use-symbol,.vse-symbol){border:0;border-radius:0;background:transparent;color:#00717e}
#cubix-site main:has([data-service-reading]) :is(.vse-faq-grid,.vp-questions,.ge-faq-grid){gap:0;border-top:1px solid #c8dce5}
#cubix-site main:has([data-service-reading]) :is(.vse-faq-grid,.vp-questions,.ge-faq-grid)>details{margin:0;border:0;border-bottom:1px solid #c8dce5;border-radius:0;box-shadow:none;background:transparent}
#cubix-site main:has([data-service-reading]) :is(.vse-faq-grid,.vp-questions,.ge-faq-grid)>details summary{padding:20px 0;color:#153946}
#cubix-site main:has([data-service-reading]) :is(.vse-faq-grid,.vp-questions,.ge-faq-grid)>details>p{padding:0 0 22px;margin:0;color:#405e70}
#cubix-site main:has([data-service-reading]) :is(.vse-related,.wb-guide-links){background:#f4f8fa;border-top:1px solid #cfdee6;padding-block:35px}
#cubix-site main:has([data-service-reading]) .vse-related .container>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
#cubix-site main:has([data-service-reading]) .vse-related a{padding-block:15px;border-bottom:1px solid #d6e3e9;line-height:1.6;text-decoration:none}
/* Business illustrations use actual service concepts instead of loading placeholders. */
#cubix-site #wb-page .wb-visual{min-width:0}
#cubix-site #wb-page .cs-business-art{border:1px solid #42616e;border-radius:8px;background:#102e3c;box-shadow:18px 22px 0 #173d4940;padding:32px;position:relative;overflow:hidden;text-align:start}
#cubix-site #wb-page .cs-business-art::before{content:"";display:block;width:48px;height:3px;background:#72e2d7;margin-bottom:28px}
#cubix-site #wb-page .cs-art-index{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em;color:#aed0d9;margin-bottom:28px}
#cubix-site #wb-page .cs-art-name{color:#fff;font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:650;letter-spacing:-.045em;display:block;margin-bottom:10px;overflow-wrap:anywhere}
#cubix-site #wb-page .cs-art-stack{color:#8ae2dc;font-size:12px;letter-spacing:.03em;margin-bottom:30px;line-height:1.8}
#cubix-site #wb-page .cs-art-services{display:grid;gap:0}
#cubix-site #wb-page .cs-art-services>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #41626e;color:#e2eff2;font-size:14px}
#cubix-site #wb-page .cs-art-services b{color:#82dcd5;font-size:11px;font-weight:500;letter-spacing:.05em}
#cubix-site #wb-page .cs-art-records{border-block:1px solid #41626e;display:grid;gap:0;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e4f2f4}
#cubix-site #wb-page .cs-art-records div{display:grid;grid-template-columns:38px 58px minmax(0,1fr);gap:10px;padding:17px 0;border-bottom:1px solid #294d5c}
#cubix-site #wb-page .cs-art-records div:last-child{border:0}
#cubix-site #wb-page .cs-art-records b{color:#88e3da;font-weight:500}
#cubix-site #wb-page .cs-art-records span{overflow-wrap:anywhere}
#cubix-site #wb-page .cs-art-caption{margin:24px 0 0;font-size:12px;line-height:1.8;color:#b4cfd7}
#cubix-site #wb-page .cs-art-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#cubix-site #wb-page .cs-art-families>div{min-width:0;border:1px solid #41626e;background:#153a49;padding:20px 10px;color:#e2f0f2;font-size:13px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
#cubix-site #wb-page .cs-art-families svg{display:block;width:28px;height:28px;margin:0 auto 20px;color:#83dbd4;stroke:currentColor;stroke-width:1.4;fill:none}
@media(max-width:991px){#cubix-site .cs-service-reading{top:68px}#cubix-site .cs-service-contents nav{grid-template-columns:repeat(2,minmax(0,1fr));inset-inline:16px}#cubix-site #wb-page .cs-business-art{box-shadow:9px 12px 0 #173d4940}#cubix-site main:has([data-service-reading]) h2[id]{scroll-margin-top:155px}}
@media(max-width:600px){#cubix-site .cs-service-reading-inner{min-height:60px;gap:12px}#cubix-site .cs-service-contents summary{font-size:12px;gap:8px}#cubix-site .cs-reading-brand{display:none}#cubix-site .cs-reading-action{margin-inline-start:auto;min-height:40px;padding:8px 12px;gap:10px;font-size:12px;flex-shrink:1}#cubix-site .cs-service-contents nav{grid-template-columns:1fr;max-height:58vh;padding:10px;inset-inline:16px}#cubix-site .cs-service-contents nav a{font-size:13px}#cubix-site main:has([data-service-reading]) :is(.vse-section,.vg-section,.gvg-section,.ge-section,.gp-section,.gx-section,.wb-section){padding-block:35px}#cubix-site main:has([data-service-reading]) .vse-related .container>div{grid-template-columns:1fr}#cubix-site #wb-page .cs-business-art{padding:24px}#cubix-site #wb-page .cs-art-records{font-size:11px}#cubix-site #wb-page .cs-art-records div{grid-template-columns:30px 50px minmax(0,1fr);gap:6px}#cubix-site #wb-page .cs-art-families>div{padding:16px 6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#cubix-site .cs-service-reading *{scroll-behavior:auto;transition:none}}