:root{--sn:#1d4ed8;--snd:#1e3a8a;--snl:#3b82f6;--sy:#eab308;--syd:#ca8a04;--sg50:#f9fafb;--sg100:#f3f4f6;--sg200:#e5e7eb;--sg600:#4b5563;--sg700:#374151;--sg800:#1f2937;--sg900:#111827;--sr:8px;--srl:12px;--ss:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--ssl:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.ac{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header - matches homepage exactly */
.snp-shl{font-size:1.35rem;font-weight:700;color:var(--sn);text-decoration:none;white-space:nowrap;letter-spacing:-.02em;flex-shrink:0}
.snp-shl:hover{color:var(--snd)}
.snp-snl{display:inline-flex;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--sg700);text-decoration:none;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap}
.snp-snl:hover{color:var(--sn);background:var(--sg50)}
.snp-sst{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--sg600);border-radius:8px;transition:color .15s,background .15s;flex-shrink:0}
.snp-sst:hover{color:var(--sn);background:var(--sg50)}
.snp-ssi{border:none;background:transparent;font-size:.875rem;color:var(--sg800);outline:none;width:100%;min-width:0;padding:0}
.snp-ssi::placeholder{color:var(--sg600)}
.snp-ssb2{display:flex;align-items:center;justify-content:center;width:32px;height:40px;background:none;border:none;cursor:pointer;color:var(--sn);flex-shrink:0;padding:0}
.snp-ssb2:hover{color:var(--snd)}
/* Breadcrumb */
.snp-breadcrumb{padding:16px 0;font-size:.85rem;color:var(--sg600);max-width:760px;margin:0 auto}
.snp-breadcrumb a{color:var(--sn);text-decoration:none}
.snp-breadcrumb a:hover{color:var(--snd);text-decoration:underline}
.snp-breadcrumb span{color:var(--sg600)}

