/* Shared information pages: the same visual language as the hosting catalogue. */
.cbx-modern.cs-premium .cs-interior-hero { padding:48px 0!important; background:radial-gradient(ellipse at 82% 42%,#1c4556 0,transparent 48%),#091c2c!important; overflow:hidden; position:relative; }
.cbx-modern.cs-premium .cs-interior-hero:before,.cbx-modern.cs-premium .cs-interior-hero:after { display:none; }
.cs-interior-stage { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr); align-items:center; gap:70px; }
.cs-interior-copy { min-width:0; }
.cs-interior-eyebrow { display:flex; align-items:center; gap:12px; color:#9fdce7; font-size:11px; font-weight:600; letter-spacing:.06em; line-height:1.8; flex-wrap:wrap; }
.cs-interior-eyebrow>span:first-child { width:7px; height:7px; border:1px solid #97e4db; transform:rotate(45deg); flex-shrink:0; }
.cbx-modern.cs-premium .cs-interior-hero h1 { color:#f4faff; font-size:clamp(36px,4vw,57px); line-height:1.13; letter-spacing:-.045em; margin:23px 0 18px; font-weight:600; }
.cbx-modern.cs-premium .cs-interior-hero .lead { font-size:17px; line-height:1.85; color:#c3d9e7; max-width:660px; margin:0; }
.cs-interior-hero .tech-feature-list { color:#d4e4ee; margin:22px 0 0; font-size:14px; line-height:1.9; }
.cs-interior-art { position:relative; height:275px; display:grid; place-items:center; isolation:isolate; }
.cs-interior-art img { height:300px; width:360px; max-width:100%; object-fit:contain; z-index:1; filter:drop-shadow(0 14px 22px #0004); }
.cs-interior-ring { position:absolute; width:320px; height:235px; border:1px solid #73b9c332; border-radius:50%; transform:rotate(-22deg); z-index:-1; }
.cs-interior-ring-two { width:380px; height:275px; border-color:#73b9c316; transform:rotate(-22deg); }
.cbx-modern.cs-premium .cs-interior-document { padding:36px 0!important; }
.cs-interior-document .cs-interior-stage { grid-template-columns:1fr 220px; }
.cs-interior-document .cs-interior-art { height:190px; }
.cs-interior-document .cs-interior-document-icon { height:180px; width:180px; }
.cs-interior-document .cs-interior-ring { width:210px; height:170px; }
.cs-interior-document .cs-interior-ring-two { width:270px; height:215px; }
/* Contact: a single form surface, with real support destinations beside it. */
.cs-contact-section { padding:48px 0 65px; background:#f2f7fb; }
.cs-contact-layout { display:grid; grid-template-columns:1fr 1.25fr; gap:85px; align-items:start; }
.cs-contact-intro { padding-top:24px; }
.cbx-modern.cs-premium .cs-contact-intro h2 { font-size:clamp(30px,3vw,42px); line-height:1.2; margin:20px 0; }
.cbx-modern.cs-premium .cs-contact-intro>p { font-size:16px; line-height:1.9; color:#486479; }
.cs-contact-support { padding:28px; margin-top:30px; border:1px solid #b7d0dc; border-radius:15px; background:linear-gradient(140deg,#eaf5f7,#f6fafc); }
.cs-contact-support>span { width:32px; height:32px; display:grid; place-items:center; margin-bottom:18px; border:1px solid #accad3; border-radius:8px; color:#246780; }
.cbx-modern.cs-premium .cs-contact-support h3 { font-size:20px; line-height:1.4; }
.cbx-modern.cs-premium .cs-contact-support p { font-size:13px; line-height:1.9; color:#365c71; }
.cs-contact-support a { font-size:13px; font-weight:600; color:#135e7b; text-decoration:underline; text-underline-offset:4px; }
.cs-contact-office { display:flex; align-items:center; gap:15px; margin-top:30px; color:#3d6177; font-size:13px; }
.cs-contact-office>span { font-size:21px; }
.cs-contact-office strong,.cs-contact-office div>span { display:block; line-height:1.8; }
.cs-contact-office strong { color:#1d425b; font-weight:600; }
.cs-contact-form-card { padding:38px; border:1px solid #c3d7e5; border-radius:20px; background:#fff; box-shadow:0 15px 45px #123d5807; position:relative; }
.cs-contact-form-card:before { content:''; height:3px; position:absolute; top:0; inset-inline:35px; border-radius:0 0 4px 4px; background:linear-gradient(90deg,#1c7696,#b1eadb); }
.cbx-modern.cs-premium .cs-contact-form-card>h2 { font-size:27px; line-height:1.4; margin:0 0 26px; }
.cs-contact-field { margin-bottom:21px; }
.cs-contact-field label { display:block; color:#294c64; font-size:13px; font-weight:600; margin:0 0 8px; }
.cbx-modern.cs-premium .cs-contact-field .form-control { width:100%; min-height:49px; border:1px solid #b4cbdc; border-radius:9px; background:#f8fbfd; color:#15374f; padding:12px 14px; font:400 15px/1.7 'DM Sans',sans-serif; box-shadow:none; }
.cbx-modern.cs-premium .cs-contact-field select.form-control { height:auto; padding-inline-end:30px; }
.cbx-modern.cs-premium .cs-contact-field .form-control:focus { border-color:#277e9a; background:#fff; box-shadow:0 0 0 3px #3287a219; }
.cs-contact-field textarea { resize:vertical; }
.cs-contact-fields>.btn { width:100%; display:flex; justify-content:space-between; align-items:center; min-height:50px; }
.cs-contact-form-card .message-box { margin-bottom:20px; }
.cs-contact-form-card .alert { font-size:14px; line-height:1.7; border-radius:10px; }
.cs-contact-channels { background:#fff; padding:50px 0; border-top:1px solid #d1e1eb; }
.cs-contact-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cs-contact-channel-grid>a { display:flex; align-items:center; gap:18px; border:1px solid #cbdfe8; padding:25px; border-radius:12px; background:#f5fafd; color:#24546f; transition:background .2s,border-color .2s; }
.cs-contact-channel-grid>a:hover { background:#eaf5f8; border-color:#6ea5b9; }
.cs-contact-channel-grid>a>span:first-child { font-size:24px; }
.cs-contact-channel-grid>a>span:last-child { margin-inline-start:auto; }
.cs-contact-channel-grid strong { display:block; font-size:17px; line-height:1.5; color:#183f5b; }
.cs-contact-channel-grid div>span { display:block; margin-top:4px; font-size:12px; color:#46687c; overflow-wrap:anywhere; }
.cs-contact-note { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; margin-top:35px; }
.cbx-modern.cs-premium .cs-contact-note p { font-size:13px; line-height:1.9; color:#486b7f; margin:0; }
/* A visual, filterable library without hiding content behind JavaScript. */
.cs-library-hero { background:radial-gradient(ellipse at 85% 50%,#1d4a5f,transparent 60%),#091c2c; color:#f0f8ff; overflow:hidden; }
.cs-library-stage { display:grid; grid-template-columns:1.6fr 1fr; align-items:center; gap:65px; padding-block:60px; }
.cbx-modern.cs-premium .cs-library-hero h1 { color:#f5faff; font-size:clamp(36px,4vw,55px); line-height:1.15; letter-spacing:-.045em; margin:24px 0; }
.cbx-modern.cs-premium .cs-library-hero p { color:#c4dae8; font-size:17px; line-height:1.9; margin:0; }
.cs-library-subjects { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.cs-library-subjects>span { color:#afdbdf; border:1px solid #527282; border-radius:5px; padding:7px 12px; font-size:11px; background:#153548; }
.cs-library-art { height:285px; position:relative; }
.cs-library-art>span { position:absolute; inset:0; border:1px solid #74bccc30; border-radius:50%; transform:rotate(-25deg); }
.cs-library-art>img { position:absolute; width:250px; height:250px; object-fit:contain; filter:drop-shadow(0 20px 18px #0004); }
.cs-library-art>img:nth-of-type(1) { top:-30px; inset-inline-end:0; width:240px; }
.cs-library-art>img:nth-of-type(2) { top:70px; inset-inline-start:-15px; }
.cs-guide-catalogue { padding:45px 0 75px; background:#f2f7fb; }
.cs-guide-filterbar { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:0 0 30px; }
.cs-guide-filterbar[hidden],.cs-guide-card[hidden] { display:none!important; }
.cs-guide-filters { display:flex; flex-wrap:wrap; gap:9px; }
.cs-guide-filters button { border:1px solid #b8d0df; background:#fff; color:#355c74; border-radius:8px; padding:12px 17px; min-height:44px; font-size:13px; font-weight:600; cursor:pointer; }
.cs-guide-filters button[aria-pressed=true] { background:#143e56; color:#edfcff; border-color:#143e56; }
.cs-guide-filters button:hover { border-color:#247593; }
.cs-guide-count { font-size:12px; color:#47677e; white-space:nowrap; }
.cs-guide-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:25px; }
.cs-guide-card { position:relative; min-width:0; grid-column:span 2; background:#fff; border:1px solid #c4d9e6; border-radius:17px; display:flex; flex-direction:column; overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.cs-guide-featured { grid-column:span 3; }
.cs-guide-cover { position:relative; height:190px; display:grid; place-items:center; background:radial-gradient(ellipse at 60% 20%,#315e76,#102a3d); overflow:hidden; }
.cs-guide-featured .cs-guide-cover { height:235px; }
.cs-guide-cover:before { content:''; position:absolute; inset:15% 10%; border:1px solid #91c0d221; border-radius:50%; transform:rotate(-20deg); }
.cs-guide-cover img { width:220px; height:205px; object-fit:contain; filter:drop-shadow(0 10px 13px #0004); transition:transform .35s; }
.cs-guide-featured .cs-guide-cover img { width:270px; height:250px; }
.cs-guide-cover>span { position:absolute; bottom:16px; inset-inline-start:20px; color:#e0f5ff; background:#0d263be8; border:1px solid #547785; padding:6px 10px; border-radius:5px; font-size:10px; letter-spacing:.05em; }
.cs-guide-landscape img { width:100%; height:100%; object-fit:cover; }
.cs-guide-landscape:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#09203180,transparent); }
.cs-guide-landscape>span { z-index:1; }
.cs-guide-card-body { display:flex; flex-direction:column; padding:28px; flex:1; }
.cs-guide-number { font-size:10px; letter-spacing:.1em; color:#53768e; margin-bottom:17px; }
.cbx-modern.cs-premium .cs-guide-card h2 { margin:0 0 16px; font-size:22px; line-height:1.42; letter-spacing:-.025em; }
.cbx-modern.cs-premium .cs-guide-featured h2 { font-size:27px; }
.cs-guide-card h2 a { color:#153d58; }
.cs-guide-card h2 a:after { content:''; position:absolute; inset:0; z-index:2; border-radius:16px; }
.cbx-modern.cs-premium .cs-guide-card p { font-size:14px; line-height:1.85; color:#48667c; margin:0 0 28px; }
.cs-guide-read { display:flex; align-items:center; justify-content:space-between; padding-top:18px; margin-top:auto; border-top:1px solid #d4e3ed; color:#155e7e; font-size:13px; font-weight:600; }
.cs-guide-read>span { width:30px; height:30px; display:grid; place-items:center; background:#eaf4f7; border:1px solid #bdd6e0; border-radius:7px; }
.cs-guide-card:hover,.cs-guide-card:focus-within { border-color:#448da8; box-shadow:0 10px 28px #153a5710; }
.cs-guide-card:hover .cs-guide-cover img { transform:translateY(-4px); }
.cs-guide-card a:focus-visible { outline:0!important; }
.cs-guide-card:has(a:focus-visible) { outline:3px solid #2456e8; outline-offset:4px; }
.cs-guides-filtered .cs-guide-card { grid-column:span 3; }
/* Guide reading and legal documents share a compact, keyboard accessible contents panel. */
.cs-reading-layout { display:grid; grid-template-columns:270px minmax(0,1fr); width:100%; gap:65px; align-items:start; padding:0 15px; }
.cbx-modern.cs-premium .cs-reading-layout>.cbx-article { width:100%; max-width:100%; padding:34px; margin:0; min-width:0; }
.cs-reading-sidebar { position:sticky; top:calc(var(--cbx-header-offset,110px) + 15px); min-width:0; }
.cs-reading-contents,.cs-policy-contents { background:#fff; border:1px solid #c6d9e5; border-radius:12px; overflow:hidden; }
.cs-reading-contents>summary,.cs-policy-contents>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; padding:21px 22px; font-size:14px; font-weight:600; color:#19445f; cursor:pointer; }
.cs-reading-contents>summary::-webkit-details-marker,.cs-policy-contents>summary::-webkit-details-marker { display:none; }
.cs-reading-contents>summary>span,.cs-policy-contents>summary>span { font-size:20px; line-height:1; font-weight:400; }
.cs-reading-contents[open]>summary>span,.cs-policy-contents[open]>summary>span { transform:rotate(45deg); }
.cs-reading-contents>summary:focus-visible,.cs-policy-contents>summary:focus-visible { outline-offset:-4px!important; }
.cbx-modern.cs-premium .cs-reading-contents .cs-article-toc { padding:8px 14px 18px; margin:0; border:0; border-top:1px solid #dfebf2; border-radius:0; background:transparent; max-height:calc(100dvh - var(--cbx-header-offset,110px) - 150px); overflow-y:auto; }
.cs-reading-contents .cs-article-toc ol { display:grid; gap:3px; padding:0; list-style:none; counter-reset:toc; }
.cs-reading-contents .cs-article-toc li { counter-increment:toc; }
.cbx-modern.cs-premium .cs-reading-contents a { display:flex; gap:10px; color:#45677e; font-size:12px; line-height:1.75; text-decoration:none; padding:10px; border-radius:6px; }
.cs-reading-contents a:before { content:counter(toc,decimal-leading-zero); font-size:10px; color:#527a92; padding-top:2px; flex:0 0 18px; white-space:nowrap; }
.cbx-modern.cs-premium .cs-reading-contents a[aria-current],.cbx-modern.cs-premium .cs-policy-contents a[aria-current] { background:#e8f4f7; color:#134f6b; font-weight:600; }
.cs-reading-progress { height:3px; background:#d9e7f0; border-radius:3px; overflow:hidden; margin:18px 2px; }
.cs-reading-progress>span { display:block; height:100%; background:#237997; transform:scaleX(0); transform-origin:left; }
html[dir=rtl] .cs-reading-progress>span { transform-origin:right; }
.cbx-modern.cs-premium .cs-reading-layout .cbx-article>h2 { font-size:28px; margin:40px 0 20px; line-height:1.3; padding-top:12px; border-top:1px solid #d6e4ee; scroll-margin-top:calc(var(--cbx-header-offset,110px) + 35px); }
.cbx-modern.cs-premium .cs-reading-layout .cbx-article>p { font-size:16px; line-height:1.95; color:#395b74; }
.cs-reading-layout .cbx-article .cbx-note { border-radius:12px; padding:24px; background:#e8f3f7; }
.cbx-modern.cs-premium .knowledge-base-section { padding:55px 0 75px; background:#f2f7fb; }
.cs-policy-copy { padding:0 35px 0 0; }
.cs-policy-copy>[id] { padding:28px 30px!important; margin-bottom:18px; border:1px solid #d2e2ed; background:#fff; border-radius:12px; }
.cbx-modern.cs-premium .cs-policy-copy h2.h5 { font-size:23px; }
.cbx-modern.cs-premium .cs-policy-copy p,.cbx-modern.cs-premium .cs-policy-copy li { color:#39596f; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.cs-policy-sidebar { position:sticky; top:calc(var(--cbx-header-offset,110px) + 15px); }
.cs-policy-contents>nav { max-height:calc(100dvh - var(--cbx-header-offset,110px) - 140px); overflow:auto; padding:0 14px 16px; }
.cs-policy-contents .sidebar-list { margin:0; padding:0; list-style:none; }
.cbx-modern.cs-premium .cs-policy-contents .sidebar-list a { display:block; padding:10px; border-radius:6px; text-decoration:none; color:#46677d; font-size:13px; line-height:1.7; }
html[dir=rtl] .cs-policy-copy { padding:0 0 0 35px; }
/* The network diagram stays explanatory, without presenting fabricated live metrics. */
.cbx-modern.cs-premium .cs-network-page .cbx-network-overview { background:transparent; border:0; padding:0; gap:30px; }
.cbx-modern.cs-premium .cs-network-page .cbx-network-node { background:linear-gradient(150deg,#1b4155,#132e43); border:1px solid #628191; border-radius:15px; padding:32px; }
.cs-network-page .cbx-network-node>span { display:inline-block; padding:8px 11px; border:1px solid #5c8a99; border-radius:6px; background:#173849; margin-bottom:24px; }
@media(min-width:992px) and (prefers-reduced-motion:no-preference) {
 .cs-interior-art img,.cs-library-art img { animation:cs-global-enter .8s ease-out both; }
}
@keyframes cs-global-enter { from { opacity:.4; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1199px) { .cs-contact-layout { gap:45px; } .cs-interior-stage { gap:35px; } .cs-library-stage { gap:30px; } .cs-reading-layout { grid-template-columns:235px minmax(0,1fr); gap:35px; } .cs-guide-card-body { padding:24px; } }
@media(max-width:991px) {
 .cs-interior-stage { grid-template-columns:1.5fr 1fr; }
 .cs-interior-art { height:220px; }.cs-interior-art img { height:245px; }
 .cs-contact-layout { grid-template-columns:1fr; gap:35px; }.cs-contact-intro { padding:0; }.cs-contact-form-card { max-width:none; }
 .cs-contact-support { margin-top:20px; }.cs-contact-channels { padding:35px 0; }.cs-contact-channel-grid { grid-template-columns:1fr; gap:12px; }
 .cs-library-stage { grid-template-columns:1.8fr 1fr; }.cs-library-art { height:240px; }.cs-library-art img { width:185px; height:185px; }.cs-library-art>img:nth-of-type(1) { width:180px; }.cs-library-art>img:nth-of-type(2) { inset-inline-start:-30px; }
 .cs-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cs-guide-card,.cs-guide-featured,.cs-guides-filtered .cs-guide-card { grid-column:span 1; }.cs-guide-cover,.cs-guide-featured .cs-guide-cover { height:195px; }.cbx-modern.cs-premium .cs-guide-featured h2 { font-size:23px; }.cs-guide-count { white-space:normal; }
 .cs-reading-layout { display:block; }.cs-reading-sidebar { position:static; margin-bottom:30px; }.cs-reading-progress { display:none; }.cs-reading-contents .cs-article-toc { max-height:none!important; }
 .knowledge-base-section .row.justify-content-between { display:flex; }.knowledge-base-section .row.justify-content-between>.col-md-8,.knowledge-base-section .row.justify-content-between>.col-md-4 { flex:0 0 100%; max-width:100%; }.knowledge-base-section .row.justify-content-between>.col-md-4 { order:-1; margin-bottom:28px; }.cs-policy-copy,html[dir=rtl] .cs-policy-copy { padding:0; }.cs-policy-sidebar { position:static; }.cs-policy-contents>nav { max-height:60vh; }
}
@media(max-width:767px) {
 .cbx-modern.cs-premium .cs-interior-hero { padding:36px 0!important; }.cs-interior-stage { grid-template-columns:1fr; gap:20px; }.cs-interior-art { height:170px; }.cs-interior-art img { width:230px; height:220px; }.cs-interior-ring { width:230px; height:140px; }.cs-interior-ring-two { width:285px; height:170px; }
 .cbx-modern.cs-premium .cs-interior-hero h1 { font-size:35px; }.cbx-modern.cs-premium .cs-interior-hero .lead { font-size:15px; }.cs-interior-eyebrow { font-size:10px; gap:8px; }
 .cs-interior-document .cs-interior-stage { grid-template-columns:1fr; }.cs-interior-document .cs-interior-art { display:none; }
 .cs-contact-section { padding:20px 0 40px; }.cs-contact-form-card { padding:26px 22px; border-radius:15px; }.cs-contact-note { grid-template-columns:1fr; gap:15px; }.cs-contact-channel-grid>a { padding:23px; }.cbx-modern.cs-premium .cs-contact-intro>p { font-size:14px; }
 .cs-library-stage { grid-template-columns:1fr; padding-block:40px; gap:15px; }.cs-library-art { display:none; }.cbx-modern.cs-premium .cs-library-hero h1 { font-size:37px; }.cbx-modern.cs-premium .cs-library-hero p { font-size:15px; }
 .cs-guide-filterbar { display:block; padding-bottom:24px; }.cs-guide-count { display:block; margin-top:18px; }.cs-guide-filters { gap:8px; }.cs-guide-filters button { padding:11px 13px; font-size:12px; }
 .cs-guide-grid { grid-template-columns:1fr; gap:22px; }.cs-guide-card-body { padding:25px; }.cbx-modern.cs-premium .cs-guide-card h2 { font-size:23px; }.cs-guide-cover,.cs-guide-featured .cs-guide-cover { height:185px; }.cs-guide-cover img,.cs-guide-featured .cs-guide-cover img { height:210px; width:230px; }.cs-guide-landscape img { width:100%; height:100%; }
 .cs-reading-layout { padding-inline:22px; }.cbx-modern.cs-premium .cs-reading-layout .cbx-article>h2 { font-size:25px; }.cs-article-navigation { gap:15px; margin-bottom:22px; }.cs-article-navigation a { font-size:13px; }
 .cs-policy-copy>[id] { padding:23px!important; }.cbx-modern.cs-premium .cs-policy-copy h2.h5 { font-size:21px; }
}
html[dir=rtl] .cs-interior-eyebrow,html[dir=rtl] .cs-guide-number { letter-spacing:0; }
html[dir=rtl] .cbx-modern.cs-premium .cs-interior-hero h1,html[dir=rtl] .cbx-modern.cs-premium .cs-library-hero h1 { line-height:1.4; letter-spacing:0; }
@media(prefers-reduced-motion:reduce) { .cs-interior-art img,.cs-library-art img,.cs-guide-card,.cs-guide-cover img,.cs-contact-channel-grid>a { animation:none!important; transition:none!important; } }

.cbx-modern.cs-premium .knowledge-base-section .cs-policy-copy { background:transparent; border:0; border-radius:0; padding:0 25px 0 0; }
.cbx-modern.cs-premium .knowledge-base-section .cs-policy-copy>[id]:first-child { padding-top:28px!important; }
html[dir=rtl] .cbx-modern.cs-premium .knowledge-base-section .cs-policy-copy { padding:0 0 0 25px; }
@media(max-width:991px) { .cbx-modern.cs-premium .knowledge-base-section .cs-policy-copy,html[dir=rtl] .cbx-modern.cs-premium .knowledge-base-section .cs-policy-copy { padding:0; } }
@media(max-width:767px) { .cbx-modern.cs-premium .cs-reading-layout>.cbx-article { padding:24px; } }

@media(max-width:991px) { .cs-contact-form-card { order:-1; } }
@media(max-width:767px) { .cbx-modern.cs-premium .cs-contact-field .form-control { font-size:16px; } }

/* Anchors already account for the fixed header through scroll-margin-top. */
html { scroll-padding-top:0; }

.cs-contact-layout>* { min-width:0; }
.cbx-modern.cs-premium .cs-contact-form-card>h2,.cbx-modern.cs-premium .cs-contact-support h3 { overflow-wrap:anywhere; hyphens:auto; }
@media(max-width:991px) { .cs-contact-layout { grid-template-columns:minmax(0,1fr); } }