.content-page{--blog-accent-plan:#0284c7;--blog-accent-plan-strong:#0369a1;--blog-accent-fact:#7c3aed;--blog-border:#0f172a1f;--blog-border-strong:#0f172a38;--blog-horizon-grid:#0f172a12;--blog-text-secondary:var(--text-secondary,#475569);--blog-cta-surface:#f0f9ff;--blog-cta-border:#0284c747;--blog-card-hover:#0284c70d;--blog-chip-bg:#0284c712;--blog-chip-border:#0284c759;--blog-header-bg:#ffffffb8;--blog-cta-panel-bg:#ffffffbf;--blog-cta-panel-glow:#0284c726;--blog-btn-primary-bg:#78d5ff;--blog-btn-primary-bg-hover:#38bdf8;--blog-btn-primary-fg:#0b1220;background-color:var(--body-background,#f8fafc);min-height:100vh;color:var(--text-primary,#0f172a);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}html[data-theme=dark] .content-page{--blog-accent-plan:#0ea5e9;--blog-accent-plan-strong:#38bdf8;--blog-accent-fact:#8b5cf6;--blog-border:#94a3b838;--blog-border-strong:#94a3b85c;--blog-horizon-grid:#e2e8f014;--blog-text-secondary:var(--text-secondary,#94a3b8);--blog-cta-surface:#0284c71a;--blog-cta-border:#0ea5e94d;--blog-card-hover:#0ea5e914;--blog-chip-bg:#0ea5e91f;--blog-chip-border:#0ea5e96b;--blog-header-bg:#0f172aad;--blog-cta-panel-bg:#1e293bb8;--blog-cta-panel-glow:#0ea5e930;--blog-btn-primary-bg:#0284c7;--blog-btn-primary-bg-hover:#0369a1;--blog-btn-primary-fg:#f8fafc}@layer base{.content-page h1,.content-page h2,.content-page h3,.content-page p,.content-page ul,.content-page ol,.content-page figure{margin:0;padding:0}.content-page ul,.content-page ol{list-style:none}}.content-page a{color:inherit;text-decoration:none}.content-page :focus-visible{outline:2px solid var(--blog-accent-plan);outline-offset:2px;border-radius:2px}.content-page [id]{scroll-margin-top:76px}@media (prefers-reduced-motion:reduce){.content-page *,.content-page :before,.content-page :after{transition-duration:.01ms!important}}.content-header{z-index:50;border-bottom:1px solid var(--blog-border);background:var(--blog-header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.content-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.content-header__left{align-items:center;gap:22px;min-width:0;display:flex}.content-header__blog{color:var(--blog-text-secondary);font-size:15px;transition:color .15s}.content-header__blog:hover{color:var(--blog-accent-plan)}.content-brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;font-size:16px;font-weight:600;display:inline-flex}.content-header__controls{align-items:center;gap:8px;display:flex}.content-header__login{color:var(--text-primary);border:1px solid var(--blog-border);white-space:nowrap;background-color:#0000;border-radius:10px;align-items:center;margin-left:8px;padding:7px 14px;font-size:14px;font-weight:500;transition:border-color .15s;display:inline-flex}.content-header__login:hover{border-color:var(--blog-accent-plan)}.content-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:48px 24px 72px}.content-footer{border-top:1px solid var(--blog-border);padding:28px 24px 32px}.content-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto;display:flex}.content-brand--footer{font-size:15px;font-weight:600}.content-footer__nav{color:var(--blog-text-secondary);gap:24px;font-size:14px;display:flex}.content-footer__nav a:hover{color:var(--blog-accent-plan)}.content-footer__note{max-width:820px;color:var(--blog-text-secondary);margin:16px auto 0;font-size:13px}.blog-hero{margin-bottom:40px}.blog-hero h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:650;line-height:1.15}.blog-hero__subtitle{max-width:56ch;color:var(--blog-text-secondary);margin-top:14px;font-size:1.0625rem;line-height:1.6}.blog-hero__horizon{width:100%;height:auto;color:var(--blog-accent-plan);margin-top:28px;display:block}.blog-list{border-top:1px solid var(--blog-border)}.post-card{border-bottom:1px solid var(--blog-border);border-radius:14px;grid-template-columns:150px 1fr;gap:8px 32px;margin-inline:-20px;padding:28px 20px;transition:background-color .18s;display:grid}.post-card:hover{background-color:var(--blog-card-hover)}.post-card__meta{color:var(--blog-text-secondary);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;padding-top:5px;font-size:13.5px;line-height:1.4;display:flex}.post-card__title{letter-spacing:-.01em;text-wrap:balance;font-size:1.375rem;font-weight:600;line-height:1.3}.post-card__title a{transition:color .15s}.post-card__title a:hover{color:var(--blog-accent-plan)}.post-card__desc{max-width:62ch;color:var(--blog-text-secondary);margin-top:10px;font-size:.9375rem;line-height:1.65}.post-card__foot{justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;display:flex}.post-card__tags{color:var(--blog-text-secondary);font-size:13px}.post-card__tag{color:var(--blog-text-secondary);border-bottom:1px dashed var(--blog-chip-border);transition:color .15s,border-color .15s}.post-card__tag:hover{color:var(--blog-accent-plan);border-bottom-color:var(--blog-accent-plan)}.blog-filter{flex-wrap:wrap;gap:8px;margin:-12px 0 8px;display:flex}.blog-filter__chip{color:var(--blog-accent-plan);background-color:var(--blog-chip-bg);border:1px solid var(--blog-chip-border);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13.5px;transition:background-color .15s,border-color .15s;display:inline-flex}.blog-filter__chip:hover{border-color:var(--blog-accent-plan)}.blog-filter__chip span{color:var(--blog-text-secondary);font-size:12px;line-height:1}.blog-filter-empty{padding:32px 0 8px}.blog-filter-empty p{color:var(--blog-text-secondary);font-size:1rem}.blog-filter-empty a{color:var(--blog-accent-plan);margin-top:20px;font-size:15px;font-weight:500;display:inline-block}.blog-filter-empty a:hover{color:var(--blog-accent-plan-strong)}.blog-empty{padding:32px 0 8px}.blog-empty h1{letter-spacing:-.02em;font-size:clamp(1.6rem,3.5vw,2rem);font-weight:650}.blog-empty p{max-width:52ch;color:var(--blog-text-secondary);margin-top:14px;font-size:1rem;line-height:1.65}.blog-empty a{color:var(--blog-accent-plan);margin-top:24px;font-size:15px;font-weight:500;display:inline-block}.blog-empty a:hover{color:var(--blog-accent-plan-strong)}.article-header{margin-bottom:36px}.article-header h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:650;line-height:1.2}.article-meta{color:var(--blog-text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 24px;margin-top:16px;font-size:14px;display:flex}.article-meta time{color:var(--text-primary)}.article-meta__author{color:var(--text-primary);font-weight:500}.article-lede{color:var(--blog-text-secondary);max-width:62ch;margin-top:20px;font-size:1.125rem;line-height:1.65}.article-toc{border:1px solid var(--blog-border);border-radius:14px;margin:36px 0;padding:20px 26px}.article-toc__title{color:var(--blog-text-secondary);margin-bottom:10px;font-size:13.5px;font-weight:600}.article-toc ol{flex-direction:column;gap:8px;display:flex}.article-toc a{color:var(--text-primary);font-size:15px;line-height:1.45}.article-toc a:hover{color:var(--blog-accent-plan)}.article-related{margin-top:56px}.article-related__title{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.article-related .blog-list{border-top:none;margin-top:12px}.article-footer{margin-top:48px;font-size:15px}.article-footer a{color:var(--blog-accent-plan)}.article-footer a:hover{color:var(--blog-accent-plan-strong)}.blog-prose{--tw-prose-body:var(--text-primary,#0f172a);--tw-prose-headings:var(--text-primary,#0f172a);--tw-prose-lead:var(--blog-text-secondary);--tw-prose-links:var(--blog-accent-plan);--tw-prose-bold:var(--text-primary,#0f172a);--tw-prose-counters:var(--blog-accent-plan);--tw-prose-bullets:var(--blog-border-strong);--tw-prose-hr:var(--blog-border);--tw-prose-quotes:var(--blog-text-secondary);--tw-prose-quote-borders:var(--blog-accent-plan);--tw-prose-captions:var(--blog-text-secondary);--tw-prose-code:var(--text-primary,#0f172a);--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#0f172a;--tw-prose-th-borders:var(--blog-border-strong);--tw-prose-td-borders:var(--blog-border);max-width:68ch}.blog-prose h2{letter-spacing:-.01em;text-wrap:balance;margin-top:2.25em;margin-bottom:.75em;font-size:1.375rem;font-weight:650}.blog-prose h3{margin-top:1.75em;margin-bottom:.6em;font-size:1.125rem;font-weight:600}.blog-prose p,.blog-prose ul,.blog-prose ol{margin-top:1.1em}.blog-prose li{margin-top:.4em}.blog-prose strong{font-weight:600}.blog-prose a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--blog-accent-plan) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--blog-accent-plan) 45%, transparent);text-underline-offset:3px}.blog-prose a:hover{color:var(--blog-accent-plan-strong);-webkit-text-decoration-color:var(--blog-accent-plan-strong);text-decoration-color:var(--blog-accent-plan-strong)}.blog-prose blockquote{quotes:none;font-style:normal}.blog-prose code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.blog-prose :not(pre)>code{background-color:var(--blog-cta-surface);border:1px solid var(--blog-cta-border);word-break:break-word;border-radius:6px;padding:.1em .4em}.blog-prose table{font-variant-numeric:tabular-nums}.blog-prose thead th{font-weight:600}.blog-prose figure.blog-figure{margin:2.25em 0}.blog-prose figure.blog-figure img{cursor:zoom-in;border-radius:12px;max-width:100%;height:auto;margin:0 auto;display:block}.blog-prose figure.blog-figure figcaption{text-align:center;color:var(--blog-text-secondary);margin-top:.7em;font-size:.875em;line-height:1.5}.blog-prose img{border-radius:12px;max-width:100%;height:auto}.blog-lightbox-figure{background:var(--paper-background);border-radius:14px;width:fit-content;max-width:100%;margin:0 auto;padding:16px;box-shadow:0 18px 50px #0f172a59}.blog-lightbox-figure img{border-radius:8px;width:auto;max-width:100%;max-height:82vh;display:block}.blog-lightbox-close{cursor:pointer;width:36px;height:36px;color:var(--blog-text-secondary);background:var(--paper-background);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:10px;right:12px;box-shadow:0 2px 10px #0f172a40}.blog-lightbox-close:hover{color:var(--text-primary,inherit)}.blog-lightbox-close:focus-visible{outline:2px solid var(--blog-accent-plan);outline-offset:2px}.blog-prose figure.blog-figure img.blog-img-dark{display:none}[data-theme=dark] .blog-prose figure.blog-figure img.blog-img-dark{display:block}[data-theme=dark] .blog-prose figure.blog-figure img.blog-img-light{display:none}.blog-prose hr{margin-top:2.5em;margin-bottom:2.5em}@media (max-width:640px){.blog-prose table{display:block;overflow-x:auto}}.article-cta{text-align:center;background:radial-gradient(120% 150% at 50% -25%, var(--blog-cta-panel-glow), transparent 55%), var(--blog-cta-panel-bg);border:1px solid var(--blog-border);border-radius:32px;flex-direction:column;align-items:center;margin-top:56px;padding:40px 28px 36px;display:flex}.article-cta__title{letter-spacing:-.02em;text-wrap:balance;max-width:26ch;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}.article-cta__text{max-width:52ch;color:var(--blog-text-secondary);margin-top:12px;font-size:1.0625rem;line-height:1.6}.blog-btn{background:var(--blog-btn-primary-bg);color:var(--blog-btn-primary-fg);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.blog-btn:hover{background:var(--blog-btn-primary-bg-hover)}.article-cta__secondary{color:var(--blog-text-secondary);margin-top:16px;font-size:14px;transition:color .15s}.article-cta__secondary:hover{color:var(--blog-accent-plan)}@media (max-width:479px){.content-header [data-slot=select-value]{display:none}}@media (max-width:640px){.content-main{padding:36px 20px 56px}.content-header__inner{gap:8px;padding:12px 16px}.content-header__left{gap:10px}.content-brand{gap:8px;font-size:15px}.content-header__blog{font-size:13.5px}.content-header__controls{gap:4px}.content-header__login{margin-left:0;padding:6px 10px;font-size:13px}.post-card{grid-template-columns:1fr;gap:10px;margin-inline:-20px;padding:24px 20px}.post-card__meta{flex-flow:wrap;gap:4px 16px;padding-top:0}.post-card__title{font-size:1.25rem}.article-cta{padding:32px 22px 28px}}