/* Article body */
.snp-article-
.snp-article-body h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 20px;line-height:1.3;letter-spacing:-.01em}
.snp-article-body h2{font-size:1.6rem;font-weight:700;color:#111827;margin:48px 0 20px;line-height:1.3;letter-spacing:-.01em}
.snp-article-body h2:first-child{margin-top:0}
.snp-article-body h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin:36px 0 12px;line-height:1.35}
.snp-article-body h4{font-size:1.05rem;font-weight:600;color:#1f2937;margin:28px 0 10px;line-height:1.35}
.snp-article-body p{margin:0 0 20px;color:#374151;line-height:1.75}
.snp-article-body a{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}
.snp-article-body a:hover{color:#1e3a8a}
.snp-article-body strong{color:#111827}
.snp-article-body blockquote{font-size:1rem;color:#4b5563;line-height:1.7;font-style:italic;border-left:3px solid #eab308;padding:0 0 0 16px;margin:24px 0}
.snp-article-body ul{list-style-type:disc;margin:0 0 24px;padding-left:24px}
.snp-article-body ol{list-style-type:decimal;margin:0 0 24px;padding-left:24px}
.snp-article-body li{margin-bottom:8px;color:#374151;line-height:1.65}
.snp-article-body li:last-child{margin-bottom:0}
.snp-article-body ul ul,.snp-article-body ol ol,.snp-article-body ul ol,.snp-article-body ol ul{margin:8px 0 8px 16px}

/* Tables in article */
.snp-table-wrap{overflow-x:auto;margin:0 -24px 32px;padding:0 24px;-webkit-overflow-scrolling:touch}
.snp-table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:600px}
.snp-table-wrap thead th{background:#1d4ed8;color:#fff;padding:12px 16px;text-align:left;font-weight:600;white-space:nowrap;font-size:.85rem}
.snp-table-wrap thead th:first-child{border-radius:6px 0 0 0}
.snp-table-wrap thead th:last-child{border-radius:0 6px 0 0}
.snp-table-wrap tbody td{padding:10px 16px;border-bottom:1px solid #e5e7eb;vertical-align:top}
.snp-table-wrap tbody tr:nth-child(even){background:#f9fafb}
.snp-table-wrap tbody tr:hover{background:#eff6ff}

/* TOC */
.snp-toc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px 24px;margin-bottom:32px}
.snp-toc h2{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px}
.snp-toc ol{margin:0;padding-left:20px;font-size:.9rem;line-height:2}
.snp-toc ol a{color:var(--sn);text-decoration:none}
.snp-toc ol a:hover{color:var(--snd);text-decoration:underline}

/* CTA box */
.snp-cta-box{background:linear-gradient(135deg,var(--snd),#1e40af);color:#fff;border-radius:var(--srl);padding:32px;margin-top:48px}
.snp-cta-box h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.snp-cta-box p{color:rgba(219,234,254,.9);margin:0 0 20px;line-height:1.65}
.snp-cta-box p:last-child{margin-bottom:0}
.snp-cta-box a{color:var(--sy);text-decoration:underline;text-underline-offset:2px;font-weight:500}
.snp-cta-box a:hover{color:#fff}
.snp-cta-btn{display:inline-block;font-weight:600;font-size:.95rem;padding:14px 32px;border-radius:8px;text-decoration:none;transition:all .2s ease;background:var(--sy);color:#000;white-space:nowrap;margin-top:12px}
.snp-cta-btn:hover{background:var(--syd);color:#000}

/* Article meta */
.snp-article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--sg200)}
.snp-article-cat{font-size:.75rem;font-weight:500;background:#eff6ff;color:var(--sn);padding:3px 10px;border-radius:99px}
.snp-article-date{font-size:.85rem;color:var(--sg600)}
.snp-article-author{font-size:.85rem;color:var(--sg600)}

/* Breadcrumb wrapper in article */
.snp-breadcrumb-top{padding:0;margin-bottom:16px}

/* Footer */
.snp-sfo{background:var(--sg900);color:#d1d5db;padding:64px 0 0}
.snp-sfg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.snp-sfl2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.01em}
.snp-sfd{font-size:.85rem;line-height:1.7;color:#9ca3af;margin:0 0 16px}
.snp-sfcs{display:flex;flex-wrap:wrap;gap:8px}
.snp-sba{display:inline-block;font-size:.72rem;font-weight:500;background:rgba(255,255,255,.08);color:#d1d5db;padding:4px 10px;border-radius:4px;white-space:nowrap}
.snp-sfh{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em}
.snp-sfls{list-style:none;padding:0;margin:0}
.snp-sfls li{margin-bottom:8px}
.snp-sfls a{font-size:.85rem;color:#9ca3af;text-decoration:none;transition:color .15s ease}
.snp-sfls a:hover{color:var(--sy)}
.snp-sfco{list-style:none;padding:0;margin:0 0 16px}
.snp-sfco li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.85rem;color:#9ca3af}
.snp-sfco a{color:var(--sy);text-decoration:none}
.snp-sfco a:hover{text-decoration:underline}
.snp-sfic{flex-shrink:0;width:18px;text-align:center;color:#6b7280}
.snp-sfct{font-size:.8rem;line-height:1.6;color:#6b7280;margin:0}
.snp-sfb{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0}
.snp-sfcr{font-size:.8rem;color:#6b7280;margin:0}
.snp-sfbl{display:flex;gap:20px}
.snp-sfbl a{font-size:.8rem;color:#6b7280;text-decoration:none;transition:color .15s ease}
.snp-sfbl a:hover{color:var(--sy)}

/* Back to Blog link */
.snp-back-link{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;color:var(--sn);text-decoration:none;margin-top:32px;font-weight:500}
.snp-back-link:hover{color:var(--snd);text-decoration:underline}

/* Responsive */
@media(max-width:1024px){
.snp-sfg{grid-template-columns:1fr 1fr 1fr}
.snp-sfa{grid-column:1/-1}
}
@media(max-width:768px){
.snp-sfg{grid-template-columns:1fr 1fr;gap:32px}
.snp-sfa{grid-column:1/-1}
.snp-sfb{flex-direction:column;text-align:center}
.snp-article-
.snp-article-body h1{font-size:1.6rem}
.snp-article-body h2{font-size:1.35rem;margin:36px 0 16px}
.snp-article-body h3{font-size:1.1rem;margin:28px 0 10px}
.snp-table-wrap table{font-size:.8rem;min-width:500px}
.snp-table-wrap thead th,.snp-table-wrap tbody td{padding:8px 10px}
.snp-cta-box{padding:24px 20px}
}
@media(max-width:480px){
.snp-article-body h1{font-size:1.4rem}
.snp-article-body h2{font-size:1.2rem}
.snp-sfg{grid-template-columns:1fr}
.snp-sfo{padding:40px 0 0}
}
@media print{
.snp-sfo{background:#fff;color:#000}
}