.seo-page{color:#1a1a2e;max-width:800px;margin:0 auto;padding:6rem 1.5rem 4rem;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7}.seo-breadcrumbs ol{color:#6b7280;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;font-size:.875rem;list-style:none;display:flex}.seo-breadcrumbs li:not(:last-child):after{content:">";color:#d1d5db;margin-left:.5rem}.seo-breadcrumbs a{color:#6366f1;text-decoration:none;transition:color .2s}.seo-breadcrumbs a:hover{color:#4f46e5;text-decoration:underline}.seo-breadcrumbs [aria-current=page]{color:#1a1a2e;font-weight:500}.seo-hero{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.seo-badge{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#eef2ff;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.seo-hero h1{color:#0f0f23;letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.seo-intro{color:#4b5563;font-size:1.125rem;line-height:1.8}.seo-content{margin-bottom:3rem}.seo-section{margin-bottom:2.5rem}.seo-section h2{color:#0f0f23;margin:0 0 1rem;padding-top:.5rem;font-size:1.5rem;font-weight:700}.seo-body{color:#374151}.seo-body h3{color:#1f2937;margin:1.5rem 0 .5rem;font-size:1.15rem;font-weight:600}.seo-body strong{color:#0f0f23;font-weight:600}.seo-body ul{margin:.75rem 0;padding-left:1.25rem}.seo-body li{margin-bottom:.5rem;padding-left:.25rem}.seo-body table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem;display:block;overflow-x:auto}.seo-body thead{background:#f3f4f6}.seo-body th,.seo-body td{text-align:left;border:1px solid #e5e7eb;padding:.75rem 1rem}.seo-body th{color:#1f2937;font-weight:600}.seo-body blockquote{color:#4c1d95;background:#f5f3ff;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin:1rem 0;padding:.75rem 1rem;font-style:italic}.seo-faq{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:3rem;padding:2rem}.seo-faq h2{color:#0f0f23;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.faq-item:hover{box-shadow:0 2px 8px #0000000f}.faq-item summary{cursor:pointer;color:#1f2937;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:600;list-style:none;display:flex}.faq-item summary:before{content:"+";color:#6366f1;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.25rem;font-weight:300;transition:transform .2s;display:flex}.faq-item[open] summary:before{content:"−";transform:rotate(0)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#4b5563;margin:0;padding:0 1.25rem 1rem;line-height:1.7}.seo-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:16px;margin-bottom:3rem;padding:2.5rem 2rem}.seo-cta p{opacity:.95;margin:0 0 1.5rem;font-size:1.1rem;line-height:1.7}.seo-cta-button{color:#6366f1;background:#fff;border-radius:9999px;padding:.875rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.seo-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.seo-internal-links{margin-bottom:3rem}.seo-internal-links h2{color:#0f0f23;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.seo-internal-links ul{gap:.5rem;padding:0;list-style:none;display:grid}.seo-internal-links a{color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.seo-internal-links a:hover{background:#fafafe;border-color:#6366f1}.link-type{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;background:#f3f4f6;border-radius:4px;flex-shrink:0;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.seo-related{margin-bottom:3rem}.seo-related h2{color:#0f0f23;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.related-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:block}.related-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.related-playbook{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;font-size:.7rem;font-weight:600}.related-card h3{color:#1f2937;margin:.5rem 0 0;font-size:.95rem;font-weight:600;line-height:1.4}.seo-meta-footer{color:#9ca3af;border-top:1px solid #e5e7eb;padding-top:1.5rem;font-size:.85rem}@media (max-width:768px){.seo-page{padding:5rem 1rem 3rem}.seo-faq{padding:1.25rem}.seo-cta{padding:1.5rem}.related-grid{grid-template-columns:1fr}.seo-body table{font-size:.8rem}.seo-body th,.seo-body td{padding:.5rem}}.dark .seo-page{color:#e5e7eb}.dark .seo-hero h1,.dark .seo-section h2,.dark .seo-faq h2,.dark .seo-internal-links h2,.dark .seo-related h2{color:#f3f4f6}.dark .seo-intro,.dark .seo-body{color:#d1d5db}.dark .seo-body strong,.dark .seo-breadcrumbs [aria-current=page]{color:#f3f4f6}.dark .seo-hero{border-bottom-color:#374151}.dark .seo-badge{color:#a5b4fc;background:#312e81}.dark .seo-faq{background:#1f2937;border-color:#374151}.dark .faq-item{background:#111827;border-color:#374151}.dark .faq-item summary{color:#e5e7eb}.dark .faq-item summary:before{color:#a5b4fc;background:#312e81}.dark .faq-item p{color:#d1d5db}.dark .seo-internal-links a,.dark .related-card{color:#e5e7eb;border-color:#374151}.dark .seo-internal-links a:hover,.dark .related-card:hover{background:#1f2937;border-color:#6366f1}.dark .link-type{color:#9ca3af;background:#374151}.dark .related-card h3{color:#e5e7eb}.dark .seo-meta-footer{color:#6b7280;border-top-color:#374151}.dark .seo-body blockquote{color:#c4b5fd;background:#312e81}.dark .seo-body thead{background:#1f2937}.dark .seo-body th,.dark .seo-body td{border-color:#374151}.dark .seo-body th{color:#e5e7eb}
