.article-header{background:linear-gradient(135deg,var(--cr-navy) 0%,var(--cr-navy-mid) 100%);color:#fff;padding:2rem 0 3rem}.article-header .cr-breadcrumb{padding-top:0;margin-bottom:1.25rem}.article-header .cr-breadcrumb,.article-header .cr-breadcrumb span{color:#ffffff80}.article-header .cr-breadcrumb a{color:#ffffffb3}.article-header .cr-breadcrumb a:hover{color:#fff}.article-meta-top{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;color:#fff9;font-weight:500}.article-tag{display:inline-block;background:#c003;color:#f66;padding:.15rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.article-meta-sep{opacity:.4}.article-title{font-family:Saira,Inter,sans-serif;font-size:2.5rem;font-weight:900;font-style:italic;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 1rem}.article-subtitle{font-size:1.1rem;color:#ffffffb3;line-height:1.6;max-width:650px;margin:0}.article-body{padding:3rem 0 4rem}.article-section{margin-bottom:2.5rem}.article-section h2{font-size:1.5rem;font-weight:800;color:var(--cr-text);margin:0 0 1rem;line-height:1.25}.article-section h3{font-size:1.1rem;font-weight:700;color:var(--cr-text);margin:1.5rem 0 .5rem}.article-section p{font-size:1rem;line-height:1.75;color:var(--cr-text-light);margin:0 0 1rem}.article-section a{color:var(--cr-copper-text);font-weight:600;text-decoration:underline;text-decoration-color:#b300004d;text-underline-offset:2px}.article-section a:hover{text-decoration-color:var(--cr-copper-text)}.article-list{list-style:none;padding:0;margin:0 0 1rem}.article-list li{padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.95rem;line-height:1.7;color:var(--cr-text-light)}.article-list li:before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;background:var(--cr-copper);border-radius:50%}.article-callout{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-radius:10px;margin:1.25rem 0;font-size:.95rem;line-height:1.65;align-items:flex-start}.callout-icon{flex-shrink:0;margin-top:.1rem}.article-callout-yes{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.article-callout-yes .callout-icon{color:var(--cr-success)}.article-callout-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.article-callout-warn .callout-icon{color:#f59e0b}.article-callout-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.article-callout-danger .callout-icon{color:var(--cr-danger)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}.comparison-card{background:var(--cr-gray-50);border:1px solid var(--cr-border);border-radius:10px;padding:1.25rem 1.5rem}.comparison-card h3{font-size:1rem;font-weight:700;color:var(--cr-text);margin:0 0 .75rem}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{padding:.3rem 0;font-size:.875rem;color:var(--cr-text-light);line-height:1.5}.table-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:8px;border:1px solid var(--cr-border)}.table-wrap .cr-matrix{margin:0;border-radius:0}.table-note{font-size:.85rem!important;color:var(--cr-text-muted)!important;font-style:italic}.rec-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0}.rec-card{border:1px solid var(--cr-border);border-radius:10px;overflow:hidden}.rec-card-header{background:var(--cr-navy);color:#fff;padding:.75rem 1.25rem}.rec-card-header-cat6{background:var(--cr-navy-light)}.rec-card-header-cat6a{background:var(--cr-navy-mid)}.rec-card-header h3{font-size:1rem;font-weight:700;margin:0;color:#fff}.rec-card-body{padding:1.25rem}.rec-card-desc{font-size:.85rem!important;color:var(--cr-text-muted)!important;margin-bottom:.75rem!important}.rec-products{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.rec-product-link{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--cr-gray-50);border:1px solid var(--cr-border);border-radius:8px;transition:all .15s;text-decoration:none!important}.rec-product-link:hover{border-color:var(--cr-copper);background:#fff}.rec-product-name{font-size:.9rem;font-weight:600;color:var(--cr-text)}.rec-product-arrow{color:var(--cr-copper-text);font-size:1.1rem;font-weight:700}.rec-note{font-size:.85rem!important;color:var(--cr-text-muted)!important;margin:0!important}.faq-section{border-top:1px solid var(--cr-border);padding-top:2.5rem}.faq-item{margin-bottom:1.75rem}.faq-question{font-size:1.05rem;font-weight:700;color:var(--cr-text);margin:0 0 .5rem}.faq-answer p{font-size:.95rem;line-height:1.7;color:var(--cr-text-light);margin:0}.article-cta{background:var(--cr-gray-50);border:1px solid var(--cr-border);border-radius:12px;padding:2.5rem;text-align:center;margin-top:3rem}.article-cta h2{font-family:Saira,Inter,sans-serif;font-size:1.75rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;color:var(--cr-text);margin:0 0 .75rem}.article-cta p{font-size:1rem;color:var(--cr-text-light);max-width:550px;margin:0 auto 1.5rem;line-height:1.65}.article-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:480px){.article-title{font-size:1.4rem}.article-callout{flex-direction:column;gap:.5rem;padding:1rem}.article-cta{padding:1.5rem 1rem}}.article-cta-proof{max-width:620px;margin:1.75rem auto 0;padding:1rem 1.25rem;border-left:3px solid var(--cr-copper);background:#fff;border-radius:0 8px 8px 0;font-size:.95rem;font-style:italic;line-height:1.6;color:var(--cr-text-light);text-align:left}.article-cta-proof cite{display:block;margin-top:.6rem;font-style:normal;font-size:.82rem;font-weight:600;color:var(--cr-text-muted)}
