/* Variant 8 reading style, restricted to subpage prose rather than functional UI. */
body.ms-reading-site #content .ms-reading-content {
  display: flow-root; overflow: visible; max-width: 100%; min-width: 0;
  font: 18px/1.85 var(--ms-serif); color: var(--ms-ink);
}
body.ms-reading-site #content .ms-reading-prose {
  container: reading-prose / inline-size; max-width: 100%; min-width: 0;
  font: 18px/1.85 var(--ms-serif); color: var(--ms-ink);
}
body.ms-reading-site #content .ms-reading-prose :is(p, li, .ms-legal, .ms-adv) {
  font-family: var(--ms-serif); font-size: 18px; line-height: 1.85;
}
body.ms-reading-site #content .ms-reading-prose p,
body.ms-reading-site #content .ms-reading-prose > div:not([class]) {
  text-align: left !important; margin: 0 0 18px;
}
body.ms-reading-site #content .ms-reading-prose > p,
body.ms-reading-site #content .ms-reading-prose > div:not([class]) { max-width: 630px; }
body.ms-reading-site #content .ms-reading-content :is(h1, h2),
body.ms-reading-site #content .ms-reading-prose :is(h1, h2) { color: var(--ms-navy); text-align: left !important; }
body.ms-reading-site:not(.ms-map) #content > h1,
body.ms-reading-site #content .ms-reading-content h1,
body.ms-reading-site #content .ms-reading-prose h1 {
  max-width: 650px; margin: 8px 0 24px; padding: 0 0 16px; border-bottom: 3px double #c8973f;
  font-family: var(--ms-serif); font-size: clamp(30px, 4vw, 44px); font-weight: 500; line-height: 1.2;
}
body.ms-reading-site #content .ms-reading-content h2,
body.ms-reading-site #content .ms-reading-prose h2 {
  margin: 26px 0 14px; padding: 16px 0 0; border: 0; border-top: 1px solid #e9e3d7;
  font: 700 16px/1.5 var(--ms-sans); letter-spacing: .035em;
}
body.ms-reading-site #content .ms-reading-section-title::before {
  content: attr(data-reading-section);
  display: block; margin-bottom: 8px; font: 700 11px/1.5 var(--ms-sans); letter-spacing: .1em; color: #ad623d;
}
body.ms-reading-site #content .ms-reading-prose h3 { font: 700 16px/1.5 var(--ms-sans); margin: 24px 0 12px; }
body.ms-reading-site #content .ms-reading-lead::first-letter {
  float: left; padding: 4px 8px 0 0; font-family: var(--ms-serif); font-size: 53px; line-height: .9; color: #a15a35;
}
body.ms-reading-site #content .ms-reading-prose a { color: var(--ms-red); text-underline-offset: 3px; }
body.ms-reading-site #content .ms-reading-prose a:focus-visible { outline: 3px solid #227b9c; outline-offset: 3px; }
body.ms-reading-site #content .ms-reading-prose img { max-width: 100%; height: auto; }
body.ms-reading-site #content .ms-reading-cover { margin: 0 0 28px; padding: 0; clear: both; text-align: center; }
body.ms-reading-site #content .ms-reading-cover a { display: block; }
body.ms-reading-site #content .ms-reading-cover img {
  display: block; float: none !important; width: auto; max-width: 100%; max-height: 300px;
  height: auto; margin: 0 auto !important; object-fit: contain;
}
/* Retain suitable typography and dimensions for prices, controls and embedded tools. */
body.ms-reading-site #content .ms-reading-prose :is(table, form, button, input, select, textarea, label) {
  font-family: var(--ms-sans); font-size: 14px; line-height: 1.5;
}
body.ms-reading-site #content .ms-reading-prose table :is(p, li) { font-family: var(--ms-sans); font-size: 14px; line-height: 1.5; }
body.ms-reading-site #content .ms-reading-prose table { max-width: 100%; }
body.ms-reading-site #content .ms-reading-prose :is(iframe, object, video) { max-width: 100%; }
@media (max-width: 700px) {
  body.ms-reading-site #content .ms-reading-prose { float: none; width: 100%; }
  body.ms-reading-site #content .ms-reading-cover img { max-height: 240px; }
}