/* Article cover and editorial content from the desktop/mobile exports. */
body.single-post:not(.drive4usa-home) { padding-top: 72px; }
.article-page { width: 100%; padding: 0; }
.article-page .article-hero { display: flex; flex-direction: column; gap: 36px; padding-top: 40px; }
.article-page .article-heading { width: calc(100% - 48px); max-width: none; }
.article-page .eyebrow { gap: 12px; min-height: 50px; margin: 0 0 18px; color: #fff; font-size: 14px; line-height: 17px; opacity: .8; }
.article-page .article-heading .display-title { max-width: none; margin: 0; font-size: 48px; line-height: 44px; letter-spacing: 0; background-image: linear-gradient(91.23deg, #fff -10.31%, #58739a 109.14%); }
.article-page .article-image { position: relative; overflow: hidden; width: calc(100% - 24px); margin: 0 auto 12px; }
.article-page .article-image > * { display: block; width: 100%; height: 499px; object-fit: cover; object-position: center 41.62%; }
.article-page .article-image::after, .article-page .prose .wp-block-image::after { content: ""; position: absolute; inset: 0; box-shadow: 0 4px 20px #ffffff80 inset; pointer-events: none; }
.article-page .prose { width: calc(100% - 48px); max-width: none; margin: 60px auto; color: #fff; font-size: 18px; line-height: 22px; overflow-wrap: break-word; }
.article-page .prose > :first-child { margin-top: 0; }
.article-page .prose > :last-child { margin-bottom: 0; }
.article-page .prose p { margin: 0; }
.article-page .prose :is(h2, h3, h4) { max-width: 100%; margin: 48px 0 14px; color: #fff; font-family: var(--heading-font); font-style: normal; font-weight: 500; font-synthesis: none; text-transform: uppercase; letter-spacing: 0; }
.article-page .prose h2 { font-size: 32px; line-height: 36px; }
.article-page .prose h2:first-of-type { max-width: 639px; }
.article-page .prose h3 { font-size: 28px; line-height: 32px; }
.article-page .prose h4 { font-size: 24px; line-height: 28px; }
.article-page .prose :is(blockquote, ul, ol) { margin: 14px 0 0; padding: 20px; background: #ffffff1a; color: #fff; font-size: 14px; line-height: 17px; }
.article-page .prose blockquote { border: 0; }
.article-page .prose blockquote p { color: inherit; }
.article-page .prose blockquote p:first-child > strong:first-child { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-weight: 600; }
.article-page .prose blockquote p:first-child > strong:first-child::before, .article-page .prose ul > li::before { content: ""; flex: 0 0 12px; width: 12px; height: 12px; border: 1px solid #fff; background: linear-gradient(#fff, #fff) center / 6px 6px no-repeat; filter: drop-shadow(0 0 4px #ffffffb3); }
.article-page .prose ol { padding-left: 44px; }
.article-page .prose ul { list-style: none; }
.article-page .prose ul > li { position: relative; padding-left: 24px; }
.article-page .prose ul > li::before { position: absolute; left: 0; top: 2.5px; }
.article-page .prose li::marker { color: #fff; }
.article-page .prose li + li { margin-top: 8px; }
.article-page .prose img { display: block; width: 100%; height: 362px; margin: 14px 0 0; object-fit: cover; }
.article-page .prose .wp-block-image { position: relative; overflow: hidden; margin: 14px 0 0; }
.article-page .prose .wp-block-image img { margin: 0; }
.article-page .prose .wp-block-image:has(figcaption)::after { display: none; }
.article-page .prose figcaption { margin-top: 8px; font-size: 14px; line-height: 17px; }
.article-page .prose table { margin-top: 14px; font-size: 16px; }
@media (max-width: 600px) {
 .article-page .article-hero { gap: 28px; padding-top: 16px; }
 .article-page .article-heading { width: calc(100% - 32px); }
 .article-page .eyebrow { min-height: 44px; font-size: 12px; line-height: 15px; }
 .article-page .article-heading .display-title { font-size: 28px; line-height: 28px; }
 .article-page .article-image { width: calc(100% - 16px); margin-bottom: 0; }
 .article-page .article-image > * { height: 362px; object-position: center; }
 .article-page .prose { width: calc(100% - 32px); margin: 60px auto 100px; font-size: 14px; line-height: 17px; }
 .article-page .prose :is(h2, h3, h4) { max-width: none; font-size: 23px; line-height: 26px; }
 .article-page .prose h2:first-of-type { max-width: none; }
 .article-page .prose img { height: 233px; }
}
.article-page .eyebrow > span:first-child { flex: 0 0 auto; width: 48px; height: 34px; margin: 0; font-size: 0; letter-spacing: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='24 1558 48 34'%3E%3Cpath fill='white' d='M24 1578.4L37 1558L31.0909 1572.57H37L24 1592L28.7273 1578.4H24ZM41 1578.4L55 1558L48.6364 1572.57H55L41 1592L46.0909 1578.4H41ZM59 1578.4L72 1558L66.0909 1572.57H72L59 1592L63.7273 1578.4H59Z'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 0 4px #ffffff80); }
@media (max-width: 600px) { .article-page .eyebrow > span:first-child { width: 37px; height: 28px; } }
