/* Design & content refresh 2026-10-07.
   Reuses the site's existing .report-context card, .report-embed-scroll and .report-demo-open components
   (dashboard-embeds.css) and the white theme tokens. No new colours, fonts or theme changes. */
.dr-wrap{width:var(--dr-site,94vw);margin:0 auto}
@media(max-width:640px){.dr-wrap{width:calc(100% - 40px)}}
.dr-card{scroll-margin-top:96px}
/* process → architecture → report read as one sequence: no extra section padding or rules between them */
section.dr-section{padding-top:clamp(4px,1vw,12px)!important;padding-bottom:clamp(4px,1vw,12px)!important}
section.dr-section+section.dr-section{border-top:0!important}
section.dr-section .dr-card{margin:clamp(20px,3vw,36px) 0}
.dr-card .report-embed{height:auto!important;min-height:0!important;aspect-ratio:1280/794!important}
.dr-card .report-context-copy+.report-context-copy{margin-top:8px}
.dr-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0}
.dr-meta div{border:1px solid rgba(2,86,155,.13);border-radius:12px;padding:12px 14px;background:#F6F9FC}
.dr-meta dt{margin:0 0 4px;color:#087b79;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dr-meta dd{margin:0;color:#26354C;font-size:14.5px;line-height:1.55}
.dr-note{margin:14px 0 0;color:#3a4a5f;font-size:13.5px;line-height:1.6}
.dr-related{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;font-size:14px;color:#3a4a5f}
.dr-related a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(2,86,155,.22);border-radius:999px;color:#075c9c;font-weight:700;text-decoration:none;background:#fff}
.dr-related a:hover,.dr-related a:focus-visible{border-color:#075c9c;color:#003f73}
.dr-figure{margin:0}
.dr-figure+.dr-figure{margin-top:28px}
.dr-figure h3{margin:0 0 10px;color:#0a1626;font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2vw,22px);line-height:1.25;letter-spacing:-.01em}
.dr-pan{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid rgba(2,86,155,.14);border-radius:14px;background:#fff}
.dr-pan:focus-visible{outline:3px solid rgba(0,120,212,.32);outline-offset:4px}
.dr-pan img{display:block;width:100%;min-width:880px;height:auto}
.dr-figure figcaption{margin-top:10px;color:#3a4a5f;font-size:14px;line-height:1.6}
.dr-hint{display:none;margin:8px 0 0;color:#3a4a5f;font-size:12.5px}
@media(max-width:920px){.dr-hint{display:block}}
@media(max-width:767px){.dr-pan{overflow:hidden}.dr-pan img{min-width:0}.dr-hint{display:none}}   /* phones: the whole diagram, never cropped */
.dr-toggle{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:4px;border:1px solid rgba(2,86,155,.18);border-radius:999px;background:#F6F9FC}
.dr-toggle button{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#26354C;font:600 14px Inter,sans-serif;cursor:pointer}
.dr-toggle button[aria-pressed="true"]{background:#054186;color:#fff}
.dr-toggle button:focus-visible{outline:3px solid rgba(0,120,212,.32);outline-offset:2px}
@media(max-width:520px){.dr-toggle{flex-wrap:nowrap}.dr-toggle button{padding:8px 12px;font-size:13.5px;white-space:nowrap}}
.dr-equivalent{margin-top:12px;color:#26354C;font-size:14px;line-height:1.6}
.dr-equivalent summary{cursor:pointer;color:#075c9c;font-weight:700}
.dr-equivalent ul{margin:10px 0 0;padding-left:20px;columns:2;column-gap:28px}
.dr-equivalent li{break-inside:avoid;margin-bottom:4px}
@media(max-width:720px){.dr-meta{grid-template-columns:1fr}.dr-equivalent ul{columns:1}}
/* hero and card images that now show the page's sample report */
.dr-shot{display:block;text-decoration:none}
.dr-shot img{display:block;width:100%;height:auto;border:1px solid rgba(2,86,155,.18);border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(11,42,82,.10)}
.dr-shot-cap{margin:10px 0 0;color:#3a4a5f;font-size:13px;line-height:1.5}
.dr-shot-cap a{color:#075c9c;font-weight:700}
.pbi-photo-header-page .pbi-service-hero .pbi-service-photo.dr-hero img{aspect-ratio:auto;object-fit:contain}
.cs-hero-img.dr-hero{display:block}
.cs-hero-img.dr-hero img{height:auto!important;object-fit:contain!important;background:#fff}
img.dr-cover{object-fit:cover!important;object-position:top left!important;background:#fff}
.dr-single{display:block!important}.dr-single>.pbi-solution-copy{max-width:820px}
/* service intro after the explainer graphic was removed: intro copy on the left, capabilities on the right (no empty column) */
.sr-page .story-layout.dr-story>.dr-single{display:contents!important}
@media(min-width:1001px){.sr-page .story-layout.dr-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy capabilities" "example capabilities";grid-template-rows:min-content 1fr;gap:26px clamp(40px,5vw,96px)}
.sr-page .story-layout.dr-story>.sr-capabilities{padding-top:0}}
/* sample-report selector (live demos) */
.dr-picker{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 6px}
.dr-picker button{min-height:38px;padding:7px 13px;border:1px solid rgba(2,86,155,.22);border-radius:999px;background:#fff;color:#26354C;font:600 13.5px Inter,sans-serif;cursor:pointer}
.dr-picker button:hover{border-color:#075c9c;color:#003f73}
.dr-picker button[aria-pressed="true"]{background:#054186;border-color:#054186;color:#fff}
.dr-picker button:focus-visible{outline:3px solid rgba(0,120,212,.32);outline-offset:2px}
/* sample-report catalogue (live demos, insights) */
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:26px}
.dr-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(2,86,155,.13);border-radius:14px;background:#fff;color:#26354C;text-decoration:none;box-shadow:0 6px 18px rgba(11,42,82,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.dr-tile:hover,.dr-tile:focus-visible{border-color:rgba(2,86,155,.30);box-shadow:0 12px 30px rgba(11,42,82,.08);transform:translateY(-2px)}
.dr-tile img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:9px;border:1px solid rgba(2,86,155,.10)}
.dr-tile strong{color:#0a1626;font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.3}
.dr-tile span{font-size:13px;line-height:1.5;color:#3a4a5f}
.dr-tile em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#087b79}
@media(prefers-reduced-motion:reduce){.dr-tile{transition:none}.dr-tile:hover{transform:none}}