.blog-article-page{overflow-x:clip;background:var(--bg)}.blog-article-page .home-section-wrap{width:var(--wrap);margin-inline:auto}.blog-article-wrap{max-width:920px}.blog-article-hero{padding:28px 0 0;border-bottom:none}.blog-article-hero,.blog-article-hero.tone-gold,.blog-article-hero.tone-green,.blog-article-hero.tone-live,.blog-article-hero.tone-soft{background:transparent}.blog-article-hero .blog-article-wrap{padding:28px 24px;border:1px solid rgba(203,220,221,.12);border-radius:22px;background:linear-gradient(165deg,rgba(32,66,94,.38),rgba(15,25,35,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.blog-article-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;padding:0 12px;min-height:34px;border:1px solid rgba(203,220,221,.12);border-radius:999px;background:rgba(0,0,0,.16);color:rgba(255,255,255,.78);font-size:.8rem;font-weight:800;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.blog-article-back:focus-visible,.blog-article-back:hover{border-color:rgba(42,193,185,.28);background:rgba(42,193,185,.08);color:#fff;outline:none}.blog-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.blog-article-cat{display:inline-flex;align-items:center;min-height:28px;margin-bottom:12px;padding:0 10px;border:1px solid rgba(203,220,221,.14);border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tone-gold .blog-article-cat,.tone-green .blog-article-cat,.tone-live .blog-article-cat,.tone-soft .blog-article-cat{border-color:rgba(203,220,221,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.78)}.blog-article-hero-copy h1{margin:0 0 12px;color:#fff;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.45rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}.blog-article-lead{margin:0 0 14px;max-width:640px;color:rgba(255,255,255,.76);font-size:1.02rem;line-height:1.65}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:rgba(255,255,255,.52);font-size:.8rem;font-weight:700}.blog-article-visual{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(203,220,221,.12);border-radius:22px;background:rgba(15,25,35,.55);font-size:2.2rem;line-height:1}.blog-article-visual.has-cover{background-position:50%;background-size:cover}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;padding:28px 0 8px}.blog-article-body{max-width:68ch;padding:24px 22px;border:1px solid rgba(203,220,221,.1);border-radius:18px;background:rgba(25,39,51,.42)}.blog-article-body p{margin:0 0 18px;color:rgba(255,255,255,.84);font-size:1.03rem;line-height:1.75}.blog-article-body p:first-child{color:#fff;font-size:1.08rem}.blog-article-body p:last-child{margin-bottom:0}.blog-article-body h2,.blog-article-body h3,.blog-article-body h4{margin:28px 0 12px;color:#fff;font-family:var(--font-display);line-height:1.25}.blog-article-body ol,.blog-article-body ul{margin:0 0 18px;padding-left:24px;color:rgba(255,255,255,.84);line-height:1.75}.blog-article-body blockquote{margin:22px 0;padding:4px 0 4px 18px;border-left:3px solid var(--green);color:rgba(255,255,255,.76)}.blog-article-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.blog-article-aside{position:sticky;top:88px}.blog-article-cta{display:grid;gap:12px;padding:18px;border:1px solid rgba(42,193,185,.18);border-radius:18px;background:linear-gradient(165deg,rgba(42,193,185,.08),rgba(15,25,35,.35)),rgba(25,39,51,.72)}.blog-article-cta h2{margin:0;color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:900;line-height:1.3}.blog-article-cta p{margin:0;color:rgba(255,255,255,.72);font-size:.86rem;line-height:1.55}.blog-article-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;padding:0 18px;border-radius:12px;background:linear-gradient(180deg,#3fd9d1 0,var(--green) 100%);box-shadow:0 10px 24px rgba(42,193,185,.2);color:var(--bg);font-size:.82rem;font-weight:900;text-decoration:none;text-transform:uppercase;transition:transform .16s ease,filter .16s ease}.blog-article-cta-btn:focus-visible,.blog-article-cta-btn:hover{transform:translateY(-1px);filter:brightness(1.04);outline:none}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 28px}.blog-article-tags span{min-height:30px;padding:0 10px;border:1px solid rgba(203,220,221,.1);border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.68);font-size:.76rem;font-weight:800;line-height:30px}.blog-article-related{padding:28px 0 12px;border-top:1px solid rgba(203,220,221,.1)}.blog-article-related h2{margin:0 0 16px;color:#fff;font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:900;letter-spacing:-.03em}.blog-article-related .blog-list{display:grid;gap:12px}.blog-article-related .blog-card-list{border-color:rgba(203,220,221,.1);border-radius:16px;background:rgba(25,39,51,.72);box-shadow:none}.blog-article-related .blog-card-list:hover{border-color:rgba(42,193,185,.22);background:rgba(25,39,51,.88);transform:translateY(-1px)}.blog-article-related .blog-card-visual,.blog-article-related .tone-gold .blog-card-visual,.blog-article-related .tone-green .blog-card-visual,.blog-article-related .tone-live .blog-card-visual,.blog-article-related .tone-soft .blog-card-visual{width:72px;height:72px;border-radius:14px;background:rgba(15,25,35,.55);color:#fff}.blog-article-related .blog-card-body h3{color:#fff}.blog-article-related .blog-card-body p{color:rgba(255,255,255,.72)}@media (max-width:860px){.blog-article-hero .blog-article-wrap{padding:22px 18px}.blog-article-hero-grid{grid-template-columns:1fr}.blog-article-visual{width:72px;height:72px;font-size:1.8rem}.blog-article-layout{grid-template-columns:1fr}.blog-article-body{padding:20px 18px}.blog-article-aside{position:static}}