.mco-format{--fmt-accent: #bc0404;--fmt-bg: #1a1a1a;--fmt-card: #222;--fmt-border: #333}.mco-format__hero{padding:3rem 1.5rem;text-align:center;background:var(--fmt-bg)}.mco-format__hero h1{font-family:Montserrat,sans-serif;font-weight:600;font-size:2.25rem;margin:0 0 1rem;color:#fff}.mco-format__hero-desc{max-width:680px;margin:0 auto 1.5rem;color:#ccc;line-height:1.6;font-size:1.05rem}.mco-format__hero-ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.mco-format__cta{display:inline-block;padding:.75rem 1.75rem;border-radius:4px;font-weight:600;text-decoration:none;font-size:.95rem;transition:opacity .2s}.mco-format__cta:hover{opacity:.85}.mco-format__cta--primary{background:var(--fmt-accent);color:#fff}.mco-format__cta--secondary{background:transparent;color:#fff;border:1px solid #666}.mco-format__subnav{position:sticky;top:0;z-index:10;background:#111;border-bottom:1px solid var(--fmt-border);padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.mco-format__subnav-inner{display:flex;gap:0;max-width:1200px;margin:0 auto}.mco-format__subnav a{padding:.75rem 1rem;color:#aaa;text-decoration:none;font-size:.8rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.mco-format__subnav a:hover{color:#fff;border-bottom-color:var(--fmt-accent)}.mco-format__section{padding:3rem 1.5rem;max-width:1000px;margin:0 auto}.mco-format__section h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem;margin:0 0 1.5rem;color:#fff}.mco-format__section--alt{background:#141414}.mco-format__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none;padding:0;margin:0}.mco-format__card{background:var(--fmt-card);border:1px solid var(--fmt-border);border-radius:6px;padding:1.25rem;color:#ddd;line-height:1.5}.mco-format__compat-table{width:100%;border-collapse:collapse}.mco-format__compat-table th,.mco-format__compat-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--fmt-border);color:#ddd;font-size:.9rem}.mco-format__compat-table th{color:#999;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.mco-format__steps{counter-reset:step;list-style:none;padding:0;margin:0}.mco-format__step{counter-increment:step;display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--fmt-border);color:#ddd}.mco-format__step:before{content:counter(step);flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--fmt-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.mco-format__specs{list-style:none;padding:0;margin:0}.mco-format__spec{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--fmt-border)}.mco-format__spec-label{color:#999;font-size:.9rem}.mco-format__spec-value{color:#fff;font-weight:600;font-size:.9rem}.mco-format__faq-item{border-bottom:1px solid var(--fmt-border)}.mco-format__faq-item summary{padding:1rem 0;color:#fff;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.mco-format__faq-item summary:after{content:"+";font-size:1.25rem;color:#999;transition:transform .2s}.mco-format__faq-item[open] summary:after{content:"\2212"}.mco-format__faq-answer{padding:0 0 1rem;color:#ccc;line-height:1.6}.mco-format__tips{list-style:none;padding:0;margin:0}.mco-format__tip{padding:1rem;margin-bottom:.75rem;background:var(--fmt-card);border-left:3px solid var(--fmt-accent);border-radius:0 6px 6px 0;color:#ddd;line-height:1.5}.mco-format__related-grid{display:flex;gap:.75rem;flex-wrap:wrap}.mco-format__related-link{display:inline-block;padding:.5rem 1.25rem;background:var(--fmt-card);border:1px solid var(--fmt-border);border-radius:4px;color:#ddd;text-decoration:none;font-size:.9rem;transition:border-color .2s}.mco-format__related-link:hover{border-color:var(--fmt-accent);color:#fff}.mco-format__packs-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}@media(max-width:640px){.mco-format__hero h1{font-size:1.75rem}.mco-format__section{padding:2rem 1rem}.mco-format__cards{grid-template-columns:1fr}.mco-format__step{gap:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/mco-format.css.map */