/* Preview only: body.cs-fold-a / body.cs-fold-b (?preview=fold-a|fold-b). Same design, icons, colours. */
@media (min-width:1200px) {
.cs-fold-a .csd-loss, .cs-fold-b .csd-loss { gap:20px !important; }
.cs-fold-a .csd-loss__title, .cs-fold-b .csd-loss__title { font-size:30px !important; line-height:1.1 !important; }
/* shared left-column compaction */
.cs-fold-a .csd-loss__grid, .cs-fold-b .csd-loss__grid { gap:16px !important; align-items:stretch !important; }
.cs-fold-a .csd-loss__left, .cs-fold-b .csd-loss__left { gap:12px !important; }
.cs-fold-a .csd-loss__summary, .cs-fold-b .csd-loss__summary { padding:14px 14px 14px 20px !important; gap:16px !important; border-radius:20px !important; }
.cs-fold-a .csd-loss__summary-text, .cs-fold-b .csd-loss__summary-text { gap:10px !important; padding:4px 0 !important; }
.cs-fold-a .csd-loss__summary-text hr, .cs-fold-b .csd-loss__summary-text hr { margin:0 !important; }
.cs-fold-a .csd-loss__count, .cs-fold-b .csd-loss__count { gap:14px !important; }
.cs-fold-a .csd-loss__count strong, .cs-fold-b .csd-loss__count strong { font-size:34px !important; line-height:1.1 !important; }
.cs-fold-a .csd-loss__count span, .cs-fold-b .csd-loss__count span { font-size:15px !important; line-height:1.25 !important; }
.cs-fold-a .csd-loss__summary-text p, .cs-fold-b .csd-loss__summary-text p { font-size:14px !important; line-height:1.45 !important; }
.cs-fold-a .csd-loss__donut, .cs-fold-b .csd-loss__donut { flex:0 0 132px !important; padding:12px !important; border-radius:14px !important; }
.cs-fold-a .csd-loss__donut img, .cs-fold-b .csd-loss__donut img { width:108px !important; height:108px !important; }
.cs-fold-a .csd-loss__detected, .cs-fold-b .csd-loss__detected { padding:14px 18px !important; gap:10px !important; min-height:0 !important; border-radius:20px !important; flex:1 1 auto; }
.cs-fold-a .csd-loss__detected h3, .cs-fold-b .csd-loss__detected h3 { font-size:16px !important; }
.cs-fold-a .csd-loss__detected hr, .cs-fold-b .csd-loss__detected hr { margin:0 !important; }
.cs-fold-a .csd-loss__detected ul, .cs-fold-b .csd-loss__detected ul { gap:8px !important; }
.cs-fold-a .csd-bar, .cs-fold-b .csd-bar { padding:7px 12px !important; border-radius:12px !important; }
.cs-fold-a .csd-bar__label, .cs-fold-b .csd-bar__label { font-size:13px !important; }
.cs-fold-a .csd-bar__track, .cs-fold-b .csd-bar__track { height:18px !important; }
/* explanation cards, shared */
.cs-fold-a .csd-type h3, .cs-fold-b .csd-type h3 { font-size:18px !important; line-height:1.25 !important; margin:0 0 4px !important; }
.cs-fold-a .csd-type p, .cs-fold-b .csd-type p { font-size:14px !important; line-height:1.45 !important; }
.cs-fold-a .csd-type img, .cs-fold-b .csd-type img { width:32px !important; height:32px !important; flex:0 0 32px !important; }
/* A: same layout, tighter */
.cs-fold-a .csd-loss__types { gap:10px !important; }
.cs-fold-a .csd-type { padding:14px 18px !important; gap:14px !important; border-radius:18px !important; }
/* B: 2x2 grid on the right */
.cs-fold-b .csd-loss__left { flex:0 0 38% !important; }
.cs-fold-b .csd-loss__summary { flex-direction:row; }
.cs-fold-b .csd-loss__donut { flex-basis:112px !important; }
.cs-fold-b .csd-loss__donut img { width:88px !important; height:88px !important; }
.cs-fold-b .csd-loss__types { display:grid !important; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:12px !important; }
.cs-fold-b .csd-type { flex-direction:column !important; padding:16px 18px !important; gap:10px !important; border-radius:18px !important; }
}
/* Any ?preview=…: sidebar title + report text in Averta CY bold to match page headings (size unchanged) */
.cs-preview .csd-side__title { font-family:'Averta CY',sans-serif !important; font-weight:700 !important; color:#0F1E28 !important; letter-spacing:-.5px !important; }
.cs-preview .csd-side__report .csd-side__text { font-family:'Averta CY',sans-serif !important; font-weight:600 !important; color:#0F1E28 !important; }
/* fold-b: keep Energy Loss bar labels on one line */
@media (min-width:1200px) {
.cs-fold-b .csd-bar__label { white-space:nowrap !important; flex:0 0 auto !important; font-size:12.5px !important; }
.cs-fold-b .csd-bar { gap:10px !important; padding:7px 10px !important; }
.cs-fold-b .csd-bar__track { flex:1 1 auto !important; min-width:40px; }
}
/* stats2=inline: same row, properly sized */
.cs-stats2-inline .csd-usage__stats { display:grid !important; grid-template-columns:1fr 1px 1fr 1px 1fr; align-items:center; column-gap:12px; }
.cs-stats2-inline .csd-usage__stats > div { align-items:center !important; gap:6px !important; min-width:0; }
.cs-stats2-inline .csd-usage__stats > i { height:44px !important; }
.cs-stats2-inline .csd-usage__v { gap:6px !important; align-items:center !important; line-height:1 !important; }
.cs-stats2-inline .csd-usage__v img { width:24px !important; height:24px !important; flex:0 0 24px; }
.cs-stats2-inline .csd-usage__v > span { display:inline-flex !important; align-items:baseline !important; gap:3px; }
.cs-stats2-inline .csd-usage__v b { font-size:26px !important; line-height:1 !important; letter-spacing:-.3px; }
.cs-stats2-inline .csd-usage__v small, .cs-stats2-inline .csd-usage__roi em { font-size:14px !important; font-weight:600 !important; line-height:1 !important; align-self:baseline !important; margin:0 !important; position:static !important; top:auto !important; }
.cs-stats2-inline .csd-usage__stats p { font-size:12.5px !important; text-align:center; }
/* stats2=tiles: option B tiles scaled for the narrow card */
.cs-stats2-tiles .ov-usage .ov-b { margin-top:0 !important; gap:8px !important; }
.cs-stats2-tiles .ov-usage .ov-b__t { grid-template-rows:26px 28px auto !important; row-gap:8px !important; padding:12px !important; border-radius:14px !important; }
.cs-stats2-tiles .ov-usage .ov-b__icon { height:26px !important; width:26px !important; }
.cs-stats2-tiles .ov-usage .ov-b__icon .ov-ring, .cs-stats2-tiles .ov-usage .ov-b__icon .ov-ico { width:24px !important; height:24px !important; }
.cs-stats2-tiles .ov-usage .ov-num { font-size:24px !important; height:28px !important; line-height:28px !important; }
.cs-stats2-tiles .ov-usage .ov-unit { font-size:13px !important; }
.cs-stats2-tiles .ov-usage .ov-lbl { font-size:12px !important; white-space:nowrap; }
.cs-stats2-tiles .ov-usage .ov-b { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.cs-stats2-tiles .ov-usage .ov-lbl { white-space:normal !important; line-height:1.25 !important; }
.cs-stats2-tiles .ov-usage .ov-b__t { padding:12px 10px !important; }
.cs-stats2-inline .csd-usage__stats { column-gap:8px !important; grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) !important; }
.cs-stats2-inline .csd-usage__stats p { font-size:12px !important; }