.blog-page{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-article{max-width:720px;margin:0 auto;padding:32px 20px 80px}.blog-article__meta{color:var(--ts-text-muted);align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.blog-article__meta a{color:var(--ts-text-muted);text-decoration:none}.blog-article__meta a:hover{color:var(--ts-text-strong)}.blog-article__title{letter-spacing:-.03em;color:var(--ts-text-strong);margin:12px 0 16px;font-size:44px;font-weight:800;line-height:1.12}@media (max-width:640px){.blog-article__title{font-size:32px}}.blog-article__subtitle{color:var(--ts-text-muted);margin:0 0 24px;font-size:20px;font-weight:400;line-height:1.45}.blog-article__byline{border-top:1px solid var(--ts-border);border-bottom:1px solid var(--ts-border);color:var(--ts-text-muted);align-items:center;gap:12px;margin-bottom:32px;padding:16px 0;font-size:14px;display:flex}.blog-article__byline strong{color:var(--ts-text-strong);font-weight:600}.blog-article__cover{aspect-ratio:16/9;color:#fff;letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#0d9488 0%,#06b6d4 50%,#0284c7 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;margin:0 0 32px;padding:24px;font-size:28px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 8px 24px #0d948826}.blog-article__toc{background:var(--ts-bg-subtle);border:1px solid var(--ts-border);border-radius:12px;margin:0 0 40px;padding:20px 24px}.blog-article__toc h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ts-text-muted);margin:0 0 12px;font-size:12px;font-weight:700}.blog-article__toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.blog-article__toc li{counter-increment:toc;padding:3px 0 3px 26px;font-size:14.5px;line-height:1.5;position:relative}.blog-article__toc li:before{content:counter(toc);color:var(--ts-text-muted);background:var(--ts-surface);border:1px solid var(--ts-border);text-align:center;border-radius:4px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:3px;left:0}.blog-article__toc a{color:var(--ts-text);text-decoration:none}.blog-article__toc a:hover{color:#0d9488;text-decoration:underline}.blog-article__body{color:var(--ts-text);font-family:Georgia,Charter,ui-serif,serif;font-size:18px;line-height:1.72}.blog-article__body h2{letter-spacing:-.02em;color:var(--ts-text-strong);margin:48px 0 16px;scroll-margin-top:80px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:800;line-height:1.25}.blog-article__body h3{color:var(--ts-text-strong);margin:36px 0 12px;scroll-margin-top:80px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700;line-height:1.3}.blog-article__body p{margin:0 0 20px}.blog-article__body a{color:#0d9488;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-article__body a:hover{color:#0f766e}.blog-article__body ul,.blog-article__body ol{margin:0 0 20px;padding-left:26px}.blog-article__body li{margin:6px 0}.blog-article__body strong{color:var(--ts-text-strong);font-weight:700}.blog-article__body blockquote{color:var(--ts-text-muted);border-left:4px solid #0d9488;margin:24px 0;padding:4px 20px;font-style:italic}.blog-article__body code{background:var(--ts-code-bg);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-callout{color:var(--ts-text);background:#0d94880f;border-left:4px solid #0d9488;border-radius:10px;margin:28px 0;padding:18px 20px;font-family:Poppins,-apple-system,sans-serif;font-size:15px;line-height:1.65}.blog-callout--warn{background:#f59e0b14;border-left-color:#f59e0b}.blog-callout--info{background:#0284c70f;border-left-color:#0284c7}.blog-callout__title{color:var(--ts-text-strong);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13px;font-weight:700}.blog-embedded-tool{background:var(--ts-surface);border:1px solid var(--ts-border);box-shadow:var(--ts-shadow-card);border-radius:14px;margin:40px -12px;padding:24px;font-family:Poppins,sans-serif}@media (min-width:800px){.blog-embedded-tool{margin:40px -80px}}.blog-embedded-tool__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ts-text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.blog-progress{z-index:100;background:linear-gradient(90deg,#0d9488,#06b6d4);width:0;height:3px;transition:width 50ms linear;position:fixed;top:0;left:0}.blog-index{max-width:1100px;margin:0 auto;padding:48px 24px 96px}.blog-index__hero{text-align:center;margin-bottom:48px}.blog-index__hero h1{letter-spacing:-.03em;color:var(--ts-text-strong);margin:0 0 12px;font-size:44px;font-weight:800}.blog-index__hero p{color:var(--ts-text-muted);max-width:560px;margin:0 auto;font-size:17px;line-height:1.55}.blog-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-card{color:inherit;text-decoration:none;transition:transform .2s;display:block}.blog-card:hover{transform:translateY(-2px)}.blog-card__cover{aspect-ratio:16/9;color:#fff;text-align:center;background:linear-gradient(135deg,#0d9488,#06b6d4,#0284c7);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;padding:16px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.blog-card__meta{color:var(--ts-text-muted);gap:10px;margin-bottom:8px;font-size:12px;display:flex}.blog-card__tag{color:#0d9488;background:#0d94881a;border-radius:4px;padding:2px 8px;font-weight:600}.blog-card__title{color:var(--ts-text-strong);letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3}.blog-card__excerpt{color:var(--ts-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-related{border-top:1px solid var(--ts-border);margin-top:64px;padding-top:32px}.blog-related h2{color:var(--ts-text-strong);margin:0 0 20px;font-family:Poppins,sans-serif;font-size:22px;font-weight:800}
