.site-nav{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.site-nav a{color:#334155;font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--primary-color)}.site-nav a.btn-primary{color:#fff}@media (width<=760px){.top-nav.content-nav{flex-direction:column;gap:.75rem;height:auto;padding:.75rem 1rem}.site-nav{justify-content:center;gap:.8rem}}.breadcrumb{color:#64748b;margin-bottom:1rem;font-size:.85rem}.breadcrumb a{color:#64748b;text-decoration:none}.breadcrumb a:hover{color:var(--primary-color);text-decoration:underline}.category-badge{color:var(--primary-color);background:#4f46e51a;border-radius:999px;margin-bottom:.75rem;padding:3px 10px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.article-meta{color:#64748b;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem;font-size:.9rem}.content-box a{color:var(--primary-color)}.content-box ul,.content-box ol{margin:1rem 0;padding-left:1.5rem}.content-box li{margin-bottom:.5rem}.content-box p{margin:0 0 1rem}.toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:1.5rem 0 2rem;padding:1.25rem 1.5rem}.toc-title{color:#1e293b;margin-bottom:.5rem;font-weight:700}.toc ol{margin:0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.example-box,.tip-box,.warn-box{border-radius:10px;margin:1.5rem 0;padding:1rem 1.25rem}.example-box{background:#f8fafc;border-left:4px solid #64748b;font-style:normal}.example-box .example-title{color:#1e293b;margin-bottom:.5rem;font-weight:700}.example-box p:last-child,.tip-box p:last-child,.warn-box p:last-child{margin-bottom:0}.tip-box{background:#ecfdf5;border-left:4px solid #10b981}.warn-box{background:#fff7ed;border-left:4px solid #f97316}.data-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto}.data-table th,.data-table td{text-align:left;vertical-align:top;border:1px solid #e2e8f0;padding:.6rem .8rem}.data-table th{color:#1e293b;background:#f1f5f9}.checklist{list-style:none;padding-left:0!important}.checklist li{padding-left:1.8rem;position:relative}.checklist li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.faq-item{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.faq-item h3{margin-top:0!important}.cta-box{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%);border-radius:12px;margin:2.5rem 0 1rem;padding:2rem}.cta-box h2{color:#fff!important;margin-top:0!important}.cta-box p{opacity:.9}.cta-box a{background:#f97316;border-radius:8px;margin:.25rem;padding:12px 26px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.author-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.25rem;font-size:.92rem;display:flex}.author-box img{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:56px;height:56px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.article-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:1.5rem;transition:box-shadow .2s,transform .2s;display:flex}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.article-card h3{line-height:1.4;margin:.25rem 0 .5rem!important;font-size:1.1rem!important}.article-card h3 a{color:#1e293b;text-decoration:none}.article-card h3 a:hover{color:var(--primary-color)}.article-card p{color:#64748b;flex:1;font-size:.92rem}.article-card .card-meta{color:#94a3b8;font-size:.8rem}.related-section{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:1.5rem}.footer-columns{text-align:left;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1000px;margin:0 auto 2rem;display:grid}.footer-columns h4{color:#fff;margin:0 0 .75rem;font-size:1rem}.footer-columns a{color:#cbd5e1;margin-bottom:.45rem;font-size:.92rem;text-decoration:none;display:block}.footer-columns a:hover{color:#fff}.footer-columns p{color:#94a3b8;font-size:.9rem;line-height:1.6}#cookie-banner{z-index:9999;border-top:2px solid var(--primary-color);background:#fff;flex-direction:column;align-items:center;gap:10px;padding:15px 20px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}#cookie-banner .cookie-text{color:#4b5563;text-align:center;font-size:.9rem}