/* Seven Sky site, the sample report (/samples/site-check/). Uses site.css, offers.css, plain.css and check.css; only what is new is here. */
.report-intro .offer-line { max-width: 760px; }
.report .offer-body { gap: 22px; }
/* offers.css indents every list in an offer body; these lists carry their own marks at the left edge. */
.report .check-list { padding-left: 0; gap: 0; font-size: 16px; }
.report .check-list li.is-na::before { content: "\2013"; border: 1px solid var(--mist); color: var(--mist); }
.report .check-detail code, .fix-file code { font-size: 0.95em; overflow-wrap: anywhere; }
.figures { display: flex; flex-wrap: wrap; gap: 24px 56px; }
.figures .unit { max-width: 26ch; line-height: 1.5; }
/* The fix list: numbered boxes, cream when the fix is done, gold while it is open. */
.fix-list { counter-reset: fix; }
.fix-list li { counter-increment: fix; }
.fix-list li::before { content: counter(fix); background: var(--cream); color: var(--navy); }
.fix-list li.is-open::before { background: var(--gold); }
.fix-file { margin-top: 8px; font-size: 15px; line-height: 1.5; color: var(--cream); overflow-wrap: anywhere; }
@media (forced-colors: active) { .report .check-list li::before { border: 1px solid CanvasText; } }
@media print {
  .fix-file { color: var(--ink); }
  .fix-list li::before { border: 1px solid var(--navy); background: none; }
}