.content-site-page{min-height:100vh;background:#f8fafc;color:#0f172a}.content-site-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.content-site-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:#6d28d9;text-decoration:none}.content-site-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.content-site-nav a{color:#475569;text-decoration:none;font-size:.95rem;font-weight:500}.content-site-nav a:hover,.content-site-nav-active{color:#6d28d9!important}.content-site-body{max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem}.content-site-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em}.content-site-lead{color:#64748b;margin:0 0 2rem;line-height:1.6}.content-site-back{display:inline-block;margin-bottom:1rem;color:#6d28d9;text-decoration:none;font-weight:500}.content-site-back:hover{text-decoration:underline}.blog-list{display:grid;grid-gap:1rem;gap:1rem}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .15s,box-shadow .15s}.blog-card:hover{border-color:#c4b5fd;box-shadow:0 8px 24px rgba(109,40,217,.08)}.blog-card a{text-decoration:none;color:inherit}.blog-card h2{margin:0 0 .5rem;font-size:1.2rem;color:#1e293b}.blog-card p{margin:0;color:#64748b;line-height:1.55}.blog-card-meta{margin-top:.75rem;font-size:.85rem;color:#94a3b8}.blog-article-body{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;line-height:1.7}.blog-article-body h2,.blog-article-body h3{margin-top:1.5rem;margin-bottom:.75rem}.blog-article-body p,.blog-article-body ul{margin-bottom:1rem}.blog-article-body a{color:#6d28d9}.faq-section{margin-bottom:2rem}.faq-section h2{font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:#6d28d9;margin:0 0 1rem}.faq-list{display:grid;grid-gap:.75rem;gap:.75rem}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.faq-item summary{cursor:pointer;padding:1rem 1.25rem;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{border-bottom:1px solid #e2e8f0;background:#faf5ff}.faq-answer{padding:1rem 1.25rem 1.25rem;color:#475569;line-height:1.65}.content-site-empty{color:#64748b;padding:2rem;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px}@media (max-width:640px){.content-site-topbar{flex-direction:column;align-items:flex-start}}