/* article-components.css — runmotoapparel.com article body elements (headings, lists, tables, quotes, CTA, FAQ). */
.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:110px;font-family:'Barlow Condensed','Inter',sans-serif;color:#0B0C10;line-height:1.1;letter-spacing:.01em}
.article-content h2{font-size:31px;font-weight:700;margin:56px 0 16px;padding-top:16px;border-top:1px solid #D9DCE1;position:relative}
.article-content h2::before{content:"";position:absolute;left:0;top:-1px;width:48px;height:3px;background:#FF4C00}
.article-content h3{font-size:25px;font-weight:700;margin:32px 0 12px}
.article-content h4{font-size:20px;font-weight:600;margin:24px 0 8px}
.article-content p{margin:0 0 20px}
.article-content ul,.article-content ol{margin:0 0 24px;padding-left:22px}
.article-content li+li{margin-top:8px}
.article-content li::marker{color:#FF4C00;font-weight:700}
.article-content strong{color:#0B0C10}

.article-content table{width:100%;border-collapse:collapse;border-spacing:0;margin:28px 0;border:1px solid #D9DCE1;border-radius:0;overflow:hidden;font-size:16px}
.article-content thead th{background:#0B0C10;color:#F4F4F5;font-family:'Barlow Condensed','Inter',sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 16px}
.article-content tbody td{padding:12px 16px;border-top:1px solid #D9DCE1;vertical-align:top}
.article-content tbody tr:nth-child(even){background:#F3F4F6}

.article-content blockquote{margin:28px 0;padding:16px 24px;border-left:4px solid #FF4C00;background:#F3F4F6;border-radius:0;color:#0B0C10}
.article-content blockquote p:last-child{margin-bottom:0}

.article-content code{background:#F3F4F6;border:1px solid #D9DCE1;padding:.15em .4em;border-radius:4px;font-size:.9em;color:#2A2E35}
.article-content pre{background:#0B0C10;color:#D9DCE1;padding:20px 24px;border-radius:0;overflow-x:auto;margin:28px 0}
.article-content pre code{background:transparent;border:0;padding:0;color:inherit}
.article-content hr{border:0;border-top:1px dashed #9AA0A8;margin:40px 0}

.article-content .rm-callout{background:#F3F4F6;border-left:4px solid #0B0C10;padding:20px 24px;margin:28px 0}
.article-content .rm-callout>:last-child{margin-bottom:0}
.article-content .rm-callout-title{font-family:'Barlow Condensed','Inter',sans-serif;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C636D;margin:0 0 8px}

.cta-banner-section{margin:48px 0}
.cta-banner{background:#0B0C10;background-image:linear-gradient(135deg,#0B0C10 0%,#2A2E35 100%);border-radius:0;border-top:3px solid #FF4C00;padding:40px 32px;text-align:left;margin:0;color:#F4F4F5}
.cta-banner-title,.cta-banner .cta-heading{font-family:'Barlow Condensed','Inter',sans-serif;color:#F4F4F5;font-size:25px;font-weight:700;margin:0 0 8px;line-height:1.15}
.cta-banner-body,.cta-banner p{color:#B8BCC4;max-width:560px;margin:0 0 20px;font-size:16px;line-height:1.65}
.cta-banner-button,.cta-banner .cta-button{display:inline-block;background:#FF4C00;color:#0B0C10!important;font-family:'Barlow Condensed','Inter',sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 28px;border:0;border-radius:4px;text-decoration:none!important;transition:background .2s ease,transform .2s ease}
.cta-banner-button:hover,.cta-banner .cta-button:hover{background:#EB4600;transform:translateY(-2px)}

.faq-section{margin:48px 0}
.faq-item{border:1px solid #D9DCE1;border-radius:0;padding:14px 20px;margin-bottom:12px;background:#fff}
.faq-item summary{font-weight:600;color:#0B0C10;cursor:pointer}
.faq-answer{margin-top:10px;color:#2A2E35}

@media (max-width:768px){
  .article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .article-content h2{font-size:25px}
  .cta-banner{padding:32px 20px}
}
@media (prefers-reduced-motion:reduce){.cta-banner-button,.cta-banner .cta-button{transition:none}.cta-banner-button:hover,.cta-banner .cta-button:hover{transform:none}}
.cta-banner .cta-heading,.cta-banner .cta-banner-title{max-width:none}
