/* 1.10.13: keep topic colours in the diagram; explanation icons stay unfilled. */
.gs-site.gs-series-page .sd-detail #gs-results .si-report-tone-score{--si-report-accent:#fff1c2}
.gs-site.gs-series-page .sd-detail #gs-results .si-report-tone-bacteria{--si-report-accent:#e6f0f8}
.gs-site.gs-series-page .sd-detail #gs-results .si-report-tone-lifestyle{--si-report-accent:#e5f1e8}
.gs-site.gs-series-page .sd-detail #gs-results .si-report-tone-history{--si-report-accent:#f5ebdd}

/* Four editorial groups: one row on desktop, two columns on tablet. */
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-group{min-width:0;padding:16px;background:#fff;border:1px solid #d3e0d7;border-radius:18px}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-group>h4{display:flex;align-items:center;gap:8px;min-height:54px;margin:0 0 14px!important;padding:10px 12px;background:var(--si-report-accent);border:0;border-radius:12px;font-size:16px;font-weight:600;line-height:1.6;color:#214c3d}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-group>h4 .gs-icon{flex:none;width:26px;height:26px}
.gs-site.gs-series-page .cf-detail #gs-results .si-report-label{min-width:0}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-group>ul{padding-left:20px;margin:0!important;font-size:16px;line-height:1.85}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-group li+li{margin-top:5px}
.gs-site.gs-series-page .cf-detail #gs-results .cf-result-groups>ul{grid-column:1/-1}

/* The diagram uses the same topic accents, with white content surfaces. */
.gs-site.gs-series-page .cf-detail #gs-results .cf-map-item{min-width:0;padding:12px;background:#fff;border-color:#d3e0d7}
.gs-site.gs-series-page .cf-detail #gs-results .cf-map-label{display:flex;align-items:center;gap:6px;padding:8px;background:var(--si-report-accent);border-radius:9px;font-size:14px;line-height:1.6}
.gs-site.gs-series-page .cf-detail #gs-results .cf-map-label .gs-icon{flex:none;width:22px;height:22px}
.gs-site.gs-series-page .cf-detail #gs-results .cf-map-item ul{font-size:13px;line-height:1.85}

/* White cards and unfilled icon markers keep the explanations visually quiet. */
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-explanation{display:grid;gap:12px;min-width:0}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-item{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:18px;margin:0;background:#fff;border:1px solid #d3e0d7;border-radius:16px}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-item>span{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 42px;min-width:0;padding:8px 6px;background:transparent;border-radius:12px;font:400 12px/1.2 Arial,sans-serif;color:#416755}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-item>span .gs-icon{width:26px;height:26px}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-item h3{font-size:18px;line-height:1.65}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-item p{font-size:16px;line-height:1.85}
@media(min-width:1024px){.gs-site.gs-series-page .cf-detail #gs-results .cf-result-groups{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){
 .gs-site.gs-series-page .cf-detail #gs-results .cf-result-groups{grid-template-columns:minmax(0,1fr);gap:12px}
 .gs-site.gs-series-page .sd-detail #gs-results .gs-report-item{gap:12px;padding:16px}
 .gs-site.gs-series-page .sd-detail #gs-results .gs-report-item h3{font-size:17px}
}