.blog-main,.article-main{background:#fff}.blog-hero{text-align:center;padding:5.5rem 0 4rem;background:linear-gradient(180deg,#f5f3ff 0%,#fff 100%)}.blog-hero h1{font-size:3.2rem;line-height:1.1;margin:.5rem 0 1rem}.blog-hero p{max-width:700px;margin:auto;color:var(--text-muted);font-size:1.15rem}.blog-listing{padding-top:1rem;padding-bottom:6rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card);transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lifted)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-category{display:inline-block;color:var(--primary);background:var(--bg-accent-soft);border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:800;margin-bottom:1rem}.blog-card h2{font-size:1.25rem;line-height:1.3;margin:0 0 .8rem}.blog-card h2 a{text-decoration:none}.blog-card p{color:var(--text-muted);margin-bottom:1rem}.blog-card time,.article-header time{font-size:.82rem;color:var(--text-muted)}.blog-card-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.82rem}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}.blog-pagination a{color:var(--primary);font-weight:700}.blog-empty{text-align:center;padding:5rem 1rem}.article-layout{max-width:900px;padding-top:5rem;padding-bottom:6rem}.article-header{position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;box-shadow:none!important;text-align:center;max-width:800px;margin:0 auto 3rem}.article-header h1{font-size:3rem;line-height:1.15;margin:.5rem 0 1.2rem}.article-excerpt{font-size:1.2rem;color:var(--text-muted);line-height:1.65}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:3.5rem}.article-content{max-width:760px;margin:auto;font-family:Georgia,serif;font-size:1.1rem;line-height:1.85}.article-content h2,.article-content h3,.article-content h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.25;margin:2.2em 0 .7em}.article-content h2{font-size:1.8rem}.article-content h3{font-size:1.4rem}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 1.4rem}.article-content ul,.article-content ol{padding-left:1.6rem}.article-content ul{list-style:disc}.article-content blockquote{border-left:4px solid var(--primary);background:var(--bg-accent-soft);padding:1rem 1.5rem;font-style:italic}.article-content a{color:var(--primary)}.article-content img{border-radius:10px;margin:2rem auto}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:4rem auto 0;max-width:760px;padding:1.6rem 1.8rem;background:linear-gradient(135deg,#faf7ff,#fff);border:1px solid var(--border-accent);border-radius:14px}.article-cta-copy{min-width:0}.article-cta-label{display:block;margin-bottom:.25rem;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-cta h2{margin:0 0 .45rem;font-size:1.25rem;line-height:1.3}.article-cta p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.55}.article-cta .btn{flex:0 0 auto;white-space:nowrap}.article-cta-reassurance{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.75rem;color:var(--text-muted);font-size:.7rem}.article-cta-reassurance span:not(:last-child)::after{content:"·";margin-left:1rem}.blog-not-found{padding:7rem 1.5rem;text-align:center}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.article-header h1{font-size:2.4rem}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-hero h1,.article-header h1{font-size:2.15rem}.blog-hero{padding:4rem 0 3rem}.article-layout{padding-top:3.5rem}.article-content{font-size:1.02rem}.article-cta{align-items:flex-start;flex-direction:column;padding:1.4rem}.article-cta .btn{width:100%;text-align:center}.article-cta-reassurance{display:grid;gap:.25rem}.article-cta-reassurance span::after{display:none}}
.article-reading-bar{position:fixed;top:80px;left:0;right:0;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(15,23,42,.05);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.2s ease}.article-reading-bar.is-visible{transform:translateY(0);opacity:1}.article-reading-bar .container{height:54px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.article-reading-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.article-reading-bar span{flex-shrink:0;color:var(--text-muted);font-size:.78rem}@media(max-width:620px){.article-reading-bar{top:80px}.article-reading-bar span{display:none}}
.preview-banner{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:10px;padding:12px 16px;margin-bottom:2rem;text-align:center;font-weight:700}
.article-collection{display:inline-block;margin-left:.5rem;color:var(--secondary);background:#fdf2f8;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:800}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.5rem;color:var(--text-muted);font-size:.82rem}.article-meta span:not(:last-child)::after,.article-meta time:not(:last-child)::after{content:"·";margin-left:1rem}.related-resources{max-width:900px;margin:4rem auto 0}.related-resources h2{text-align:center;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-grid article{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.related-grid a{display:block;height:100%;padding:1.2rem;text-decoration:none}.related-grid img{width:calc(100% + 2.4rem);max-width:none;margin:-1.2rem -1.2rem 1rem;aspect-ratio:16/9;object-fit:cover}.related-grid h3{font-size:1rem;line-height:1.35;margin:0 0 .5rem}.related-grid p{color:var(--text-muted);font-size:.86rem;margin:0}@media(max-width:620px){.article-meta{flex-direction:column;gap:.25rem}.article-meta span::after,.article-meta time::after{display:none}.article-collection{margin-left:0}}

.guide-download{display:grid;grid-template-columns:84px 1fr;gap:1.5rem;align-items:start;max-width:760px;margin:4rem auto;padding:2rem;border:1px solid #ddd6fe;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#fff);box-shadow:0 18px 45px rgba(109,40,217,.08)}.guide-download-icon{display:grid;place-items:center;width:72px;height:86px;border-radius:10px;background:var(--primary);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 20px rgba(109,40,217,.22)}.guide-eyebrow{margin:0 0 .35rem!important;color:var(--primary);font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.guide-download h2{margin:0 0 .5rem;font-size:1.45rem}.guide-download-copy>p{margin:0 0 1.25rem;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;line-height:1.55}.guide-form-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:.75rem}.guide-form-fields label{font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700}.guide-form-fields input{width:100%;min-height:48px;margin-top:.35rem;border:1px solid var(--border);border-radius:9px;padding:.7rem .85rem;font:inherit}.guide-form-fields button{grid-column:1/-1;min-height:48px;border:0;border-radius:9px;padding:.7rem 1.1rem;background:var(--primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}.guide-consent{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;line-height:1.45}.guide-consent input{margin-top:.18rem}.guide-privacy{margin:.8rem 0 0!important;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif;font-size:.7rem!important;line-height:1.45!important}.guide-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:620px){.guide-download{grid-template-columns:1fr;padding:1.4rem}.guide-download-icon{width:58px;height:68px}.guide-form-fields{grid-template-columns:1fr}.guide-form-fields button{grid-column:auto;width:100%}}

.guide-preview{max-width:760px;margin:-2rem auto 4rem}.guide-preview-label{text-align:center;color:var(--primary);font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.guide-preview-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,210px));justify-content:center;gap:.9rem;max-width:700px;margin:.85rem auto 0}.guide-preview-pages figure{position:relative;margin:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .25s ease,box-shadow .25s ease;transform-origin:center}.guide-preview-pages img{display:block;width:100%;height:auto}.guide-preview-pages figure.is-last::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 78%);pointer-events:none}@media(hover:hover) and (pointer:fine){.guide-preview-pages figure:hover{z-index:2;transform:scale(1.08);box-shadow:0 18px 38px rgba(15,23,42,.16)}}@media(max-width:620px){.guide-preview{margin:-1.5rem auto 3rem}.guide-preview-pages{grid-template-columns:repeat(auto-fit,minmax(120px,160px));gap:.7rem}}

