/* Adapters for pages whose body is still hand-written (Technical Center): new nav/footer over the old body.
   Loaded after wr-home/wr-sub/wr-form, before the page's own <style>. */

/* fixed nav is 68px tall (73px on phones, where the logo stack is taller) */
body > .vrf-art, body > .vrft, body > .vrf, body > .vrfp, body > .vrfsf, body > .vhome, body > main#main-content { padding-top: 68px; }
@media (max-width: 900px) {
  body > .vrf-art, body > .vrft, body > .vrf, body > .vrfp, body > .vrfsf, body > .vhome, body > main#main-content { padding-top: 74px; }
}

/* wr-home sets em to ember/non-italic; article body keeps normal emphasis */
.vrf-art em { font-style: italic; color: inherit; }

/* bare page (cement-kiln-coating-management): minimal readable article styling */
.wr-plain { max-width: 780px; margin: 0 auto; padding: 96px 24px 64px; font-size: 16px; line-height: 1.75; }
.wr-plain h1 { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 12px; }
.wr-plain h2 { font-size: clamp(22px, 2.5vw, 28px); margin: 40px 0 12px; }
.wr-plain h3 { font-size: 18px; margin: 24px 0 8px; }
.wr-plain ul, .wr-plain ol { list-style: revert; padding-left: 24px; margin-bottom: 16px; }
.wr-plain li { margin-bottom: 6px; }
.wr-plain a { color: var(--v-ember); text-decoration: underline; }
.wr-plain header { margin-bottom: 24px; }
.wr-plain header + nav { background: var(--v-off); border: 1px solid var(--v-g200); padding: 16px 24px; margin-bottom: 32px; }
.wr-plain header + nav h2 { margin-top: 0; font-size: 18px; }
.wr-plain header + nav ul { margin-bottom: 0; }
.wr-plain .faq-item { margin-bottom: 20px; }
@media (max-width: 768px) {
  .wr-plain { padding: 88px 16px 48px; }
}

/* article grid: let the text column shrink (was 1fr, which sized to the widest table and clipped text at tablet widths) */
.vra-layout-inner { grid-template-columns: minmax(0, 1fr) 260px !important; }
@media (max-width: 1024px) { .vra-layout-inner { grid-template-columns: minmax(0, 1fr) !important; } }

/* nav links wrapped onto two lines between 901px and ~1180px, making the fixed nav taller than the 64px offset */
@media (min-width: 901px) and (max-width: 1180px) {
  .wr-nav-links { gap: 16px; }
  .wr-nav-link { white-space: nowrap; font-size: 12px; }
  .wr-nav-global { padding: 5px 8px; white-space: nowrap; }
  .wr-nav-cta { padding: 9px 14px; margin-left: 0; white-space: nowrap; }
}

/* sticky article sidebar sits below the fixed nav */
.vra-sidebar { top: 88px !important; }

/* privacy policy: long URLs in the text pushed the page wider than a phone (393px at 375px) */
main#main-content { overflow-wrap: anywhere; }