/* Optional enhancements. Unselected categories retain the static document layout. */
:root:not([data-list-motion~="marquee"]) .st-topic-track { animation:none; }
:root:not([data-list-motion~="marquee"]) .st-topic-set[aria-hidden] { display:none; }
:root:not([data-list-motion~="marquee"]) .st-topic-track { width:100%; justify-content:center; }
:root:not([data-list-motion~="marquee"]) .st-topic-set { flex-wrap:wrap; justify-content:center; padding:0; }
:root:not([data-scroll-motion~="reveal"]) [data-reveal] { animation:none; opacity:1; transform:none; }
:root[data-scroll-motion~="stack"] .st-featured-stack { display:flex; flex-direction:column; }
:root[data-scroll-motion~="stack"] .st-featured { position:sticky; top:calc(6rem + var(--card)*1rem); padding:1.5rem; background:var(--st-paper); border-top:1px solid var(--st-line); }
:root[data-scroll-motion~="stack"] .st-featured-inner { display:grid; grid-template-columns:1fr 1.35fr; align-items:center; gap:3rem; }
:root[data-scroll-motion~="stack"] .st-featured-art { aspect-ratio:1.75; }
:root[data-scroll-motion~="horizontal"] #selected:has(.st-featured-horizontal) { min-height:210vh; overflow:clip; }
.st-featured-stack.st-featured-horizontal { display:flex; width:max-content; position:sticky; top:7rem; gap:2rem; }
.st-featured-horizontal .st-featured { width:min(75vw,65rem); }
.st-featured-horizontal .st-featured:first-child .st-featured-inner { display:flex; }
.st-featured-horizontal .st-featured-art { aspect-ratio:2; }
[data-hero] > .st-visual { transform:translateY(var(--scene-parallax,0)); }
.st-pointer-ink { position:absolute; inset:-10px; pointer-events:none; background:color-mix(in srgb,var(--st-brand) 60%,transparent); opacity:0; z-index:1; }
:root[data-hover-motion~="underline"] :is(.st-nav a,.st-text-link,.st-featured-title a,.st-post-title a) { position:relative; text-decoration:none; }
:root[data-hover-motion~="underline"] :is(.st-nav a,.st-text-link,.st-featured-title a,.st-post-title a)::after { content:""; position:absolute; display:block; left:0; right:0; bottom:-3px; top:auto; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform 200ms var(--st-ease); pointer-events:none; }
:root[data-hover-motion~="underline"] :is(.st-nav a,.st-text-link,.st-featured-title a,.st-post-title a):is(:hover,:focus-visible,.st-demo-hover)::after { transform:scaleX(1); }
:root[data-hover-motion~="tilt"] :is(.st-featured,.st-post-art,.st-book) { position:relative; transform-style:preserve-3d; transition:transform 180ms var(--st-ease); }
:root[data-hover-motion~="tilt"] :is(.st-featured,.st-post-art,.st-book)::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at var(--glint-x,50%) var(--glint-y,50%),color-mix(in srgb,var(--st-paper) 30%,transparent),transparent 60%); opacity:0; transition:opacity 180ms; }
:root[data-hover-motion~="tilt"] :is(.st-featured,.st-post-art,.st-book):is(:hover,.st-demo-hover)::after { opacity:1; }
.st-pointer-dot { position:fixed; top:0; left:0; width:8px; height:8px; border-radius:50%; background:var(--st-accent); pointer-events:none; z-index:100; }
.st-reading-progress,.st-navigation-progress { position:fixed; inset:0 0 auto; height:3px; background:var(--st-accent); transform:scaleX(0); transform-origin:left; z-index:100; pointer-events:none; }
.st-navigation-progress.is-loading { animation:st-page-loading 10s cubic-bezier(.1,.8,.1,1) forwards; }
@keyframes st-page-loading { from{transform:scaleX(.08)}to{transform:scaleX(.92)} }
.st-toc-marker { position:absolute; left:0; top:0; width:2px; background:var(--st-accent); pointer-events:none; transition:transform 220ms var(--st-ease); }
.st-reading-popover { position:fixed; z-index:60; max-width:min(26rem,calc(100vw - 24px)); max-height:45vh; overflow:auto; white-space:pre-wrap; padding:1rem 1.25rem; border:1px solid var(--st-line); background:var(--st-paper); color:var(--st-ink); box-shadow:0 8px 28px color-mix(in srgb,var(--st-ink) 14%,transparent); font-size:1rem; line-height:1.75; }
.st-back-top { position:fixed; right:1.25rem; bottom:1.25rem; z-index:35; border:1px solid var(--st-line); background:var(--st-paper); color:var(--st-ink); padding:.75rem 1rem; font-size:1rem; cursor:pointer; }
.st-instant-search { color:var(--st-ink); background:var(--st-paper); border:1px solid var(--st-line); padding:2rem; width:min(44rem,calc(100vw - 2rem)); max-height:80svh; overflow:auto; margin-top:10svh; box-shadow:0 16px 60px color-mix(in srgb,var(--st-ink) 20%,transparent); }
.st-instant-search::backdrop { background:color-mix(in srgb,var(--st-ink) 40%,transparent); backdrop-filter:blur(8px); }
.st-instant-search form { display:flex; gap:1rem; align-items:center; padding-right:3.5rem; }
.st-instant-search input { width:100%; min-width:0; font:400 1.5rem/2 var(--st-title-serif); border:0; border-bottom:1px solid var(--st-line); background:transparent; color:inherit; outline-offset:4px; caret-color:var(--st-accent); }
.st-instant-search button { padding:.5rem; border:0; background:none; color:var(--st-accent); font:inherit; cursor:pointer; }
.st-search-close { position:absolute; right:1.5rem; top:2.5rem; }
.st-search-results { margin-top:2rem; }
.st-search-results article { padding:1rem 0; border-top:1px solid var(--st-line); display:grid; gap:.75rem; }
.st-search-results article>a:first-child { font:600 1.25rem/1.65 var(--st-title-serif); color:inherit; text-decoration:none; }
.st-footer-brand span { display:inline-block; transform-origin:bottom; }
:root[data-page-transition="curtain"]::view-transition-old(root) { animation:st-curtain-out 350ms var(--st-ease) both; }
:root[data-page-transition="curtain"]::view-transition-new(root) { animation:st-curtain-in 550ms var(--st-ease) both; }
@keyframes st-curtain-out { to{clip-path:inset(0 100% 0 0)} }
@keyframes st-curtain-in { from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)} }
:root[data-page-transition="off"]::view-transition-old(root),:root[data-page-transition="off"]::view-transition-new(root) { animation:none; }
::view-transition-group(article-title),::view-transition-group(article-cover) { animation-duration:500ms; animation-timing-function:cubic-bezier(.2,.7,.1,1); }
:root[data-theme-motion="circle"]::view-transition-old(root),:root[data-theme-motion="circle"]::view-transition-new(root) { animation:none; mix-blend-mode:normal; }
@media(max-width:700px) {
 :root[data-scroll-motion~="stack"] .st-featured { padding:0 0 1rem; top:5rem; }
 :root[data-scroll-motion~="stack"] .st-featured-inner { display:flex; gap:1rem; }
 .st-instant-search { padding:1.25rem; }
 .st-instant-search form { gap:.5rem; padding-right:0; margin-top:1.5rem; }
 .st-search-close { right:.75rem; top:.5rem; }
}
:root[data-reduced-motion="true"] :is(.st-featured,.st-toc-marker,.st-pointer-dot) { transform:none!important; transition:none!important; }
:root[data-reduced-motion="true"] .st-featured { position:relative; top:auto; }

