/* OEM pages and their supporting buyer guides. */
.oem-page, .business-guide { color: #17191d; overflow-wrap: anywhere; }
.oem-page p, .oem-page dd, .business-guide p, .business-guide li { font-size: 18px; line-height: 1.75; color: #505862; }
.oem-page .eyebrow, .business-guide .eyebrow { font-size: 14px; }
.oem-page h2 { max-width: 700px; }
.oem-page h2 + p { margin-top: 24px; }
.oem-page .two-column > *, .guide-layout > * { min-width: 0; }
.oem-opening { padding-bottom: 38px; }
.page-intro:has(+ .oem-page) .intro-copy { font-size: 20px; line-height: 1.65; color: #505862; }
.oem-positioning { max-width: 950px; margin-bottom: 36px; }
.oem-opening .actions { flex-wrap: wrap; gap: 18px 28px; }
.oem-email { color: #164ed8; font-size: 17px; text-decoration: underline; text-underline-offset: 4px; }
.oem-packaging { padding-bottom: 72px; }
.oem-packaging figure { max-width: 1040px; margin: 0 auto; }
.oem-packaging-image, .oem-packaging-image img { display: block; width: 100%; height: auto; }
.oem-packaging figcaption { margin-top: 12px; font-size: 15px; line-height: 1.6; color: #505862; }
.oem-paths { gap: 32px; }
.oem-paths article { display: flex; flex-direction: column; border-top: 2px solid #164ed8; }
.oem-paths article > svg, .oem-guides article > svg { width: 36px; height: 36px; color: #164ed8; margin-bottom: 18px; }
.oem-paths h3 { font-size: 25px; line-height: 1.3; align-self: stretch; }
.oem-paths dl { margin: 20px 0 28px; }
.oem-paths dt { font-size: 16px; font-weight: 700; margin: 18px 0 6px; }
.oem-paths dd { margin: 0; }
.oem-paths .inline-link { margin-top: auto; }
.oem-platforms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.oem-platforms > a { min-width: 0; display: block; position: relative; border-bottom: 1px solid #d9dce1; padding-bottom: 22px; }
.oem-platforms img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #f3f4f5; }
.oem-platforms strong { display: block; margin: 20px 0 8px; padding-right: 24px; font-size: 23px; }
.oem-platforms span { display: block; font-size: 16px; line-height: 1.6; color: #505862; }
.oem-platforms svg { position: absolute; right: 0; bottom: 76px; width: 20px; height: 20px; }
.oem-guides article { border-top: 1px solid #d9dce1; padding-top: 28px; }
.oem-guides h3 { font-size: 26px; line-height: 1.35; }
.oem-guides p { margin: 18px 0 24px; }
.oem-page .process-list li > span { flex: 0 0 28px; white-space: nowrap; font-size: 16px; }
.oem-page .process-list li > div { min-width: 0; }
.oem-page .faq-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 60px; }
.oem-page details summary { font-size: 19px; line-height: 1.5; }
.oem-next { display: flex; align-items: center; gap: 56px; }
.oem-next > div:first-child { flex: 1; }
.oem-next .actions { flex-direction: column; align-items: flex-start; flex: 0 1 280px; gap: 20px; }
.oem-page .button, .business-guide .button { white-space: normal; max-width: 100%; }
.oem-page :is(a, summary):focus-visible, .business-guide a:focus-visible { outline: 3px solid #164ed8; outline-offset: 5px; }
.oem-page section[id], .guide-content section[id] { scroll-margin-top: 110px; }
.guide-breadcrumb { padding-top: 32px; display: flex; align-items: center; gap: 10px; font-size: 16px; }
.guide-breadcrumb a { color: #164ed8; text-decoration: underline; text-underline-offset: 4px; }
.guide-breadcrumb svg { width: 16px; height: 16px; flex-shrink: 0; }
.business-guide .page-intro { padding-block: 42px 52px; }
.guide-layout { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2.3fr); gap: 72px; padding-bottom: 80px; }
.guide-contents { position: sticky; top: 110px; border-top: 2px solid #164ed8; padding-top: 24px; }
.guide-contents h2 { font-size: 20px; margin-bottom: 16px; }
.guide-contents > a:not(.button) { display: block; padding-block: 10px; font-size: 16px; line-height: 1.55; text-decoration: underline; text-underline-offset: 4px; }
.guide-contents .button { margin-top: 24px; }
.guide-content section { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid #d9dce1; }
.guide-content h2 { font-size: 29px; line-height: 1.3; margin-bottom: 20px; }
.guide-content ul { padding-left: 24px; margin-top: 24px; }
.guide-content li { padding-left: 4px; margin-bottom: 16px; }
.guide-content li::marker { color: #164ed8; }
.guide-next .actions { margin-top: 24px; flex-wrap: wrap; gap: 20px; }
.guide-workspaces { margin-bottom: 42px; }
.guide-workspaces .factory-photo { width: 100%; height: auto; object-fit: contain; }
.guide-workspaces figcaption { font-size: 15px; color: #505862; }
@media (max-width: 1000px) {
 .oem-paths { grid-template-columns: 1fr; }
 .oem-paths article { padding-block: 26px; }
 .oem-page .faq-layout { gap: 32px; }
 .guide-layout { gap: 36px; }
}
@media (max-width: 759px) {
 .page-intro:has(+ .oem-page) .intro-copy { font-size: 18px; }
 .oem-page .section { padding-block: 48px; }
 .oem-page .faq-layout, .guide-layout { grid-template-columns: minmax(0, 1fr); }
 .oem-packaging { padding-bottom: 42px; }
 .oem-opening .actions { align-items: flex-start; }
 .oem-next { display: block; }
 .oem-next .actions { margin-top: 24px; }
 .oem-platforms { gap: 16px; }
 .oem-platforms strong { font-size: 19px; }
 .oem-platforms svg { display: none; }
 .guide-contents { position: static; }
 .guide-breadcrumb { align-items: flex-start; }
 .guide-breadcrumb svg { margin-top: 4px; }
 .guide-content h2 { font-size: 26px; }
 .guide-layout { padding-bottom: 48px; }
}