.back-to-content[data-astro-cid-m3kndk4m]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.back-to-content[data-astro-cid-m3kndk4m]:active{transform:translateY(-2px)}.article-page{background:radial-gradient(circle at 8% 0%,rgba(37,99,235,.08),transparent 28%),linear-gradient(180deg,#f8fafc,#fff 36rem)}.article-layout{align-items:start}.article-main{min-width:0}.article-hero{margin-bottom:2.5rem;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#fffffff0;padding:1.25rem;box-shadow:0 22px 54px #0f172a14}@media(min-width:768px){.article-hero{padding:2rem}}.article-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.article-badge{display:inline-flex;min-height:2rem;align-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;padding:.35rem .75rem;color:#334155;font-size:.875rem;font-weight:900;line-height:1.2;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}.article-badge:hover,.article-badge:focus-visible{border-color:#2563eb80;background:#eff6ff;color:#1d4ed8;outline:none}.article-badge-primary{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.article-badge-secondary{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.article-badge-outline{color:#475569}.article-hero h1{margin:0;color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:900;letter-spacing:0;line-height:1.12;overflow-wrap:anywhere}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin:1.25rem 0 1.5rem;color:#64748b;font-size:.92rem;font-weight:700;line-height:1.5}.article-meta>div{display:inline-flex;align-items:center;gap:.4rem}.article-share-top{margin-bottom:1.5rem}.article-eyecatch{overflow:hidden;margin-bottom:2rem;border-radius:8px;background:#f8fafc;box-shadow:0 14px 34px #0f172a14}.article-description{display:flex;gap:.9rem;align-items:flex-start;margin-top:1.5rem;border:1px solid #dbeafe;border-radius:8px;background:linear-gradient(180deg,#fff,#eff6ff);padding:1rem;color:#1e3a8a}.article-description p{margin:0;color:#334155;font-size:.98rem;font-weight:700;line-height:1.85}.article-prose{color:#1e293b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.06rem;letter-spacing:0;line-height:1.95}.article-prose :where(p){margin:1.05rem 0;line-height:1.95}.article-prose :where(a){color:#1d4ed8;font-weight:800;text-decoration-thickness:.08em;text-underline-offset:.18em}.article-prose :where(strong){color:#0f172a;font-weight:900}.article-prose :where(h2){position:relative;margin:3.25rem 0 1.25rem;border-bottom:1px solid #dbe3ef;padding-bottom:.85rem;color:#0f172a;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:900;letter-spacing:0;line-height:1.28;scroll-margin-top:90px}.article-prose :where(h2):before{content:"";position:absolute;left:0;bottom:-1px;width:5rem;height:3px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#10b981)}.article-prose :where(h3){margin:2.25rem 0 .9rem;color:#0f172a;font-size:clamp(1.3rem,3vw,1.55rem);font-weight:900;letter-spacing:0;line-height:1.35;scroll-margin-top:90px}.article-prose :where(h4){margin:1.75rem 0 .65rem;color:#334155;font-size:1.12rem;font-weight:900;line-height:1.45}.article-prose :where(ul,ol){margin:1.15rem 0;padding-left:1.35rem}.article-prose :where(li){margin:.45rem 0;padding-left:.15rem}.article-prose :where(li)::marker{color:#2563eb;font-weight:900}.article-prose :where(blockquote){margin:2rem 0;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#fff,#eff6ff);padding:1rem 1.25rem;color:#334155;font-style:normal;box-shadow:0 12px 28px #2563eb14}.article-prose :where(blockquote p){margin:.5rem 0}.article-prose :where(img){border-radius:8px;box-shadow:0 18px 42px #0f172a1f}.article-prose :where(figure){margin:2rem 0}.article-prose :where(figcaption){margin-top:.75rem;color:#64748b;font-size:.9rem;line-height:1.7;text-align:center}.article-prose :where(table){width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dbe3ef;border-radius:8px;font-size:.95rem;line-height:1.65}.article-prose :where(th){background:#0f172a;color:#fff;padding:.85rem 1rem;font-weight:900;text-align:left}.article-prose :where(td){border-top:1px solid #e2e8f0;background:#fff;padding:.85rem 1rem;vertical-align:top}.article-prose :where(tr:nth-child(2n) td){background:#f8fafc}.article-prose :where(code){border:1px solid #dbe3ef;border-radius:6px;background:#f8fafc;padding:.12rem .35rem;color:#be123c;font-size:.9em;font-weight:800}.article-prose :where(pre){overflow-x:auto;border-radius:8px;background:#0f172a;padding:1rem;color:#e2e8f0;line-height:1.7}.article-prose :where(pre code){border:0;background:transparent;padding:0;color:inherit}.article-share-bottom{margin:2.5rem 0 3rem;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#fff;padding:1.25rem;text-align:center;box-shadow:0 14px 34px #0f172a0f}.article-share-bottom>div{margin-bottom:.75rem;color:#0f172a;font-weight:900}.article-footer{margin-top:3rem;border-top:1px solid #dbe3ef;padding-top:2rem}.article-sidebar{min-width:0}@media(min-width:1024px){.article-sidebar{position:sticky;top:5.5rem}}@media(max-width:640px){.article-hero{margin-bottom:2rem;padding:1rem}.article-meta{flex-direction:column;align-items:flex-start}.article-prose{font-size:1rem;line-height:1.9}.article-prose :where(table){display:block;overflow-x:auto;white-space:nowrap}}html{scroll-padding-top:70px}article.prose span[id^=ref-]{scroll-margin-top:70px}