.article-content table{width:100%;margin:2rem 0;border-collapse:collapse;font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem}.article-content th,.article-content td{padding:.8rem;border:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{background:var(--bg-accent-soft);font-weight:800}.article-content figure{margin:2rem 0}.article-content figcaption{margin-top:.6rem;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;text-align:center}.article-content details{margin:1.5rem 0;border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;background:#fff}.article-content summary{cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}.article-content pre{max-width:100%;overflow:auto;margin:1.5rem 0;padding:1rem;border-radius:10px;background:#111827;color:#f8fafc;font-size:.88rem;line-height:1.6}.article-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-content hr{margin:2.5rem 0;border:0;border-top:1px solid var(--border)}@media(max-width:620px){.article-content table{display:block;overflow-x:auto}}

.blog-guide-badge{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 2rem);padding:.5rem .8rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 22px rgba(109,40,217,.28)}.blog-card.has-guide>a:first-of-type{display:block}.blog-card.has-guide>a:first-of-type img{display:block}


.article-breadcrumb{width:100%;margin:0 0 2.4rem;font-family:'Plus Jakarta Sans',sans-serif}.article-breadcrumb ol{display:flex;align-items:center;gap:.55rem;min-width:0;margin:0;padding:0;overflow:hidden;list-style:none;color:var(--text-muted);font-size:.78rem;line-height:1.4}.article-breadcrumb li{display:flex;align-items:center;min-width:0;white-space:nowrap}.article-breadcrumb li:not(:last-child)::after{content:"›";flex:0 0 auto;margin-left:.55rem;color:#b6a9c9;font-weight:700}.article-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.article-breadcrumb a:hover,.article-breadcrumb a:focus-visible{color:var(--primary);text-decoration:underline}.article-breadcrumb .breadcrumb-current{flex:1;overflow:hidden;color:var(--text-main);font-weight:700;text-overflow:ellipsis}.article-breadcrumb .breadcrumb-category{color:var(--primary);font-weight:700}@media(max-width:620px){.article-breadcrumb{margin-bottom:1.7rem}.article-breadcrumb .breadcrumb-category{display:none}.article-breadcrumb .breadcrumb-category::after{display:none}.article-breadcrumb ol{font-size:.73rem}}