.article-header{background:linear-gradient(135deg,var(--cts-navy) 0%,#1a1a2e 100%);color:#fff;padding:2rem 0 3rem}.article-container-narrow{max-width:760px;margin:0 auto;padding:0 1.5rem}.article-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:1.25rem}.article-breadcrumb,.article-breadcrumb span{color:#ffffff80}.article-breadcrumb a{color:#ffffffb3;text-decoration:none}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb-sep{opacity:.4}.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:#06c3;color:#6af;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:Barlow Condensed,Inter,sans-serif;font-size:2.5rem;font-weight:900;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-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:800;color:var(--cts-text);margin:0 0 1rem;line-height:1.25}.article-section h3{font-size:1.1rem;font-weight:700;color:var(--cts-text);margin:1.5rem 0 .5rem}.article-section p{font-size:1rem;line-height:1.75;color:var(--cts-text-light);margin:0 0 1rem}.article-section a{color:var(--cts-blue-text);font-weight:600;text-decoration:underline;text-decoration-color:#0066cc4d;text-underline-offset:2px}.article-section a:hover{text-decoration-color:var(--cts-blue-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(--cts-text-light)}.article-list li:before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;background:var(--cts-blue);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-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.article-callout-info .callout-icon{color:#3b82f6}.article-callout-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.article-callout-warn .callout-icon{color:#f59e0b}.article-callout-yes{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.article-callout-yes .callout-icon{color:#22c55e}.table-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:8px;border:1px solid var(--cts-border)}.cts-matrix{width:100%;border-collapse:collapse;margin:0}.cts-matrix th{background:var(--cts-navy);color:#fff;padding:.75rem 1rem;text-align:left;font-size:.85rem;font-weight:700}.cts-matrix td{padding:.75rem 1rem;border-bottom:1px solid var(--cts-border);font-size:.9rem;color:var(--cts-text-light)}.cts-matrix .feature-name{font-weight:600;color:var(--cts-text)}.cts-matrix a{color:var(--cts-blue-text);font-weight:600;text-decoration:none}.cts-matrix a:hover{text-decoration:underline}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.tool-card{background:var(--cts-gray-50);border:1px solid var(--cts-border);border-radius:8px;padding:1.25rem}.tool-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--cts-text)}.tool-card p{margin:0;font-size:.875rem;color:var(--cts-text-light);line-height:1.6}.tool-card a{color:var(--cts-blue-text);text-decoration:none;font-weight:600}.tool-card a:hover{text-decoration:underline}.faq-section{border-top:1px solid var(--cts-border);padding-top:2.5rem}.faq-item{margin-bottom:1.75rem}.faq-question{font-size:1.05rem;font-weight:700;color:var(--cts-text);margin:0 0 .5rem}.faq-answer p{font-size:.95rem;line-height:1.7;color:var(--cts-text-light);margin:0}.article-cta{background:var(--cts-gray-50);border:1px solid var(--cts-border);border-radius:12px;padding:2.5rem;text-align:center;margin-top:3rem}.article-cta h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:var(--cts-text);margin:0 0 .75rem}.article-cta p{font-size:1rem;color:var(--cts-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}.cts-btn{display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;padding:.75rem 2rem;border-radius:8px;text-decoration:none;transition:all .15s;cursor:pointer}.cts-btn-primary{background:var(--cts-blue);color:#fff}.cts-btn-primary:hover{background:var(--cts-blue-light)}.cts-btn-outline{background:transparent;color:var(--cts-text);border:1px solid var(--cts-border)}.cts-btn-outline:hover{border-color:var(--cts-blue);color:var(--cts-blue)}@media(max-width:768px){.article-title{font-size:1.75rem}.article-subtitle{font-size:.95rem}.tools-grid{grid-template-columns:1fr}.article-cta{padding:2rem 1.5rem}.article-cta h2{font-size:1.35rem}.article-cta-buttons{flex-direction:column;align-items:center}}@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}}