@layer components{.art-hero{padding:clamp(40px,6vw,88px) 0 clamp(120px,14vw,200px)}.art-hero-glow{pointer-events:none;background:radial-gradient(closest-side,#3b6bff4d,#7b3fff1f 55%,#0000);border-radius:50%;width:900px;height:900px;position:absolute;inset:auto -10% -40% auto}.art-back{color:#c9cfee;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:color .2s,gap .3s;display:inline-flex}.art-back:hover{color:#fff;gap:11px}.art-chip{color:#bfefff;background:#7fd8ff14;border:1px solid #7fd8ff59;border-radius:999px;padding:5px 11px}.art-title{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;text-wrap:balance;margin-top:22px;font-size:clamp(2.3rem,5vw,4.6rem);font-weight:800;line-height:.98}.art-dek{color:#c9cfee;text-wrap:pretty;max-width:62ch;margin-top:22px;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.art-object{filter:drop-shadow(0 40px 50px #00000080);width:clamp(180px,18vw,260px);animation:vfIn 1.15s var(--ease-out-expo) both, float 7s ease-in-out infinite 1.2s}.art-cover{z-index:2;margin-top:calc(-1*clamp(90px,11vw,160px));position:relative}.art-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (min-width:1024px){.art-grid{grid-template-columns:200px minmax(0,720px) 200px;justify-content:center;gap:56px}}.art-rail>*{top:calc(var(--nav-h) + 32px);position:sticky}.art-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px;font-size:11px}.art-toc ol{border-left:1px solid var(--color-line);flex-direction:column;gap:2px;display:flex}.art-toc a{color:var(--color-muted);border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 14px;font-size:13.5px;line-height:1.35;transition:color .2s,border-color .2s;display:block}.art-toc a:hover{color:var(--color-ink)}.art-toc a[aria-current=true]{color:var(--color-blue);border-left-color:var(--color-blue);font-weight:600}.art-share button,.art-share a{border:1px solid var(--color-line);width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;transition:transform .2s,border-color .2s,color .2s;display:grid}.art-share button:hover,.art-share a:hover{border-color:var(--color-blue);color:var(--color-blue);transform:translateY(-2px)}.art-copied{color:#0e7a55;margin-top:10px;font-size:12.5px;font-weight:700;display:inline-block}.art-prose{color:var(--color-ink-2);font-size:18px;line-height:1.75}.art-prose>p:first-child{color:var(--color-ink);font-size:21px;line-height:1.6}.art-prose p{text-wrap:pretty;margin:0 0 1.25em}.art-prose h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);scroll-margin-top:calc(var(--nav-h) + 24px);margin:2.2em 0 .6em;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:800;line-height:1.1}.art-prose h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);scroll-margin-top:calc(var(--nav-h) + 24px);margin:1.8em 0 .5em;font-size:1.3rem;font-weight:700}.art-prose a{color:var(--color-blue);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.art-prose strong{color:var(--color-ink)}.art-prose ul,.art-prose ol{flex-direction:column;gap:.55em;margin:0 0 1.4em;padding-left:0;display:flex}.art-prose ul li,.art-prose ol li{padding-left:30px;position:relative}.art-prose ul li:before{content:"";background:linear-gradient(135deg,#22c8ff,#7b3fff);border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:6px}.art-prose ol{counter-reset:art}.art-prose ol li{counter-increment:art}.art-prose ol li:before{content:counter(art);width:22px;height:22px;color:var(--color-blue);font:700 12px var(--font-mono);background:#eef1ff;border-radius:50%;place-items:center;display:grid;position:absolute;top:.2em;left:0}.art-prose blockquote{border-left:3px solid;border-image:linear-gradient(#22c8ff,#7b3fff) 1;margin:1.8em 0;padding:4px 0 4px 28px}.art-prose blockquote p{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;line-height:1.3}.art-callout{background:linear-gradient(135deg,#eef3ff,#f3edff);border:1px solid #dce3ff;border-radius:18px;margin:1.8em 0;padding:20px 22px}.art-callout.is-note{border-color:var(--color-line);background:#f6f7fb}.art-callout b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-blue);margin-bottom:4px;font-size:11px;display:block}.art-callout p{color:var(--color-ink);margin:0;font-size:16.5px;line-height:1.6}.art-prose code{font-family:var(--font-mono);color:#3b2fa8;background:#eef1fa;border-radius:6px;padding:2px 6px;font-size:.86em}.art-prose pre{background:#0a0f35;border-radius:16px;margin:1.6em 0;padding:18px 20px;overflow-x:auto}.art-prose pre code{color:#c9cfee;background:0 0;padding:0;font-size:13.5px;line-height:1.6}.art-prose hr{background:var(--color-line);border:0;height:1px;margin:2.4em 0}.art-card{border:1px solid var(--color-line);transition:transform .5s var(--ease-out-expo), box-shadow .5s;background:#fff;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 60px -45px #1e30a080}.art-card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -45px #1e30a0b3}.art-card-img{aspect-ratio:16/9;display:block;overflow:hidden}}.art-prose figure{margin:2em 0}.art-prose figure img{aspect-ratio:16/9;object-fit:cover;border-radius:20px;width:100%;display:block;box-shadow:0 40px 80px -50px #0b10338c}.art-prose figcaption{color:var(--color-muted);margin-top:12px;font-size:14px;line-height:1.5}.art-table{border:1px solid var(--color-line);border-radius:18px;margin:1.8em 0;overflow-x:auto}.art-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.art-table th{text-align:left;background:var(--color-mist);color:var(--color-ink);white-space:nowrap;padding:14px 18px;font-weight:700}.art-table td{border-top:1px solid var(--color-line);color:var(--color-ink-2);vertical-align:top;padding:14px 18px}@media (max-width:767px){.art-table table{font-size:14px}.art-table th,.art-table td{padding:10px 12px}.art-table th{white-space:normal}}