.st-code-copy { display:block; margin:.5rem 1rem .75rem auto; padding:.35rem .65rem; color:var(--st-accent); background:var(--st-paper); border:1px solid var(--st-line); font:inherit; font-size:1rem; cursor:pointer; }
.st-reading-popover > a { display:block; font:600 1.25rem/1.6 var(--st-title-serif); color:var(--st-ink); }
.st-reading-popover :is(.st-article-byline,.st-byline) { display:flex; gap:.5rem; align-items:center; font-size:1rem; margin-top:.75rem; }
.st-reading-popover p { margin:.75rem 0 0; }
:root[data-reduced-motion="true"] .st-navigation-progress { animation:none; }
:root[data-reduced-motion="true"] [data-hover-motion]::after { transition:none; }

:root[data-shared-entry="true"] #article-title { view-transition-name:article-title; }
:root[data-shared-entry="true"] .st-article-cover,:root[data-shared-entry="true"] .st-article-imprint { view-transition-name:article-cover; }

:root[data-motion-quality="quiet"] .st-header::before { backdrop-filter:none; background:var(--st-paper); }
:root[data-motion-quality="quiet"] .st-weave-detail::backdrop,:root[data-motion-quality="quiet"] .st-instant-search::backdrop { backdrop-filter:none; }
