/* An aligned rectangular mosaic with alternating card widths. */
.source-content .di-offerings-section{background:#edf1f6;padding:76px 0 84px}
.source-content .di-offerings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:36px}
.source-content .di-offerings-heading .kicker{color:#556b8b;letter-spacing:.15em;margin-bottom:16px}
.source-content .di-offerings-heading h2{font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.045em;margin:0}
.source-content .di-offerings-heading>p{max-width:345px;color:#52627b;font-size:15px;line-height:1.75;margin:0 0 3px}
.di-offerings-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}
.di-offering{--di-text:#243852;--di-muted:#566a83;--di-line:#cad5e3;--di-art:#567b9b;position:relative;min-width:0;padding:28px;display:flex;flex-direction:column;border:1px solid var(--di-line);border-radius:12px;background:#fff;color:var(--di-text);scroll-margin-top:100px;overflow:hidden}
.di-wide{grid-column:span 7}
.di-compact{grid-column:span 5}
.di-ink{--di-text:#f2f6fc;--di-muted:#bacce1;--di-line:#3d5470;--di-art:#a5cce8;background:#172742;border-color:#172742}
.di-blue{background:#dce9f5;--di-line:#b6cbe0;--di-art:#4e779e}
.di-slate{background:#e3eaf3;--di-line:#c0cdde;--di-art:#57789e}
.di-periwinkle{background:#edf1f8;--di-line:#c8d2e2;--di-art:#657da2}
.di-card-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--di-muted);font-size:9px;letter-spacing:.13em;font-weight:600}
.di-card-meta>span:first-child{display:flex;align-items:center;gap:13px}
.di-card-meta b{font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--di-text);font-variant-numeric:tabular-nums}
.di-short-arrow{display:flex;align-items:center;color:var(--di-text)}
.di-card-body{margin-top:24px;margin-bottom:24px;display:flex;flex-direction:column;flex:1}
.di-card-copy{min-width:0}
.di-offering-icon{display:none}
.source-content .di-offering h3{font-size:26px;font-weight:550;line-height:1.22;letter-spacing:-.03em;color:var(--di-text);margin:0 0 18px;text-transform:none;max-width:560px}
.source-content .di-capabilities{list-style:none;padding:0;margin:0;color:var(--di-muted);font-size:13px;line-height:1.7}
.source-content .di-capabilities li{position:relative;padding-left:14px;margin:7px 0}
.di-capabilities li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:var(--di-art);border-radius:50%}
.di-accelerated{display:inline-block;color:var(--di-muted);font-size:10px;border:1px solid var(--di-line);border-radius:20px;padding:5px 9px;margin-top:11px;line-height:1.4}
.di-card-art{margin-top:22px;min-height:64px;display:flex;align-items:center;color:var(--di-art);font-size:11px;text-align:center;line-height:1.4}
.di-business-outcome{border-top:1px solid var(--di-line);padding-top:17px}
.di-business-outcome>span{font-size:8px;font-weight:650;letter-spacing:.13em;color:var(--di-muted)}
.source-content .di-business-outcome p{font-size:12px;line-height:1.7;color:var(--di-text);margin:7px 0 0;max-width:590px}
.di-offering-detail{border-top:1px solid var(--di-line);border-bottom:0;padding:12px 0 0;margin-top:17px}
.di-offering-detail summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;font-size:12px;font-weight:550;color:var(--di-text);padding:4px 0}
.di-offering-detail summary::-webkit-details-marker{display:none}
.di-offering-detail summary>span{font-size:19px;line-height:1;transition:transform .2s}
.di-offering-detail[open] summary>span{transform:rotate(45deg)}
.source-content .di-detail-copy p,.source-content .di-detail-copy ul{font-size:13px;line-height:1.8;color:var(--di-muted);margin:16px 0 0}
.source-content .di-detail-copy ul{padding-left:18px}
.source-content .di-detail-copy .cap-more-head{font-size:13px;font-weight:600;color:var(--di-text);margin-top:20px}
.di-offering-detail summary:focus-visible{outline:2px solid var(--di-art);outline-offset:5px;border-radius:3px}
/* Compact, aligned visual explanations. */
.di-layer-art{display:flex;align-items:stretch;gap:8px;width:100%}
.di-layer-art span{display:flex;align-items:center;justify-content:center;min-height:56px;flex:1;border:1px solid var(--di-line);border-radius:6px;background:#203955;font-size:11px;padding:9px;color:#d7eaf8}
.di-layer-art span:nth-child(2){background:#2a4663;border-color:#799bb9}
.di-stream-art{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:6px 0}
.di-stream-point{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:var(--di-text)}
.di-stream-point>i{width:11px;height:11px;border:3px solid var(--di-art);border-radius:50%;box-shadow:0 0 0 5px #49769512}
.di-stream-track{display:flex;align-items:center;justify-content:space-around;flex:1;position:relative;margin-bottom:22px;min-width:20px;height:1px;background:var(--di-line)}
.di-stream-track i{width:3px;height:3px;border-radius:50%;background:var(--di-art)}
.di-connect-art{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.di-connect-art>span{padding:10px 14px;border:1px solid var(--di-line);border-radius:6px;font-size:10px}
.di-connect-art>i{width:16px;height:1px;background:var(--di-art)}
.di-connect-art>strong{padding:10px 16px;background:#ecf2f8;border:1px solid var(--di-line);border-radius:6px;color:var(--di-text);font-size:10px;font-weight:550}
.di-trust-art{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}
.di-trust-art>span{flex:1;min-width:64px;font-size:10px;padding:15px 6px;border:1px solid var(--di-line);border-radius:6px;background:#ffffff40}
.di-trust-art>strong{flex:1.3;font-size:11px;font-weight:550;color:var(--di-text);padding:15px 7px;border:1px solid var(--di-art);border-radius:6px;background:#d4deed}
.di-semantic-art{display:flex;align-items:center;gap:14px;width:100%}
.di-semantic-art>strong{font-size:11px;font-weight:550;color:var(--di-text);padding:12px 14px;border:1px solid var(--di-art);border-radius:6px;max-width:145px;background:#e1e8f3}
.di-semantic-art>div{display:grid;grid-template-columns:1fr 1fr;flex:1;gap:6px}
.di-semantic-art span{font-size:9px;padding:6px;border:1px solid var(--di-line);border-radius:4px}
.di-roadmap-art{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;position:relative;width:100%}
.di-roadmap-art::before{content:"";height:1px;background:var(--di-line);position:absolute;left:20px;right:20px;top:15px}
.di-roadmap-art>span{display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;font-size:10px;color:var(--di-text)}
.di-roadmap-art i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--di-line);border-radius:50%;background:#fff;font-style:normal;font-size:10px;color:var(--di-art)}
@media(min-width:1001px){.source-content .di-offering h3{min-height:64px}.di-business-outcome{min-height:83px}}
@media(max-width:1100px){.di-offering{padding:24px}.source-content .di-offering h3{font-size:24px}}
@media(max-width:1000px){.di-wide,.di-compact{grid-column:span 6}.source-content .di-offerings-heading{gap:30px}.source-content .di-offerings-heading>p{max-width:290px;font-size:14px}.di-layer-art span{font-size:10px;padding:7px}.di-trust-art{gap:6px}.di-trust-art>strong{flex-basis:100%}.di-semantic-art{gap:8px}.di-semantic-art>strong{padding:10px;font-size:10px;max-width:95px}}
@media(max-width:700px){.source-content .di-offerings-section{padding:52px 0 60px}.source-content .di-offerings-heading{display:block;margin-bottom:28px}.source-content .di-offerings-heading>p{max-width:480px;margin-top:20px}.di-offerings-mosaic{grid-template-columns:minmax(0,1fr);gap:16px}.di-wide,.di-compact{grid-column:auto}.di-offering{padding:24px}.source-content .di-offering h3{font-size:25px;max-width:480px}.di-card-body{margin-top:22px;margin-bottom:22px}.di-card-art{margin-top:20px;min-height:58px}.di-card-meta{font-size:9px}.di-trust-art>strong{flex-basis:auto}.di-layer-art span{font-size:10px}}
@media(max-width:360px){.di-offering{padding:20px}.source-content .di-offering h3{font-size:23px}.di-card-meta{font-size:8px}.di-connect-art{gap:6px}.di-connect-art>span{padding:8px}.di-connect-art>strong{padding:9px}.di-connect-art>i{width:10px}.di-trust-art>strong{flex-basis:100%}.di-layer-art{gap:6px}.di-layer-art span{font-size:9px;padding:6px}.di-semantic-art>strong{max-width:82px;padding:8px}}
@media(prefers-reduced-motion:reduce){.di-offering-detail summary>span{transition:none}}
@media print{.di-offering{break-inside:avoid;print-color-adjust:exact}.di-offerings-mosaic{display:block}.di-offering{margin-bottom:20px}}
/* Graphics and full offering content live in native accessible dialogs. */
.di-modal-trigger{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:17px 0 0;margin-top:18px;border:0;border-top:1px solid var(--di-line);border-radius:0;background:transparent;color:var(--di-text);font-size:12px;font-weight:550;text-align:left;cursor:pointer}
.di-modal-trigger svg{flex-shrink:0;transition:transform .15s}
.di-modal-trigger:hover svg{transform:translate(1px,-1px)}
.di-modal-trigger:focus-visible{outline:2px solid var(--di-art);outline-offset:5px}
.di-offering-dialog{--di-text:#243852;--di-muted:#566a83;--di-line:#cad5e3;--di-art:#567b9b;box-sizing:border-box;width:min(700px,calc(100% - 40px));max-height:calc(100dvh - 64px);margin:auto;padding:0;border:1px solid #cad5e3;border-radius:16px;background:#fff;color:var(--di-text);box-shadow:0 30px 90px #0d1d3d40;overflow:auto;overscroll-behavior:contain}
.di-offering-dialog::backdrop{background:#0e1c34b3;backdrop-filter:blur(5px)}
.di-modal-heading{position:relative;padding:30px 32px 24px}
.di-modal-category{padding-right:42px;color:#63748c;font-size:9px;font-weight:650;letter-spacing:.13em;line-height:1.6}
.source-content .di-offering-dialog h3{font-size:29px;line-height:1.2;letter-spacing:-.03em;color:#243852;margin:15px 32px 0 0;text-transform:none}
.di-modal-close{position:absolute;right:22px;top:22px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d0dae6;border-radius:50%;background:#f4f7fb;color:#354b65;cursor:pointer}
.di-modal-close:hover{background:#e8eff7}
.di-modal-close:focus-visible{outline:2px solid #5f86ad;outline-offset:3px}
.di-modal-visual{padding:20px 32px;border-top:1px solid var(--di-line);border-bottom:1px solid var(--di-line);background:#f3f6fa}
.di-modal-visual.di-ink{background:#172742}
.di-modal-visual.di-blue{background:#dce9f5}
.di-modal-visual.di-slate{background:#e3eaf3}
.di-modal-visual.di-periwinkle{background:#edf1f8}
.di-modal-visual .di-card-art{margin:0;min-height:80px}
.di-modal-visual .di-layer-art span{min-height:65px;font-size:12px}
.di-modal-content{padding:8px 32px 30px}
.source-content .di-offering-dialog .di-detail-copy p,.source-content .di-offering-dialog .di-detail-copy ul{font-size:14px;line-height:1.8}
.di-modal-content .di-business-outcome{margin-top:24px;min-height:0}
@media(min-width:1001px){.di-card-body{margin-bottom:22px}.di-offering .di-business-outcome{min-height:83px}}
@media(max-width:700px){.di-offering-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:12px}.di-modal-heading{padding:25px 22px 20px}.source-content .di-offering-dialog h3{font-size:25px;margin-right:18px}.di-modal-close{right:16px;top:17px;width:30px;height:30px}.di-modal-visual{padding:16px 22px}.di-modal-content{padding:6px 22px 24px}.source-content .di-offering-dialog .di-detail-copy p,.source-content .di-offering-dialog .di-detail-copy ul{font-size:13px}.di-modal-visual .di-layer-art span{font-size:10px;min-height:58px}}
@media(prefers-reduced-motion:reduce){.di-modal-trigger svg{transition:none}}

/* Center the single data transformation accelerator within the page. */
.source-content #enablement-accelerators .accelerator-grid.single{width:100%;max-width:900px;margin-inline:auto}

/* Keep the requested sections Cloud Gray while scroll motion runs. */
.source-content>:is(#use-cases,#representative-outcomes,#data-enterprise-trust){background:#ebeff5!important}
