.article-page{gap:var(--space-lg)}.back{align-self:flex-start;align-items:center;min-height:44px;display:inline-flex}.back:hover{color:var(--text)}.article{gap:var(--space-xl);flex-direction:column;width:100%;max-width:760px;margin:0 auto;display:flex}.article h1{font-size:var(--font-display);margin:var(--space-sm) 0 0;overflow-wrap:anywhere;line-height:52px}.toc{gap:var(--space-sm);flex-direction:column;display:flex}.toc ol{padding-left:var(--space-xl);flex-direction:column;margin:0;display:flex}.toc a{padding:var(--space-xs) 0;color:var(--text-muted);display:inline-block}.toc a:hover{color:var(--text);text-decoration:underline}.bb{font-size:var(--font-body);overflow-wrap:anywhere;white-space:pre-line;gap:var(--space-md);flex-direction:column;max-width:70ch;line-height:26px;display:flex}.bb>*{min-width:0}.bb-p{white-space:pre-line}.bb a{color:var(--accent-text);text-decoration:underline}.bb a:hover{color:var(--text)}.bb h2,.bb h3,.bb h4{font-family:var(--ff-display), sans-serif;text-transform:uppercase;margin:var(--space-lg) 0 0;white-space:normal;scroll-margin-top:72px}.bb h2{font-size:var(--font-h1);letter-spacing:1px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);line-height:36px}.bb h3{font-size:var(--font-h2);letter-spacing:1px;line-height:28px}.bb h4{font-size:var(--font-h3);letter-spacing:1px;color:var(--text-muted);line-height:24px}.bb ul,.bb ol{padding-left:var(--space-xl);gap:var(--space-xs);white-space:normal;flex-direction:column;margin:0;display:flex}.bb li>ul,.bb li>ol{margin-top:var(--space-xs)}.bb img{border-radius:var(--radius-sm);border:1px solid var(--border);vertical-align:top;max-width:100%;height:auto}.bb blockquote{padding-left:var(--space-lg);border-left:3px solid var(--accent);color:var(--text-muted);margin:0}.bb pre{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;overflow-x:auto}.bb hr{border:0;border-top:1px solid var(--border);width:100%}.bb-table{white-space:normal;overflow-x:auto}.bb-table table{border-collapse:collapse;min-width:100%}.bb-table td,.bb-table th{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);text-align:left;vertical-align:top}.bb-table th{background:var(--surface)}.bb a.bb-video{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);text-decoration:none;display:flex}.bb a.bb-video:hover{border-color:var(--accent)}.bb-video-cta{font-family:var(--ff-display), sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--accent-text);font-weight:700}@media (max-width:640px){.article h1{font-size:var(--font-h1);line-height:36px}.bb{font-size:var(--font-small);line-height:24px}}.ar-progress{z-index:9;background:var(--accent);height:3px;box-shadow:0 0 12px var(--accent);transform-origin:0;display:none;position:fixed;inset:56px 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.ar-progress{animation:linear both ar-fill;animation-timeline:scroll(root);display:block}}@keyframes ar-fill{to{transform:scaleX(1)}}.ar-head{isolation:isolate;gap:var(--space-sm);padding:var(--space-2xl) var(--space-xl);margin:0 calc(-1 * var(--space-xl));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface) url(/art/entity-spikes.webp) center 30% / cover;flex-direction:column;display:flex;position:relative;overflow:hidden}.ar-head:before{content:"";z-index:0;background:linear-gradient(180deg, #0b0a0ac7, var(--bg) 98%);position:absolute;inset:0}.ar-head>*{z-index:2;position:relative}.ar-head>.hero-mist{z-index:1;position:absolute}.ar-head h1{text-wrap:balance;animation:.8s cubic-bezier(.2,.7,.2,1) .1s backwards rise}.ar-head h1+p{animation:.8s cubic-bezier(.2,.7,.2,1) .25s backwards rise}.bb{animation:.9s cubic-bezier(.2,.7,.2,1) .3s backwards rise}.bb>.bb-p:first-child{font-size:var(--font-h3);color:var(--text);line-height:30px}.bb h2:before,.bb h3:before{content:"";width:10px;height:10px;margin-right:var(--space-sm);background:var(--accent);vertical-align:middle;display:inline-block;rotate:45deg}.bb h2{border-bottom-color:var(--border-strong)}.bb img{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s;box-shadow:0 14px 36px -16px #000000e6}.bb img:hover{border-color:var(--accent);transform:scale(1.015)}.bb li::marker{color:var(--accent-text)}.toc a{transition:color .2s,transform .2s}.toc a:hover{color:var(--accent-text);text-decoration:none;transform:translate(4px)}.toc ol{counter-reset:toc;list-style:none}.toc li{counter-increment:toc}.toc li:before{content:counter(toc, decimal-leading-zero);margin-right:var(--space-sm);font-family:var(--ff-display), sans-serif;color:var(--accent-text);font-weight:700}@media (max-width:640px){.ar-head{padding:var(--space-xl) var(--space-lg);margin:0 calc(-1 * var(--space-sm))}.ar-progress{top:0}.bb>.bb-p:first-child{font-size:var(--font-body);line-height:26px}}.ar-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;animation:.6s cubic-bezier(.2,.7,.2,1) backwards rise;display:flex}.ar-perks{flex-direction:column;animation:.8s cubic-bezier(.2,.7,.2,1) .25s backwards rise;display:flex}.ar-perks .h-section{margin:0}.ar-count{border-radius:var(--radius-pill);background:var(--accent);min-width:24px;height:24px;color:var(--on-accent);font-size:var(--font-label);place-items:center;padding:0 6px;display:inline-grid}.ar-perks .perk-tile{padding:var(--space-md)}.ar-perks .perk-tile p{-webkit-line-clamp:2;font-size:var(--font-small)}.ar-more{width:100%;max-width:1100px;margin:var(--space-xl) auto 0}.ar-more .nw-card h3{margin:0}
