/* Seven Sky site, the county housing report page. Uses site.css, offers.css and plain.css; only what is new is here. */
.plain .offer-body ul { max-width: 68ch; }
.plain .offer-body ul.samples, .plain .offer-body ul.sources { list-style: none; padding-left: 0; }
.plain .offer-body ul.samples { gap: 0; }
.samples li { display: flex; flex-direction: column; gap: 6px; padding: 18px 0; border-top: 1px solid var(--band-3); }
.samples li:last-child { border-bottom: 1px solid var(--band-3); }
.samples li > a { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1.25; text-decoration: underline; text-underline-offset: 5px; }
.sample-note { font-size: 18px; line-height: 1.5; color: var(--cream); }
.sample-files { font-size: 15px; line-height: 1.5; color: var(--mist); }
.sample-files a { color: var(--mist); }
.sources li { padding-left: 18px; border-left: 3px solid var(--gold); font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
.plain .offer-body p.attrib { font-size: 16px; color: var(--mist); }
.sale-note { max-width: 68ch; padding: 22px 26px; border: 2px solid var(--gold); display: flex; flex-direction: column; gap: 8px; }
.plain .offer-body .sale-note p.sale-line { font-family: var(--font-display); font-weight: 700; font-size: 30px; line-height: 1.2; color: var(--gold); }
@media screen and (max-width: 700px) {
  .samples li > a { font-size: 21px; }
  .sample-note { font-size: 17px; }
  .sale-note { padding: 18px 18px; }
  .plain .offer-body .sale-note p.sale-line { font-size: 26px; }
}
@media print {
  .samples li { border-color: var(--gold-deep); break-inside: avoid; }
  .sample-note, .sources li { color: var(--ink); }
  .sample-files, .sample-files a, .plain .offer-body p.attrib { color: var(--espresso); }
  .samples li > a { color: var(--navy); }
  .sale-note { border-color: var(--gold-deep); }
  .plain .offer-body .sale-note p.sale-line { color: var(--navy); }
}