/* Shared front-end and block-editor styles. Palette follows the Data Insights Figma. */
.data-insights{--di-purple:#654076;--di-green:#0b704c;max-width:1580px;margin-inline:auto;padding:0 clamp(20px,4vw,64px) 64px;font-family:"open sans",sans-serif;color:#000}
.di-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;padding:40px 0;background:#e4f1e2;box-shadow:0 0 0 100vmax #e4f1e2;clip-path:inset(0 -100vmax)}
.di-topics a{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b704c;color:#fff!important;padding:16px 24px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;min-height:64px}
.di-topics a::after{content:'›';font-size:30px;line-height:1}
.di-topics a[aria-current],.di-topics a:hover{background:#654076}
.di-topics a:focus-visible,.di-card a:focus-visible,.di-faqs summary:focus-visible,.di-pagination a:focus-visible{outline:3px solid #654076;outline-offset:4px}
.di-results{padding-top:48px;scroll-margin-top:180px}.di-results>h2{font:700 48px/1.5 "classico-urw",sans-serif;margin:0 0 36px} .di-results>h3{font:700 32px/1.5 "classico-urw",sans-serif;margin:0 0 36px}
.di-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px}
.di-card{position:relative;min-width:0;border-radius:10px;overflow:hidden;color:#000;font:400 20px/1.6 "open sans",sans-serif;text-align:center;overflow-wrap:anywhere}
.di-width-full{grid-column:1/-1}.di-width-half{grid-column:span 3}.di-width-third{grid-column:span 2}.di-bg-blue{background:#dae6ee}.di-bg-green{background:#e6f2e3}.di-bg-purple{background:#e8e2ea}.di-bg-dark-purple{background:#654076;color:white}.di-bg-dark-green{background:#0b704c;color:white}
.di-content{padding:clamp(32px,5vw,80px)}.di-badges+.di-content{padding-top:clamp(40px,6vw,90px)}
.di-badges{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:0 24px;position:relative;z-index:1}
.di-layout-image .di-badges{position:absolute;inset:0 0 auto}
.di-badge{display:inline-flex;align-items:center;gap:8px;border-radius:0 0 8px 8px;padding:14px 12px;color:white;background:#518eb4;font:400 12px/1.5 "open sans",sans-serif;text-transform:none}
.di-badge img{width:20px;height:20px;object-fit:contain}.di-colour-purple{background:#654076}.di-colour-green{background:#0b704c}
.di-card .di-eyebrow{font:400 16px/1.5 "open sans",sans-serif;letter-spacing:.15em;text-transform:none;margin:0 0 32px}
.di-card .di-copy{ text-align: left; max-width: 65%; margin: auto; }
@media(max-width:600px){
    .di-card .di-copy{max-width:100%}
}
.di-card h3{font:700 clamp(24px,2.3vw,32px)/1.5 "classico-urw",sans-serif;color:inherit;margin:0 0 24px}.di-card h4{font:700 26px/1.4 "classico-urw",sans-serif;color:inherit;margin:0 0 16px}
.di-copy>:first-child{margin-top:0}.di-copy>:last-child{margin-bottom:0}.di-copy{max-width:1260px;margin-inline:auto}.di-card p{font-size:inherit;line-height:inherit;color:inherit}
.di-number{display:block;color:#654076;font:700 clamp(48px,7vw,110px)/1.15 "open sans",sans-serif}.di-featured-stat{display:flex;justify-content:center;align-items:center;gap:32px}.di-featured-stat .di-copy{max-width:650px;margin:0;text-align:left;font-weight:700;font-size:clamp(22px,2.3vw,32px)}
.di-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:40px}.di-stats>div{flex:1 1 200px;max-width:440px}.di-stats p{margin:12px 0 0}
.di-image{display:block;width:100%;height:auto;aspect-ratio:2.08;object-fit:cover}.di-layout-image .di-content{text-align:left;padding:40px}.di-icon{display:block;width:140px;height:140px;object-fit:contain;border-radius:50%;background:white;padding:20px;margin:0 auto 32px}
.di-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px;text-align:left;margin-top:32px}.di-columns>div{padding:32px;background:rgba(173,213,163,.6);border-radius:10px}.di-columns ul{padding-left:24px}
.di-faqs{text-align:left;margin-top:32px}.di-faqs details{background:white;color:#000;border-radius:10px;margin-top:16px;padding:24px 32px}.di-faqs summary{cursor:pointer;color:#0b704c;font-weight:700}.di-faqs details>div{padding-top:20px}
.di-chart{margin-top:40px}.di-chart-values{list-style:none!important;padding:0!important;margin:0!important;display:flex;gap:24px}.di-chart-values li{flex:1;min-width:0;margin:0!important}.di-chart-values strong{display:block;color:var(--di-chart-colour);font-size:36px}.di-chart-bar{overflow-x:auto}.di-chart-bar .di-chart-values{align-items:flex-end}.di-chart-bar li{min-width:90px;display:grid;grid-template-rows:52px auto 5em;align-content:end}.di-bar{display:block;height:var(--di-bar-height);background:var(--di-chart-colour);border-radius:10px 10px 0 0}.di-chart-values li>span:last-child{padding-top:12px}
.di-chart-pie{display:flex;align-items:center;justify-content:center;gap:40px;background:rgba(255,255,255,.7);padding:32px;border-radius:10px;color:#000}.di-pie{width:260px;max-width:100%;aspect-ratio:1;border-radius:50%;flex-shrink:0}.di-chart-pie .di-chart-values{display:grid;text-align:left}.di-chart-pie li{border-left:16px solid var(--di-chart-colour);padding-left:16px}.di-chart-pie strong{font-size:24px}
.di-resource-link{display:inline-block;margin-top:24px;color:inherit;font-weight:700;text-decoration:underline}.di-card .di-source{font-size:14px;margin:32px 0 0}.di-bg-dark-purple .di-number,.di-bg-dark-green .di-number{color:white}.di-bg-dark-purple .di-columns,.di-bg-dark-green .di-columns{color:#000}
.di-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}.di-pagination .page-numbers{padding:8px 16px;border:1px solid #0b704c;border-radius:5px}.di-pagination .current{background:#0b704c;color:white}
.wp-block-post-template:has(>.di-post-full),.wp-block-post-template:has(>.di-post-half),.wp-block-post-template:has(>.di-post-third){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:48px!important}.wp-block-post-template>.di-post-full{grid-column:1/-1}.wp-block-post-template>.di-post-half{grid-column:span 3}.wp-block-post-template>.di-post-third{grid-column:span 2;width:auto!important;min-width:0}.wp-block-post-template>.di-post-half,.wp-block-post-template>.di-post-full{width:auto!important;min-width:0}.di-post-third>.di-card,.di-post-half>.di-card,.di-post-full>.di-card{height:100%}
@media(max-width:900px){.di-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.di-grid{gap:24px}.di-chart-pie{flex-direction:column}.di-content{padding:32px}.di-number{font-size:64px}}
@media(max-width:600px){.di-topics,.di-grid{grid-template-columns:1fr}.di-width-half{grid-column:1/-1}.di-topics a{font-size:14px}.di-badges{gap:6px;padding-inline:12px}.di-badge{font-size:10px;padding:10px 8px}.di-card{font-size:18px}.di-featured-stat{flex-direction:column}.di-featured-stat .di-copy{text-align:center}.di-content,.di-layout-image .di-content{padding:32px 24px}.di-faqs details{padding:20px}.wp-block-post-template:has(>.di-post-full),.wp-block-post-template:has(>.di-post-half),.wp-block-post-template:has(>.di-post-third){grid-template-columns:1fr!important}.di-chart-values strong{font-size:28px}}
.data-insights,.data-insights *,.di-card,.di-card *{box-sizing:border-box}
.data-insights-intro{clip-path:inset(0 -100vmax);font:400 clamp(24px,2.3vw,32px)/1.5 "classico-urw",sans-serif!important}
/* Keep final values available to assistive technology during visual count-up. */
.di-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.di-number,.di-chart-values strong{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.di-bar{transform:none!important}.di-pie{mask-image:none!important}}
.di-card a.di-badge{color:#fff;text-decoration:none}
.di-card a.di-badge:hover{text-decoration:underline;filter:brightness(.9)}
.di-card a.di-badge:focus-visible{outline:3px solid #fff;outline-offset:-5px;text-decoration:underline}
.di-active-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.di-active-filter a{margin-left:12px;color:#0b704c;text-decoration:underline}

/* Compact downloadable resource cards from the alternate Figma layout. */
.di-layout-resource-card .di-badges{position:absolute;inset:0 0 auto;padding-inline:20px}
.di-layout-resource-card .di-image{aspect-ratio:502/282}
.di-layout-resource-card .di-content{padding:28px;text-align:left}
.di-layout-resource-card .di-eyebrow{font-size:12px;margin-bottom:20px}
.di-resource-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.di-resource-heading>img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.di-card .di-resource-heading h3{font-size:26px;line-height:1.15;margin:0;color:#0b704c}
.di-resource-heading a{color:inherit;text-decoration:none}
.di-resource-heading a:hover{text-decoration:underline}
.di-layout-resource-card .di-copy{margin-left:56px;font-size:18px;line-height:1.5}
.di-layout-resource-card.di-bg-dark-green h3,.di-layout-resource-card.di-bg-dark-purple h3{color:#fff}
.di-layout-resource-card.di-bg-dark-green .di-resource-heading>img,.di-layout-resource-card.di-bg-dark-purple .di-resource-heading>img{filter:invert(1)}
@media(max-width:1100px) and (min-width:601px){.di-width-third,.wp-block-post-template>.di-post-third{grid-column:span 3}}
@media(max-width:600px){.di-width-half,.di-width-third,.wp-block-post-template>.di-post-half,.wp-block-post-template>.di-post-third{grid-column:1/-1}}
.di-card .di-resource-title-link{color:inherit;text-decoration:underline;text-underline-offset:.15em}

/* Mobile charts use horizontal bars so labels never require sideways scrolling. */
.di-bar{transform-origin:bottom;transform:scaleY(var(--di-bar-progress,1))}
@media(max-width:600px){
    .data-insights{padding-inline:12px}
    .data-insights-intro{padding-inline:12px!important}
    .di-card .di-content{padding-inline:16px}
    .di-chart-bar{overflow:visible}
    .di-chart-bar .di-chart-values{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
    .di-chart-bar li{min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 26px;gap:8px 12px;align-items:center;text-align:left}
    .di-chart-bar li>strong{grid-column:2;grid-row:1;font-size:26px;line-height:1.2}
    .di-chart-bar li>span:last-child{grid-column:1;grid-row:1;padding:0;line-height:1.4}
    .di-chart-bar .di-bar{grid-column:1/-1;grid-row:2;width:var(--di-bar-width);height:26px;border-radius:0 6px 6px 0;transform-origin:left;transform:scaleX(var(--di-bar-progress,1))}
}
/* Flexible reports retain one post while combining reusable rows and panels. */
.di-layout-report{background:#fff;border:1px solid #dce5e2;text-align:left;box-shadow:0 8px 28px rgba(0,45,30,.04)}
.di-layout-report>.di-content{padding:clamp(24px,4vw,56px)}
.di-layout-report>.di-content>.di-eyebrow{color:#0b704c;font-size:13px;font-weight:700;letter-spacing:.16em;margin-bottom:12px}
.di-layout-report>.di-content>h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;margin-bottom:20px;color:#174d3b}
.di-layout-report>.di-content>h3{font-size:clamp(32px,3.4vw,32px);line-height:1.12;margin-bottom:20px;color:#174d3b}
.di-layout-report>.di-content>.di-copy{font-size:20px;max-width:1000px;margin:0 0 32px;color:#36443e}
.di-report-rows{display:grid;gap:24px}.di-report-row{padding:32px;border-radius:12px;min-width:0;color:#182c25}
.di-tone-plain{background:#f7f9f8}.di-tone-blue{background:#e3edf3}.di-tone-green{background:#e7f1e4}.di-tone-purple{background:#eee8f1}
.di-report-row>h4{font-size:28px;margin-bottom:24px}.di-report-panels{display:grid;gap:32px;align-items:center}
.di-report-cols-one{grid-template-columns:minmax(0,1fr)}.di-report-cols-two{grid-template-columns:repeat(2,minmax(0,1fr))}.di-report-cols-three{grid-template-columns:repeat(3,minmax(0,1fr))}.di-report-cols-wide-left{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.di-report-cols-wide-right{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.di-report-panel{min-width:0}.di-report-panel h4,.di-report-panel h5{font:700 25px/1.25 "classico-urw",sans-serif;color:#174d3b;margin:0 0 16px}.di-panel-copy{font-size:18px;line-height:1.6}.di-panel-copy>:first-child{margin-top:0}.di-panel-copy>:last-child{margin-bottom:0}.di-panel-copy a{color:#0b704c;text-decoration:underline}
.di-report-panel .di-number{font-size:clamp(56px,6vw,90px);margin-bottom:14px}.di-panel-stat{padding:24px;background:white;border-radius:10px;border-left:5px solid #654076}.di-panel-image{display:block;max-width:100%;height:auto}
.di-report-chart{margin-top:16px}.di-report-chart-horizontal .di-chart-values{display:grid;gap:24px}.di-report-chart-horizontal li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;text-align:left}
.di-report-chart-horizontal li>strong{grid-column:2;grid-row:1;font-size:30px;line-height:1.2}.di-report-chart-horizontal .di-data-label{grid-column:1;grid-row:1;padding:0!important;font-size:18px;line-height:1.4}.di-report-chart-horizontal .di-track{grid-column:1/-1;grid-row:2;display:block;background:rgba(255,255,255,.75);height:20px;border-radius:5px;overflow:hidden}.di-report-chart-horizontal .di-bar{height:100%;width:var(--di-bar-width);border-radius:0 5px 5px 0;transform-origin:left;transform:scaleX(var(--di-bar-progress,1))}
.di-report-chart-vertical .di-chart-values{align-items:flex-end;text-align:center}.di-report-chart-vertical li{display:flex;flex-direction:column;gap:10px}.di-report-chart-vertical .di-track{height:200px;display:flex;align-items:flex-end;justify-content:center;background:rgba(255,255,255,.55);border-radius:8px;width:100%}.di-report-chart-vertical .di-bar{width:100%;height:var(--di-bar-height)}
.di-report-chart-radial{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,1fr);gap:20px;align-items:center}.di-radial{display:block;width:100%;max-width:340px;height:auto;margin:auto}.di-report-chart-radial .di-chart-values{display:grid;gap:20px}.di-report-chart-radial li{border-left:4px solid var(--di-chart-colour);padding-left:14px;text-align:left}.di-report-chart-radial strong{font-size:32px;line-height:1.2}.di-report-chart-radial .di-data-label{display:block;font-size:16px;padding-top:4px!important}
.di-card .di-scale-note,.di-card .di-panel-note{font-size:13px;line-height:1.5;color:#4e6158;margin:16px 0 0}.di-scale-note{text-align:left}
.di-report-more{margin-top:24px}
.di-report-more>summary,.di-report-section>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;background:#0b704c;color:#fff;font-size:28px;font-weight:400;line-height:40px;padding:16px 20px;border:none;border-radius:5px;list-style:none;transition:opacity .3s ease-in-out}
.di-report-more>summary:hover,.di-report-section>summary:hover{opacity:.8}
.di-report-more>summary::after,.di-report-section>summary::after{content:'';display:block;flex:0 0 10px;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.di-report-more[open]>summary::after,.di-report-section[open]>summary::after{transform:translateY(3px) rotate(225deg)}
@media(max-width:600px){.di-report-more>summary,.di-report-section>summary{font-size:22px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.di-report-more>summary,.di-report-section>summary{transition:none}}
.di-report-more>summary::-webkit-details-marker,.di-report-section>summary::-webkit-details-marker{display:none}.di-report-more[open]>.di-report-rows,.di-report-section[open]>.di-report-row{margin-top:0px}.di-report-more summary:focus-visible,.di-report-section summary:focus-visible,.di-table-wrap:focus-visible{outline:3px solid #654076;outline-offset:4px}
.di-table-wrap{overflow:auto;max-width:100%}.di-data-table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}.di-data-table th,.di-data-table td{padding:12px 10px;border-bottom:1px solid #cad7ce;vertical-align:top}.di-data-table thead{background:#dce9df;color:#174d3b}.di-data-table tbody th{font-weight:600}.di-data-table tbody tr:nth-child(even){background:rgba(255,255,255,.65)}
.di-report-link,.di-sources-link{display:inline-block;margin-top:24px;color:#0b704c;text-decoration:underline;font-weight:700}.di-sources-link{font-size:15px}.di-layout-report .di-source{font-size:13px;color:#4e6158}
@media(max-width:800px){.di-report-panels{grid-template-columns:minmax(0,1fr)}.di-report-row{padding:24px}.di-report-chart-radial{max-width:540px;margin-inline:auto}}
@media(max-width:480px){.di-report-row{padding:20px 16px}.di-report-panel h4,.di-report-panel h5{font-size:23px}.di-layout-report>.di-content>h3{font-size:32px}.di-layout-report>.di-content>.di-copy{font-size:18px}.di-report-chart-radial{grid-template-columns:minmax(0,1fr)}.di-report-chart-radial .di-chart-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.di-report-chart-radial li{padding-left:8px}.di-report-chart-radial strong{font-size:26px}.di-report-chart-radial .di-data-label{font-size:14px}.di-data-table{font-size:14px}.di-data-table th,.di-data-table td{padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.di-report-chart .di-bar{transform:none!important}}
@media print{.di-report-more>div,.di-report-section>section{display:block!important}.di-report-more>summary{display:none}}

/* Report refinements from the October client review. */
.di-report-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.di-report-title{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 300px}
.di-report-title>img{width:60px;height:60px;object-fit:contain;flex-shrink:0}
.di-card .di-report-title h3{font-size:32px;line-height:1.2;margin:0;color:#174d3b}
.di-report-download{display:inline-flex;align-items:center;gap:10px;background:#0b704c;color:#fff!important;padding:12px 16px;border-radius:6px;font-size:16px;text-decoration:none;white-space:nowrap}
.di-report-download:hover{text-decoration:underline;background:#174d3b}.di-report-download:focus-visible{outline:3px solid #654076;outline-offset:4px}
.di-report-download>img{width:20px;height:20px}.di-report-download>span{font-size:14px}
.di-report-panel.di-panel-tone{padding:28px;border-radius:10px;align-self:stretch}
.di-panel-stat.di-tone-green{border-left-color:#0b704c}
.di-layout-report .di-source{font-size:18px;line-height:1.6;color:#454b48;margin-top:28px}
.di-layout-report .di-sources-link{font-size:18px;margin-top:10px}
.di-layout-report .di-data-table{font-size:18px}
.di-data-table tbody tr.di-trend-up{background:#e3edf3;color:#174d66}
.di-data-table .di-trend-up th{box-shadow:inset 4px 0 #518eb4;padding-left:16px}
.di-data-table td strong{font-weight:800}
@media(max-width:600px){.di-report-title>img{width:46px;height:46px}.di-card .di-report-title h3{font-size:28px}.di-report-panel.di-panel-tone{padding:20px}.di-report-heading{gap:16px}.di-layout-report .di-data-table{font-size:18px}}
.di-panel-stat.di-tone-green{background:#e7f1e4}.di-panel-stat.di-tone-green .di-number{color:#0b704c}
.di-layout-report .di-panel-note{font-size:18px;color:#454b48}
@media(max-width:600px){.di-layout-report>.di-content{padding:20px 16px}.di-report-row:has(>.di-report-panels>.di-panel-tone){padding:0;background:transparent}.di-report-panel.di-panel-tone{padding:20px 16px}}
/* Strong directional icons keep regional changes readable without relying on colour. */
.di-data-table .di-change{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;line-height:1.3;font-weight:800;color:#654076}
.di-data-table .di-change-up{color:#174d66}
.di-change-icon{display:block;width:28px;height:28px;flex:none;transform:translateY(var(--di-arrow-offset,0px))}
.di-change-down .di-change-icon{transform:translateY(var(--di-arrow-offset,0px)) rotate(180deg)}
@media(prefers-reduced-motion:reduce){.di-change-icon{transform:none}.di-change-down .di-change-icon{transform:rotate(180deg)}}