@layer tokens{
:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-link:#1d4ed8;--color-link-hover:#1e40af;--heading-accent:var(--color-primary);--heading-mark-bg:var(--color-highlight, var(--color-primary));--heading-mark-fg:var(--color-highlight-text, var(--color-background));--heading-code-bg:var(--color-code-bg, var(--color-surface));--heading-code-fg:var(--color-code-text, var(--color-text));--heading-link-decoration:var(--color-primary);--heading-rule:color-mix(in srgb, var(--heading-accent) 55%, transparent);--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-secondary:var(--color-text-muted);--color-background:#ffffff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-border-strong:var(--color-text);--color-border-soft:color-mix(in srgb, var(--color-border) 60%, transparent);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--article-bg:var(--color-background);--article-bg-opacity:0.95;--article-blur:0px;--article-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--font-body:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-heading:var(--font-body);--font-mono:ui-monospace, 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace;--leading-heading-expressive:1.35;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1.125rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--leading-prose:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--content-width:66ch;--content-max-width:var(--content-width);--post-text-size:1.25rem;--page-width:1200px;--grid-max-width:1400px;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--article-progress-height:3px;--article-progress-track:color-mix(in srgb, var(--color-text) 8%, transparent);--article-progress-start:var(--color-primary);--article-progress-end:var(--color-primary-light, var(--color-primary));--article-progress-glow:color-mix(in srgb, var(--color-primary) 35%, transparent);--gradient-accent:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--gradient-vibrant:linear-gradient(135deg, #c75b39, #d4856a, #e8b4a2);--gradient-warm:linear-gradient(135deg, #b85450, #cd7b5a, #d4a574);--gradient-cool:linear-gradient(135deg, #5a7a6c, #7a9e8c, #9eb9ae);--gradient-sunset:linear-gradient(135deg, #c76b50, #d4966a, #e2c08d);--gradient-ocean:linear-gradient(135deg, #4a6b7c, #6b8fa3, #8fb3c4);--gradient-catppuccin:linear-gradient(135deg, #b8a5c8, #d4c4d9, #e8dde8);--gradient-nord:linear-gradient(135deg, #7a8fa3, #8fa3b8, #a3b8c7);--gradient-dracula:linear-gradient(135deg, #9a8ab8, #b8a8c8, #c8bcd8);--gradient-gruvbox:linear-gradient(135deg, #c4a06c, #d4b07c, #e4c89c);--gradient-rose-pine:linear-gradient(135deg, #b8a8c4, #d4c4c8, #e8dcd8);--gradient-solarized:linear-gradient(135deg, #6a8a9c, #8aa8b8, #aac4d0);--gradient-tokyo-night:linear-gradient(135deg, #7a8cb8, #9aacd8, #b8cce8);--media-border-width:3px;--media-border-style:solid;--media-border-color:var(--color-border);--media-border-gradient:none;--media-border-radius:var(--radius-lg)}
@media(prefers-color-scheme:dark){
:root{--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-background:#111827;--color-surface:#1f2937;--color-border:#374151;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--article-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2)}
}
}

@layer tokens{
:root{--palette-light:"ayu-light";--palette-dark:"ayu-dark";--palette-manifest:'[{"name":"ayu-light","displayName":"Ayu","variant":"light","baseName":"ayu light","counterpart":"ayu-dark"},{"name":"ayu-dark","displayName":"Ayu","variant":"dark","baseName":"ayu dark","counterpart":"ayu-light"}]';--palette-switcher-enabled:1}
[data-palette=ayu-light],:root[data-palette=ayu-light]{--color-primary:#9a5200;--color-primary-light:#9a5500;--color-primary-dark:#9a5500;--color-text:#5c6166;--color-text-secondary:#5c6166;--color-text-muted:#5c6166;--color-background:#fafafa;--color-surface:#f0f0f0;--color-border:#f0f0f0;--color-success:#5a8000;--color-warning:#9a5500;--color-error:#c43030;--color-info:#2a8a80;--color-link:#5c6166;--color-link-hover:#278077;--color-link-visited:#8765a9;--color-code-bg:#f0f0f0;--color-code-text:#5c6166;--color-code-comment:#696d73;--color-code-keyword:#9a5500;--color-code-string:#547800;--color-code-number:#7f5f9f;--color-code-function:#8e662b;--color-code-type:#2a6db5;--color-code-operator:#ac5151;--admonition-note-bg:#d1e4f4;--admonition-note-border:#2a6db5;--admonition-tip-bg:#d1e4f4;--admonition-tip-border:#5a8000;--admonition-warn-bg:#d1e4f4;--admonition-warn-border:#9a5500;--admonition-error-bg:#d1e4f4;--admonition-error-border:#c43030;--color-highlight:#9a5200;--color-highlight-text:#fafafa;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#e5d4bf;--color-mark-text:#595e62}
[data-palette=ayu-dark],:root[data-palette=ayu-dark]{--color-primary:#e6b450;--color-primary-light:#ff8f40;--color-primary-dark:#ff8f40;--color-text:#bfbdb6;--color-text-secondary:#bfbdb6;--color-text-muted:#bfbdb6;--color-background:#0d1017;--color-surface:#131721;--color-border:#1c232f;--color-success:#7fd962;--color-warning:#ff8f40;--color-error:#d95757;--color-info:#73b8ff;--color-link:#bfbdb6;--color-link-hover:#73b8ff;--color-link-visited:#d2a6ff;--color-code-bg:#0d1017;--color-code-text:#bfbdb6;--color-code-comment:#8f98a8;--color-code-keyword:#ff8f40;--color-code-string:#7fd962;--color-code-number:#d2a6ff;--color-code-function:#ffb454;--color-code-type:#59c2ff;--color-code-operator:#f07178;--admonition-note-bg:#131721;--admonition-note-border:#59c2ff;--admonition-tip-bg:#131721;--admonition-tip-border:#7fd962;--admonition-warn-bg:#131721;--admonition-warn-border:#ff8f40;--admonition-error-bg:#131721;--admonition-error-border:#d95757;--color-highlight:#e6b450;--color-highlight-text:#0d1017;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#663919;--color-mark-text:#bfbdb6}
:root:not([data-theme=light]):not([data-palette]),[data-theme=dark]:not([data-palette]){--color-primary:#e6b450;--color-primary-light:#ff8f40;--color-primary-dark:#ff8f40;--color-text:#bfbdb6;--color-text-secondary:#bfbdb6;--color-text-muted:#bfbdb6;--color-background:#0d1017;--color-surface:#131721;--color-border:#1c232f;--color-success:#7fd962;--color-warning:#ff8f40;--color-error:#d95757;--color-info:#73b8ff;--color-link:#bfbdb6;--color-link-hover:#73b8ff;--color-link-visited:#d2a6ff;--color-code-bg:#0d1017;--color-code-text:#bfbdb6;--color-code-comment:#8f98a8;--color-code-keyword:#ff8f40;--color-code-string:#7fd962;--color-code-number:#d2a6ff;--color-code-function:#ffb454;--color-code-type:#59c2ff;--color-code-operator:#f07178;--admonition-note-bg:#131721;--admonition-note-border:#59c2ff;--admonition-tip-bg:#131721;--admonition-tip-border:#7fd962;--admonition-warn-bg:#131721;--admonition-warn-border:#ff8f40;--admonition-error-bg:#131721;--admonition-error-border:#d95757;--color-highlight:#e6b450;--color-highlight-text:#0d1017;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#663919;--color-mark-text:#bfbdb6}
[data-theme=light]:not([data-palette]){--color-primary:#9a5200;--color-primary-light:#9a5500;--color-primary-dark:#9a5500;--color-text:#5c6166;--color-text-secondary:#5c6166;--color-text-muted:#5c6166;--color-background:#fafafa;--color-surface:#f0f0f0;--color-border:#f0f0f0;--color-success:#5a8000;--color-warning:#9a5500;--color-error:#c43030;--color-info:#2a8a80;--color-link:#5c6166;--color-link-hover:#278077;--color-link-visited:#8765a9;--color-code-bg:#f0f0f0;--color-code-text:#5c6166;--color-code-comment:#696d73;--color-code-keyword:#9a5500;--color-code-string:#547800;--color-code-number:#7f5f9f;--color-code-function:#8e662b;--color-code-type:#2a6db5;--color-code-operator:#ac5151;--admonition-note-bg:#d1e4f4;--admonition-note-border:#2a6db5;--admonition-tip-bg:#d1e4f4;--admonition-tip-border:#5a8000;--admonition-warn-bg:#d1e4f4;--admonition-warn-border:#9a5500;--admonition-error-bg:#d1e4f4;--admonition-error-border:#c43030;--color-highlight:#9a5200;--color-highlight-text:#fafafa;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#e5d4bf;--color-mark-text:#595e62}
}
@layer overrides{
:root{--content-width:clamp(56ch, 60vw, 72ch);--text-base:1.2rem}
}
@layer tokens{
:root{--aesthetic:"precision";--theme-radius:4px;--theme-shadow:0 2px 7px rgb(0 0 0 / .10);--theme-spacing:1}
:where(:root:not([data-theme=light]),[data-theme=dark]){--bg:#0d1017;--panel:#131721;--ink:#bfbdb6;--accent:#e6b450;--color-background:#0d1017;--color-surface:#131721;--color-text:#bfbdb6;--color-primary:#e6b450;--color-border-strong:#bfbdb6;--color-border:color-mix(in srgb, #bfbdb6 16%, #0d1017)}
:where([data-theme=light]){--bg:#fafafa;--panel:#f0f0f0;--ink:#5c6166;--accent:#9a5200;--color-background:#fafafa;--color-surface:#f0f0f0;--color-text:#5c6166;--color-primary:#9a5200;--color-border-strong:#5c6166;--color-border:color-mix(in srgb, #5c6166 16%, #fafafa)}
[data-palette=ayu-dark],:root[data-palette=ayu-dark]{--bg:#0d1017;--panel:#131721;--ink:#bfbdb6;--accent:#e6b450;--color-background:#0d1017;--color-surface:#131721;--color-text:#bfbdb6;--color-primary:#e6b450;--color-border-strong:#bfbdb6;--color-border:color-mix(in srgb, #bfbdb6 16%, #0d1017)}
[data-palette=ayu-light],:root[data-palette=ayu-light]{--bg:#fafafa;--panel:#f0f0f0;--ink:#5c6166;--accent:#9a5200;--color-background:#fafafa;--color-surface:#f0f0f0;--color-text:#5c6166;--color-primary:#9a5200;--color-border-strong:#5c6166;--color-border:color-mix(in srgb, #5c6166 16%, #fafafa)}
}

@layer reset{
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
}
@layer base{
.skip-link{position:absolute;top:var(--space-4,1rem);left:var(--space-4,1rem);display:inline-block;padding:var(--space-2,.5rem)var(--space-4,1rem);background:var(--color-primary);color:#fff;border-radius:var(--radius,.375rem);text-decoration:none;z-index:9999;transform:translateY(-200%);transition:transform .15s ease}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}
.skip-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
@supports(color:color-mix(in srgb,#000 50%,#fff)){
.skip-link:focus-visible{outline-color:color-mix(in srgb,var(--color-primary) 30%,#fff)}
}
input,button,textarea,select{font:inherit}
:root{accent-color:var(--color-primary)}
input,textarea,[contenteditable=true]{caret-color:var(--color-primary)}
::marker{color:var(--color-text-muted)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-3,.75rem);transition:border-color .15s ease,box-shadow .15s ease}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}
::placeholder{color:var(--color-text-muted);opacity:.7}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);transition:background-color .15s ease,border-color .15s ease}
button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background-color:var(--color-background);border-color:var(--color-primary)}
button:focus-visible,input[type=submit]:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.5;cursor:not-allowed}
::file-selector-button{font:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);margin-right:var(--space-3,.75rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
::file-selector-button:hover{background-color:var(--color-background);border-color:var(--color-primary)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:50%;background-color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease}
input[type=search]:focus::-webkit-search-cancel-button,input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button{opacity:.6}
input[type=search]::-webkit-search-cancel-button:hover{opacity:1}
::backdrop{background-color:rgba(0,0,0,.5)}
@media(prefers-contrast:more){
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,button{border-width:2px}
}
html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}
body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text);position:relative;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:var(--text-4xl)}
h2{font-size:var(--text-3xl)}
h3{font-size:var(--text-2xl)}
h4{font-size:var(--text-xl)}
h5{font-size:var(--text-lg)}
h6{font-size:var(--text-base);font-weight:600}
@layer overrides{
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2){font-family:var(--font-display,var(--font-heading))!important;line-height:var(--leading-heading-expressive,1.35);padding:.1em 0 .35em}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2)::after{content:'';display:block;width:min(4.5rem,100%);height:2px;margin-top:.3em;border-radius:999px;background:var(--heading-rule)}
html[data-fontpack] .post-header h1::after{width:min(6rem,100%);height:3px}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) strong{color:var(--heading-accent)!important;font-weight:inherit}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) em{color:var(--heading-accent)!important;font-family:var(--font-display,var(--font-heading))!important;font-style:italic;font-weight:500}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) mark{color:var(--heading-mark-fg)!important;background:var(--heading-mark-bg)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .16em;padding-block:0;border-radius:.18em}
html[data-fontpack] body .post-content mark,html[data-fontpack] body .post-header mark{background:var(--color-highlight)!important;background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
html[data-fontpack] body mark{background:var(--color-highlight)!important;background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) .heading-highlight{position:relative;isolation:isolate;line-height:inherit;padding-block:0}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) .heading-highlight.is-measured>mark{background:0 0!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) mark :is(strong,em,code,del,a){color:inherit!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) code{font-family:var(--font-code,var(--font-mono));font-size:.72em;font-weight:600;letter-spacing:.01em;padding:.08em .24em;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:.25em;background:var(--heading-code-bg);color:var(--heading-code-fg)}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) a{color:inherit;text-decoration:underline;text-decoration-color:var(--heading-link-decoration);text-decoration-thickness:.08em;text-underline-offset:.12em}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) del{color:color-mix(in srgb,var(--color-text) 54%,var(--color-background) 46%)!important;text-decoration-color:color-mix(in srgb,var(--heading-accent) 64%,var(--color-text) 36%)!important}
}
.heading-anchor{opacity:0;position:absolute;left:100%;top:0;margin-left:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-weight:400;transition:opacity .2s,color .2s}
:is(h1,h2,h3,h4,h5,h6){position:relative}
h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor,h5:hover .heading-anchor,h6:hover .heading-anchor,.heading-anchor:focus{opacity:1}
.heading-anchor:hover{color:var(--color-primary);text-decoration:none}
p{margin-bottom:var(--space-4)}
.post-content{line-height:var(--leading-prose,var(--leading-relaxed))}
.post-content>p,.post-content>ul,.post-content>ol,.post-content>blockquote,.post-content>table,.post-content>figure,.post-content>pre,.post-content>.highlight,.post-content>.admonition,.post-content>details{margin-block:0 1.25em}
.post-content>:is(h2,h3,h4,h5,h6){margin-block:2em .6em}
.post-content>:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6){margin-top:.75em}
.post-content li{margin-bottom:.35em}
.post-content li>p{margin-bottom:.5em}
a{color:var(--color-link,var(--color-primary));text-decoration:none;transition:color .2s}
a:hover{color:var(--color-link-hover,var(--color-primary-dark));text-decoration:underline}
ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}
li{margin-bottom:var(--space-2)}
li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}
blockquote{margin:var(--space-4)0;padding:var(--space-4)var(--space-5);background:color-mix(in srgb,var(--color-surface) 70%,transparent);border-radius:var(--radius-lg);font-style:italic;color:var(--color-text-muted);border-top:none;border-left:3px solid color-mix(in srgb,var(--color-primary) 55%,transparent)}
blockquote p:last-child{margin-bottom:0}
.post-content blockquote>footer{margin:var(--space-3)calc(-1 * var(--space-5))calc(-1 * var(--space-4));padding:var(--space-2)var(--space-5);background:color-mix(in srgb,var(--color-surface),var(--color-border) 8%);border:1px solid var(--color-border-soft);border-top-color:var(--color-border-soft);border-radius:0 0 var(--radius-lg)var(--radius-lg);color:var(--color-text-muted);font-style:italic;text-align:right}
.post-content blockquote>footer cite{font-style:italic;color:var(--color-text-muted)}
img{max-width:100%;height:auto;display:block}
html:root{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}
html:root[data-theme=light]{color-scheme:light}
html::-webkit-scrollbar{width:10px}
html::-webkit-scrollbar-track{background:0 0}
html::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,var(--color-primary) 30%)}
figure{margin:var(--space-6)0}
figcaption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}
video,.md-video{max-width:100%;height:auto;display:block}
.post-content img,.post-content video,.post-content .md-video{max-width:100%;height:auto;display:block;margin-top:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg)}
.post-content p>img:only-child,.post-content figure img{margin-left:auto;margin-right:auto}
.post-content figure{margin:var(--space-8)0}
.post-content figure>img,.post-content figure>video{margin-top:0;margin-bottom:0}
.post-content figcaption{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3)}
.post-content img.inline,.post-content img[height="16"],.post-content img[height="20"],.post-content img[height="24"],.post-content img[height="32"]{display:inline;margin:0;border-radius:var(--radius);vertical-align:middle}
@keyframes gradient-rotate{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}
table{width:100%;border-collapse:collapse;margin:var(--space-4)0}
th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-soft)}
.post-content :is(th,td){overflow-wrap:anywhere}
th{font-weight:600;background:color-mix(in srgb,var(--color-surface) 70%,transparent)}
hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);margin:var(--space-10)auto;width:min(100%,32rem)}
.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--space-4)}
main{flex:1;padding:var(--space-8)var(--space-4);width:100%;max-width:var(--page-width);margin:0 auto}
.site-header{background:0 0;border-bottom:1px solid var(--color-border-soft);padding:var(--space-2)var(--space-4)}
.site-header .container{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:var(--space-4);max-width:var(--page-width);margin:0 auto}
.site-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none;flex-shrink:0;grid-column:1;justify-self:start}
.site-title:hover{color:var(--color-primary);text-decoration:none}
.header-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;grid-column:3;justify-self:end;position:relative;z-index:30}
.header-action-controls{display:flex;align-items:center;gap:var(--space-1)}
.adaptive-loading{position:relative;visibility:hidden;font-size:var(--text-sm,.875rem)}
.adaptive-loading details{position:relative}
.adaptive-loading summary{cursor:pointer;list-style:none;white-space:nowrap;border:1px solid var(--color-border);border-radius:999px;padding:.4rem .65rem;color:var(--color-text)}
.adaptive-loading summary::-webkit-details-marker{display:none}
.adaptive-loading summary:focus-visible,.adaptive-loading button:focus-visible,.adaptive-loading input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.adaptive-loading__panel{position:absolute;z-index:120;top:calc(100% + .5rem);right:0;width:min(18rem,calc(100vw - 1.5rem));padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg,.75rem);background:var(--color-surface,var(--color-background));color:var(--color-text);box-shadow:var(--shadow-lg,0 8px 28px rgb(0 0 0/.18))}
.adaptive-loading__panel fieldset{display:grid;gap:.6rem;margin:0;padding:0;border:0}
.adaptive-loading__panel legend{margin-bottom:.65rem;font-weight:650}
.adaptive-loading__panel label{display:flex;align-items:center;gap:.55rem;min-height:2rem;cursor:pointer}
.adaptive-loading__panel label span{color:var(--color-text-muted);font-size:.8em}
.adaptive-loading__message{margin:0 0 .75rem;line-height:1.4}
.adaptive-loading__actions{display:flex;gap:.5rem;margin-top:.9rem}
.adaptive-loading [hidden]{display:none!important}
.adaptive-loading__actions button,.adaptive-loading__status{border:1px solid var(--color-border);border-radius:999px;padding:.4rem .7rem;background:var(--color-background);color:var(--color-text);cursor:pointer}
.adaptive-loading__status{margin-left:.35rem;color:var(--color-primary)}
.site-footer{background:color-mix(in srgb,var(--color-surface) 55%,var(--color-background));border-top:1px solid var(--color-border-soft);padding:var(--space-8)var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}
.site-footer .container{max-width:var(--page-width);margin:0 auto}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4)0}
.footer-links a{color:var(--color-text-muted)}
.footer-links a:hover{color:var(--color-primary)}
.post{max-width:var(--content-width);font-size:calc(var(--post-text-size,var(--text-xl)) * var(--reading-scale,1));margin:0 auto}
article.post{box-sizing:content-box;padding:var(--space-10)var(--space-10)var(--space-8);border-radius:var(--radius-xl)}
.post-header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-soft)}
.post-header__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap}
.post-header h1{margin-top:0;margin-bottom:0;flex:1 1 20rem;min-width:0;overflow-wrap:anywhere}
.post-header h1[data-title-size=long]{font-size:clamp(var(--text-3xl),3vw,var(--text-4xl))}
.post-header h1[data-title-size=very-long]{font-size:clamp(var(--text-2xl),2.5vw,var(--text-3xl))}
.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}
.post-meta time{display:flex;align-items:center;gap:var(--space-2)}
.post-byline{display:inline-grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:var(--space-1);margin:0;align-items:center;justify-items:start;text-align:left;color:var(--color-text-muted);font-size:var(--text-sm)}
@media(max-width:560px){
.post-header__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.post-header h1{flex:initial;width:100%}
}
.post-byline__photo{grid-column:1;grid-row:1/span 2;width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface)}
.post-byline__name{grid-column:2;grid-row:1;color:inherit;text-decoration:none;line-height:1.2;justify-self:start}
.post-byline__name:hover{color:var(--color-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 70%,transparent)}
.post-byline__meta{grid-column:2;grid-row:2;margin-top:0;justify-self:start}
.post-byline--multi{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:unset;grid-template-rows:unset}
.post-byline__authors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.post-byline__authors>.post-byline__author+.post-byline__author{position:relative;padding-left:var(--space-3)}
.post-byline__authors>.post-byline__author+.post-byline__author::before{content:'';position:absolute;left:0;top:15%;height:70%;width:1px;background:var(--color-border)}
.post-byline__author{display:flex;align-items:center;gap:var(--space-2)}
.post-byline__author .post-byline__photo{width:36px;height:36px;grid-column:unset;grid-row:unset;flex-shrink:0}
.post-byline__author-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.post-byline__author-info .post-byline__name{grid-column:unset;grid-row:unset;font-weight:500;line-height:1.3;white-space:nowrap}
.post-byline__role{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;line-height:1.2;opacity:.85}
.post-byline--multi .post-byline__meta{grid-column:unset;grid-row:unset;margin-top:0}
@media(max-width:560px){
.post-byline__authors{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.post-byline__authors>.post-byline__author+.post-byline__author{padding-left:0;padding-top:var(--space-2)}
.post-byline__authors>.post-byline__author+.post-byline__author::before{top:0;left:0;height:1px;width:100%}
}
.post-content{margin-bottom:var(--space-8);overflow-wrap:break-word;word-wrap:break-word}
.post-content>*:first-child{margin-top:0}
.post-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border-soft)}
.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tag{display:inline-block;padding:var(--space-1)var(--space-3);background:color-mix(in srgb,var(--color-surface) 75%,transparent);color:var(--color-text-muted);border:1px solid var(--color-border-soft);border-radius:999px;font-size:var(--text-sm);line-height:1.5;transition:background-color .2s ease,color .2s ease}
.tag:hover{background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);color:var(--color-text);text-decoration:none}
.post-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-soft);align-items:stretch;max-width:var(--content-width);margin-left:auto;margin-right:auto}
.post-nav a{max-width:48%;flex:1;min-height:3.5rem;padding:.875rem 1rem;text-decoration:none;line-height:1.35;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:color .15s ease,transform .15s ease;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}
.post-nav a:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-border) 30%,transparent)}
.post-nav .prev::before{content:'\2190 '}
.post-nav .next::after{content:' \2192'}
.post-nav .next{align-items:flex-end}
.post-nav-label{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.2}
.post-nav-title{font-weight:500}
.feed{max-width:var(--content-width);margin:0 auto}
section.feed,div.feed{padding:var(--space-6)var(--space-8);border-radius:var(--radius-lg)}
.feed-header{margin-bottom:var(--space-8)}
.feed-header h1{margin-top:0}
.feed-header p{color:var(--color-text-muted)}
.posts,.post-list{display:flex;flex-direction:column;gap:var(--space-6)}
.card{padding:var(--space-6);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-background));border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);transition:border-color .2s,box-shadow .2s,background-color .2s}
.card:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);background:var(--color-surface);box-shadow:0 6px 20px -8px rgba(0,0,0,.25)}
.card h2{margin-top:0;margin-bottom:var(--space-2);font-size:var(--text-xl)}
.card h2 a{color:var(--color-text)}
.card h2 a:hover{color:var(--color-primary);text-decoration:none}
.card-description{color:var(--color-text-muted);margin-bottom:var(--space-3)}
.card-meta{display:flex;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}
.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-soft);flex-wrap:wrap}
.pagination-prev,.pagination-next{padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pagination-prev:hover,.pagination-next:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;text-decoration:none}
.pagination-prev.disabled,.pagination-next.disabled{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border);cursor:not-allowed;opacity:1}
.pagination-pages{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;justify-content:center;max-width:100%}
.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm);user-select:none}
.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:var(--space-1)var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pagination-page:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}
.pagination-page.current{background:color-mix(in srgb,var(--color-primary) 45%,#000 55%);border-color:color-mix(in srgb,var(--color-primary) 45%,#000 55%);color:#fff;font-weight:600}
.pagination.htmx-request{opacity:.6;pointer-events:none}
.posts-list{min-height:200px}
.posts-list.htmx-swapping{opacity:.5;transition:opacity .2s}
.infinite-scroll-loading.htmx-request{display:flex}
@keyframes spin{to{transform:rotate(360deg)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.glossary-term{color:var(--color-link,var(--color-primary));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help;transition:text-decoration-color .2s}
.glossary-term:hover{text-decoration-style:solid;text-decoration-color:var(--color-link-hover,var(--color-primary))}
.mermaid{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6)0;text-align:center;overflow-x:auto}
a.wikilink{color:var(--color-link,var(--color-primary));text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.12em;text-underline-offset:.18em;text-decoration-skip-ink:auto;border-radius:2px;transition:background-color .15s ease,box-shadow .15s ease,text-decoration-style .15s ease}
a.wikilink:hover,a.wikilink:focus-visible{text-decoration-style:solid;background:color-mix(in srgb,var(--color-link,var(--color-primary)) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-link,var(--color-primary)) 18%,transparent);outline:none}
[data-hover-card],[data-hover-title],[data-hover-description]{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:color-mix(in srgb,var(--color-primary) 70%,transparent);text-underline-offset:.18em;cursor:help;border-radius:2px}
[data-hover-card]:hover,[data-hover-card]:focus-visible,[data-hover-title]:hover,[data-hover-title]:focus-visible,[data-hover-description]:hover,[data-hover-description]:focus-visible{text-decoration-style:solid;background:color-mix(in srgb,var(--color-primary) 12%,transparent);outline:none}
@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes tooltipFadeInAbove{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.reading-time{color:var(--color-text-muted);font-size:var(--text-sm)}
.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:var(--space-6)0;border-radius:var(--radius-lg);background:var(--color-surface)}
.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-lg)}
@media(max-width:768px){
body{overflow-x:hidden;max-width:100vw}
.container{padding:0 var(--space-3);max-width:100%}
main{padding:var(--space-4)var(--space-3);max-width:100%}
.site-header{padding:var(--space-3)var(--space-3)var(--space-2);overflow-x:hidden}
.site-header .container{display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-areas:"title controls" "search search" "nav nav";align-items:center;gap:var(--space-2)var(--space-3)}
.site-title{grid-area:title;justify-self:start;margin:0;text-align:left;font-size:var(--text-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-controls{display:contents}
.header-controls .header-action-controls{grid-area:controls;justify-self:end;gap:var(--space-1)}
.adaptive-loading__panel{position:fixed;top:auto;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));left:.75rem;width:auto;max-width:28rem;margin-inline:auto;border-radius:1rem;padding:1.1rem}
.header-controls .theme-switcher{grid-area:controls;justify-self:end}
.header-controls .search-container--navbar,.header-controls .search--navbar{grid-area:search;width:100%;margin-left:0}
.site-header .site-nav{grid-area:nav;justify-content:flex-start;flex-wrap:nowrap;gap:var(--space-1);margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3);width:auto}
.site-header .site-nav .nav-link{padding:var(--space-1)var(--space-2);font-size:var(--text-sm)}
.post-header__title-row{gap:var(--space-4)}
.site-footer{padding:var(--space-4)var(--space-3);max-width:100%}
.feed,section.feed,div.feed{max-width:100%;padding:var(--space-4)var(--space-3);border-radius:var(--radius)}
.feed-header h1{font-size:var(--text-2xl)}
.card{padding:var(--space-4);max-width:100%}
.posts,.post-list{max-width:100%;overflow-x:hidden}
.post{max-width:100%}
article.post{padding:var(--space-6)var(--space-4);border-radius:var(--radius-lg)}
.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-5)}
.post-nav{flex-direction:column}
.post-nav a{max-width:100%}
.post-nav .next{align-items:flex-start}
}
@media(max-width:480px){
.container{padding:0 var(--space-2)}
main{padding:var(--space-3)var(--space-2)}
.site-header{padding:var(--space-2)}
.site-footer{padding:var(--space-3)var(--space-2)}
.feed,section.feed,div.feed{padding:var(--space-3)var(--space-2);border-radius:0}
.card{padding:var(--space-3);border-radius:var(--radius)}
.posts,.post-list{gap:var(--space-4)}
.post{max-width:100%}
article.post{padding:var(--space-5)var(--space-3)}
}
@media(max-width:375px){
.container{padding:0 var(--space-1)}
main{padding:var(--space-2)var(--space-1)}
.site-header{padding:var(--space-2)var(--space-1)}
.site-footer{padding:var(--space-2)var(--space-1)}
.feed,section.feed,div.feed{padding:var(--space-2)var(--space-1)}
.card{padding:var(--space-2)}
.post{max-width:100%}
.feed-header h1{font-size:var(--text-xl)}
article.post{padding:var(--space-4)var(--space-3)}
}
}
@layer components{
.post-byline__authors .post-byline__photo{width:44px;height:44px}
.post-byline__authors .post-byline__name{color:var(--color-text);font-weight:600}
.post-byline__editor-stack>*+*{margin-inline-start:-10px}
.post-byline__history{border:0!important;border-radius:0!important;padding:0!important;background:0 0!important;color:var(--color-text-muted);font:inherit;font-size:.75rem!important;font-weight:400!important;line-height:1.2;cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}
.post-byline__history:hover,.post-byline__history:focus-visible{color:var(--color-text);text-decoration-color:var(--color-primary)}
.post-byline__history span{color:inherit}
.post-byline__history[hidden]{display:none}
}

@layer components{
.page-wrapper{display:flex;flex-direction:row;min-height:calc(100vh - 200px);max-width:var(--site-width,1400px);margin:0 auto;align-self:center;padding:var(--space-6,1.5rem)var(--space-8,2rem)0;width:100%;gap:var(--space-8,2rem)}
.main-content{flex:1;min-width:0;max-width:100%}
.page-wrapper--content-only,.page-wrapper--feed-only{display:block}
.page-wrapper--content-only>.main-content,.page-wrapper--feed-only>.main-content{width:min(100%,var(--page-width,1200px));max-width:min(100%,var(--page-width,1200px));margin-left:auto;margin-right:auto}
.page-wrapper--feed-only>.main-content{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)))}
.site-nav{display:flex;gap:1rem;flex-wrap:wrap}
.site-header .site-nav{display:flex;gap:var(--space-4);flex-wrap:wrap;flex:auto;min-width:0;justify-content:center;grid-column:2;justify-self:center}
.site-nav--header,.site-nav--horizontal{flex-direction:row;align-items:center;justify-content:center}
.nav-link{color:var(--color-text);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}
.site-nav a{color:var(--color-text-muted);font-weight:500;text-decoration:none}
.nav-link:hover{color:var(--color-primary);background-color:var(--color-surface)}
.site-nav a:hover{color:var(--color-link,var(--color-primary));text-decoration:none}
.nav-entry{position:relative;display:inline-flex;align-items:center}
.site-header{position:relative;z-index:var(--z-header,100)}
.nav-preview{position:absolute;z-index:40;top:calc(100% + .65rem);left:0;display:grid;gap:.65rem;width:min(20rem,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-text);box-shadow:0 18px 42px rgb(0 0 0/.16);font-size:var(--text-sm);line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.35rem);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms}
.nav-entry:last-child .nav-preview{right:0;left:auto}
.nav-preview::before{content:"";position:absolute;bottom:100%;right:0;left:0;height:.65rem}
.footer-links .nav-preview::before{bottom:auto;top:100%}
.nav-entry:hover .nav-preview,.nav-entry:focus-within .nav-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-entry--preview:hover,.nav-entry--preview:focus-within{z-index:1}
.nav-entry--preview>.nav-link{position:relative}
.nav-entry--preview>.nav-link::after{content:"";position:absolute;right:.5rem;bottom:.08rem;left:.5rem;height:1px;background:currentColor;opacity:.4;transform:scaleX(.35);transform-origin:left;transition:transform 160ms ease,opacity 160ms ease}
.nav-entry:hover>.nav-link::after,.nav-entry:focus-within>.nav-link::after{opacity:.9;transform:scaleX(1)}
.nav-preview__eyebrow{color:color-mix(in srgb,var(--color-primary) 78%,var(--color-text));font-size:.67rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.nav-preview__title{font-size:1.05rem;font-weight:700;line-height:1.2}
.nav-preview__description{display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--color-text) 78%,var(--color-surface));-webkit-box-orient:vertical;-webkit-line-clamp:3}
.nav-preview__tags,.nav-preview__stats{display:flex;flex-wrap:wrap;gap:.4rem .8rem}
.nav-preview__tag{padding:.1rem .45rem;border-radius:999px;background:var(--color-background,var(--color-surface));color:var(--color-text);font-size:.72rem}
.nav-preview__stats{padding-top:.65rem;border-top:1px solid var(--color-border);color:color-mix(in srgb,var(--color-text) 76%,var(--color-surface));font-size:.75rem}
.nav-preview__stats strong{color:var(--color-text);font-weight:700;font-variant-numeric:tabular-nums}
.nav-preview__rhythm{display:grid;gap:.25rem;color:color-mix(in srgb,var(--color-text) 76%,var(--color-surface));font-size:.67rem;letter-spacing:.04em}
.nav-preview__rhythm svg{display:block;width:100%;height:2rem;overflow:visible}
.nav-preview__rhythm polyline{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media(max-width:768px),(hover:none){
.nav-preview{display:none}
}
@media(prefers-reduced-motion:reduce){
.nav-preview,.nav-entry--preview>.nav-link::after{transition:none}
}
@media(max-width:768px){
.site-header .site-nav,.site-nav--header,.site-nav--horizontal{flex-wrap:nowrap;justify-content:flex-start;justify-self:stretch;grid-area:nav;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}
.site-nav--header::-webkit-scrollbar,.site-nav--horizontal::-webkit-scrollbar{display:none}
.nav-link{white-space:nowrap;flex-shrink:0}
}
.site-footer{margin-top:auto;padding:var(--space-6)var(--space-4);background-color:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}
.site-footer .container{max-width:var(--page-width);margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:var(--space-4)0}
.footer-links a{color:var(--color-text-muted);text-decoration:none}
.footer-links a:hover{color:var(--color-link,var(--color-primary))}
.footer-links .nav-link{padding:0}
.footer-links .nav-preview{top:auto;bottom:calc(100% + .65rem);text-decoration:none}
.footer-copyright{font-size:.875rem;color:var(--color-text-muted)}
.footer-copyright a{color:var(--color-primary);text-decoration:none}
.footer-copyright a:hover{text-decoration:underline}
.content-wrapper{display:block}
.article-progress{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:var(--article-progress-height,4px);margin:0;background:var(--article-progress-track,color-mix(in srgb,var(--color-text) 15%,var(--color-background) 85%));border-radius:0;overflow:hidden;pointer-events:none;isolation:isolate;transition:opacity .2s ease}
.article-progress__indicator{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--article-progress-start,var(--color-primary)),var(--article-progress-end,var(--color-primary-light,var(--color-primary))));box-shadow:0 0 8px var(--article-progress-glow,color-mix(in srgb,var(--color-primary) 35%,transparent));opacity:1;will-change:transform}
:is(.post-content,.article-content,article) :is(h1,h2,h3,h4,h5,h6)[id]{scroll-margin-top:calc(var(--layout-sticky-offset,0px) + 1rem)}
@keyframes toc-target-flash{0%,25%{background-color:color-mix(in srgb,var(--color-primary) 16%,transparent);box-shadow:0 0 0 .35em color-mix(in srgb,var(--color-primary) 16%,transparent)}100%{background-color:transparent;box-shadow:0 0 0 .35em transparent}}
.feed-sidebar{width:var(--feed-sidebar-width,250px);position:sticky;top:1rem;height:fit-content;max-height:calc(100vh - 2rem);flex-shrink:0}
.feed-sidebar--left{order:-1}
.feed-nav{display:flex;flex-direction:column;max-height:inherit;background-color:var(--color-surface);border-radius:8px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 5%,transparent),0 4px 24px -4px rgba(0,0,0,.3)}
.feed-nav-chrome{flex-shrink:0;padding:1rem 1rem 0;background-color:var(--color-surface)}
#feed-nav-collapsible{flex:1;min-height:0;overflow-y:auto;padding:0 1rem 1rem;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}
#feed-nav-collapsible::-webkit-scrollbar{width:6px}
#feed-nav-collapsible::-webkit-scrollbar-track{background:0 0}
#feed-nav-collapsible::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}
#feed-nav-collapsible::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}
.feed-nav-header{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-soft)}
.feed-nav-heading{min-width:0}
.feed-nav-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0;padding-bottom:0;border-bottom:none;overflow-wrap:anywhere}
.feed-nav-controls{display:flex;align-items:center;gap:.5rem;min-width:0}
.feed-nav-counter{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text);background:color-mix(in srgb,var(--color-info,var(--color-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-info,var(--color-primary)) 25%,transparent);padding:.125rem .5rem;border-radius:9999px;line-height:1;flex-shrink:0;letter-spacing:.05em}
.feed-nav-cycle{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;min-width:0;max-width:100%}
.feed-nav-drawer{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin-bottom .25s ease,padding-bottom .25s ease}
.feed-nav-chrome:hover .feed-nav-drawer,.feed-nav-chrome:focus-within .feed-nav-drawer,.feed-sidebar.feed-sidebar--expanded .feed-nav-drawer{max-height:12rem;opacity:1}
.feed-nav-picker{display:flex;flex:auto;min-width:0;margin:0 0 .5rem}
.feed-nav-picker-input{width:100%;min-width:0;max-width:100%;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1.2;padding:.55rem .75rem}
.feed-nav-cycle-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:4px;background:0 0;color:var(--color-text);font-size:var(--text-sm);line-height:1;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}
.feed-nav-cycle-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}
.feed-nav-title a{display:inline-flex;align-items:center;min-height:24px;color:inherit;text-decoration:none;transition:color .2s}
.feed-nav-title a:hover{color:var(--color-primary)}
.feed-nav-links{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:.5rem;margin-top:.25rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}
.feed-nav-format-link{display:inline-flex;align-items:center;min-height:24px;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);text-decoration:none;padding:.125rem .375rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:3px;background:0 0;transition:color .15s,background-color .15s,border-color .15s;line-height:1.2;letter-spacing:.03em}
.feed-nav-format-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}
.feed-nav-links--hidden{display:none}
.feed-nav-list{list-style:none;padding:0;margin:0}
.feed-nav-item{margin-bottom:.25rem}
.feed-nav-item--active .feed-nav-link{color:var(--color-text);font-weight:600;background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);border-radius:0 4px 4px 0;border-left:3px solid var(--color-primary);padding-left:calc(.5rem - 3px);box-shadow:inset 0 0 12px -4px color-mix(in srgb,var(--color-primary) 15%,transparent)}
.feed-nav-link{color:var(--color-text-muted);text-decoration:none;display:block;padding:.3rem .5rem;font-size:var(--text-sm);line-height:1.35;transition:color .15s,background-color .15s,border-color .15s,transform .15s;border-left:3px solid transparent;border-radius:0 4px 4px 0}
.feed-nav-link:hover{color:var(--color-text);background-color:color-mix(in srgb,var(--color-text) 6%,transparent);border-left-color:color-mix(in srgb,var(--color-primary) 40%,transparent);transform:translateX(2px)}
.feed-nav-hotkeys{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}
.feed-nav-hotkey-group{display:flex;gap:.5rem;align-items:center}
.feed-nav-hotkey-group--nav{opacity:0;transition:opacity .2s ease}
.feed-nav:hover .feed-nav-hotkey-group--nav,.feed-nav:focus-within .feed-nav-hotkey-group--nav,.feed-sidebar.feed-sidebar--expanded .feed-nav-hotkey-group--nav{opacity:1}
.feed-nav-hotkey-group--cycle{margin-left:auto}
.feed-nav-hotkey{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}
.feed-nav-hotkey kbd{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:.125rem .35rem;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-bottom-width:2px;border-bottom-color:color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:4px;line-height:1;min-width:1.2em;text-align:center;display:inline-block}
.content-sidebar{position:sticky;top:1rem;width:380px;height:fit-content;flex-shrink:0}
.content-sidebar--right{order:1}
.content-sidebar-inner{font-size:var(--text-sm);padding:1rem}
.home-slashes{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,150px));gap:var(--space-2)}
.home-slash-link{display:flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}
.home-slash-link:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-bg,#000) 8%,transparent)}
@media(max-width:1400px){
.content-sidebar{width:280px}
}
@media(max-width:1200px){
.page-wrapper{flex-direction:column;gap:0}
.content-sidebar{position:static;width:600px;max-width:calc(100% - 2rem);margin-top:var(--space-8,2rem);align-self:center;order:99}
.content-sidebar>.sidebar-toggle{display:none}
.content-sidebar-inner{text-align:center}
.content-sidebar-inner .feed,.content-sidebar-inner .card{text-align:left}
.content-sidebar--left,.content-sidebar--right{margin-left:0;margin-right:0}
}
@media(max-width:768px){
.page-wrapper{padding:0;gap:0;max-width:100%;overflow-x:clip}
}
@media(max-width:480px){
.home-slashes{grid-template-columns:repeat(auto-fill,minmax(80px,130px))}
}
.sidebar-edge-target{display:none}
.feed-sidebar,.doc-sidebar{--sidebar-surface:color-mix(in srgb, var(--color-surface) 55%, var(--color-background));--sidebar-duration:0.26s;--sidebar-ease:cubic-bezier(0.2, 0.8, 0.2, 1);position:fixed;top:var(--sidebar-top,var(--layout-header-height,64px));bottom:0;z-index:var(--z-sidebar,90);display:flex;flex-direction:column;height:auto;max-height:none;margin:0;padding:0;overflow:visible;color:var(--color-text);background:var(--sidebar-surface);box-shadow:none;visibility:hidden;transition:transform var(--sidebar-duration)var(--sidebar-ease),box-shadow var(--sidebar-duration)ease,visibility 0s linear var(--sidebar-duration)}
.feed-sidebar{width:var(--feed-sidebar-width,250px)}
.feed-sidebar--left,.doc-sidebar--left{left:0;right:auto;transform:translateX(-100%);border-right:1px solid var(--color-border-soft)}
.doc-sidebar>.toc,.feed-sidebar>.feed-nav{flex:auto;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;background:0 0}
.feed-sidebar>.feed-nav:not(:has(#feed-nav-collapsible)){overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5,1.25rem)1.25rem 1.25rem}
.feed-sidebar .feed-nav-chrome{padding:var(--space-5,1.25rem)1.25rem 0;background:0 0}
.feed-sidebar #feed-nav-collapsible{padding:0 1.25rem 1.25rem}
.feed-sidebar .feed-nav-header{gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}
.doc-sidebar>.toc,.feed-sidebar #feed-nav-collapsible{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text) 22%,transparent)transparent}
.doc-sidebar>.toc::-webkit-scrollbar,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar{width:8px}
.doc-sidebar>.toc::-webkit-scrollbar-track,.doc-sidebar>.toc::-webkit-scrollbar-corner,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-track,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-corner{background:0 0}
.doc-sidebar>.toc::-webkit-scrollbar-thumb,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text) 22%,transparent);background-clip:padding-box;border:2px solid transparent;border-radius:999px}
.doc-sidebar>.toc::-webkit-scrollbar-thumb:hover,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-text) 38%,transparent)}
.sidebar-toggle{position:absolute;top:4.5rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.75rem .45rem;writing-mode:vertical-rl;font-family:var(--font-ui,var(--font-body));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-background));border:1px solid var(--color-border-soft);border-radius:0 var(--radius-lg,8px)var(--radius-lg,8px)0;cursor:pointer;visibility:visible;opacity:.85;transition:color .2s ease,background-color .2s ease,opacity .2s ease}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{opacity:1;color:var(--color-text);background:var(--color-surface)}
.sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.sidebar-toggle__icon{width:.9em;height:.9em;flex-shrink:0;transition:transform var(--sidebar-duration,.26s)ease}
.feed-sidebar--left>.sidebar-toggle,.doc-sidebar--left>.sidebar-toggle{left:100%;border-left:none}
.sidebar-toggle__kbd{display:inline-block;writing-mode:horizontal-tb;min-width:1.4em;padding:.2em .35em;font-family:var(--font-mono);font-size:.95em;font-weight:600;letter-spacing:0;text-transform:none;text-align:center;line-height:1;color:var(--color-text);background:color-mix(in srgb,var(--color-background) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-bottom-width:2px;border-radius:4px;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}
.sidebar-toggle:hover .sidebar-toggle__kbd,.sidebar-toggle:focus-visible .sidebar-toggle__kbd{opacity:1;transform:none}
@media(hover:none) and (pointer:coarse){
.sidebar-toggle__kbd{display:none}
}
@media(min-width:1201px){
.page-wrapper{--push-left:0px;--push-right:0px;display:block}
.page-wrapper>.main-content{--main-width:min(var(--page-width, 1200px), 100% - var(--push-left) - var(--push-right));width:var(--main-width);max-width:var(--main-width);margin-left:clamp(var(--push-left),(100% - var(--main-width))/2,100% - var(--main-width) - var(--push-right));margin-right:0;transition:margin-left var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1),width var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1),max-width var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1)}
.content-sidebar{--sidebar-duration:0.26s;position:fixed;top:var(--sidebar-top,var(--layout-header-height,64px));bottom:0;z-index:var(--z-sidebar,90);display:flex;flex-direction:column;width:var(--content-sidebar-width,340px);height:auto;max-height:none;padding:0;overflow:visible;background:color-mix(in srgb,var(--color-surface) 55%,var(--color-background));visibility:hidden;transition:transform var(--sidebar-duration)cubic-bezier(.2,.8,.2,1),visibility 0s linear var(--sidebar-duration)}
.content-sidebar>.content-sidebar-inner{flex:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.content-sidebar--right{right:var(--page-inset-right,0px);transform:translateX(100%);border-left:1px solid var(--color-border-soft)}
.content-sidebar--right>.sidebar-toggle{right:100%;border-right:none;border-radius:var(--radius-lg,8px)0 0 var(--radius-lg,8px);transform:rotate(180deg)}
.content-sidebar--right>.sidebar-toggle .sidebar-toggle__kbd{rotate:180deg}
}
@media(max-width:1200px){
.feed-sidebar,.doc-sidebar{top:0;z-index:1100;width:min(22rem,86vw);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--color-surface) 80%,var(--color-background))}
.page-wrapper::before{content:"";position:fixed;inset:0;z-index:1090;background:color-mix(in srgb,var(--color-background) 35%,rgba(0,0,0,.5));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sidebar-duration,.26s)ease,visibility 0s linear var(--sidebar-duration,.26s)}
.page-wrapper:has(>:is(.feed-sidebar,.doc-sidebar).sidebar--pinned)::before{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.feed-sidebar .feed-nav-drawer{max-height:none;opacity:1}
.feed-sidebar .feed-nav-hotkey-group--nav{opacity:1}
.feed-sidebar>.sidebar-toggle,.doc-sidebar>.sidebar-toggle{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));padding:.55rem .8rem;writing-mode:horizontal-tb;white-space:nowrap;border:1px solid var(--color-border-soft);border-radius:999px;box-shadow:0 6px 20px -8px rgba(0,0,0,.45);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-background));opacity:.92;transform:none}
.feed-sidebar--left>.sidebar-toggle,.doc-sidebar--left>.sidebar-toggle{left:calc(100% + .75rem);right:auto}
body:has(>markata-dev-settings) .feed-sidebar--left>.sidebar-toggle,body:has(>markata-dev-settings) .doc-sidebar--left>.sidebar-toggle{left:calc(100% + 4rem)}
.doc-sidebar>.toc,.feed-sidebar #feed-nav-collapsible{padding-bottom:4.5rem}
}
@media print{
.feed-sidebar,.doc-sidebar,.sidebar-toggle,.page-wrapper::before{display:none!important}
}
@media(prefers-reduced-motion:reduce){
.feed-sidebar,.doc-sidebar,.content-sidebar,.sidebar-toggle__icon,.sidebar-toggle__kbd,.page-wrapper>.main-content,.page-wrapper::before{transition:none!important}
}
.header-controls .search-container--navbar,.header-controls .search--navbar{min-height:2.125rem;width:clamp(10rem,18vw,16rem);max-width:100%;flex-shrink:0;margin-left:0}
.header-controls .search-container--navbar #pagefind-search,.header-controls .search-container--navbar .pagefind-ui{width:100%}
@media(max-width:768px){
.header-controls .search-container--navbar,.header-controls .search--navbar{margin-top:.5rem;flex:auto;width:auto;min-width:0}
}
.header-controls .pagefind-ui__search-input,.header-controls .bleve-search__input{width:100%;max-width:100%;display:block;box-sizing:border-box;height:2.125rem;min-height:2.125rem}
:root{--pagefind-ui-scale:0.9;--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-background);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-text-muted);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:8px;--pagefind-ui-font:var(--font-body)}
.search--navbar .pagefind-ui__search-input{width:200px;transition:width .2s ease}
.search--navbar .pagefind-ui__search-input:focus{width:300px}
.search--sidebar .pagefind-ui__search-input,.search--footer .pagefind-ui__search-input{width:100%}
.pagefind-ui__search-clear{opacity:0;transition:opacity .2s}
.pagefind-ui__search-input:not(:placeholder-shown)~.pagefind-ui__search-clear{opacity:1}
.pagefind-ui__search-input{background:var(--pagefind-ui-background);color:var(--pagefind-ui-text);border:1px solid var(--pagefind-ui-border);border-radius:var(--pagefind-ui-border-radius)}
.pagefind-ui__search-input:focus{border-color:var(--pagefind-ui-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);outline:none}
.pagefind-ui__result{padding:1rem;margin:.5rem 0;background:var(--color-surface);border:1px solid var(--pagefind-ui-border);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}
.pagefind-ui__result:hover{border-color:var(--pagefind-ui-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-text) 10%,transparent)}
.pagefind-ui__result:first-child{margin-top:.25rem}
.pagefind-ui__result:last-child{margin-bottom:.25rem}
.pagefind-ui__result-link{color:var(--pagefind-ui-primary);text-decoration:none;font-weight:600;font-size:1rem;line-height:1.4;display:block;margin-bottom:.375rem}
.pagefind-ui__result-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
.pagefind-ui__result-link:focus{outline:2px solid var(--pagefind-ui-primary);outline-offset:2px;border-radius:2px}
.pagefind-ui__result-excerpt{color:var(--pagefind-ui-text);font-size:.875rem;line-height:1.6;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pagefind-ui__result-excerpt mark{background-color:var(--color-warning);color:var(--color-background);padding:.125em .25em;border-radius:3px;font-weight:500}
.pagefind-ui__result-thumb{border-radius:6px;border:1px solid var(--pagefind-ui-border)}
.pagefind-ui__result-tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.375rem}
.pagefind-ui__result-tag[data-pagefind-ui-meta]{display:none}
.pagefind-ui__result-tag{font-size:.75rem;padding:.125rem .5rem;background:var(--color-surface);color:var(--pagefind-ui-tag);border-radius:9999px;border:1px solid var(--pagefind-ui-border)}
.pagefind-ui__message{padding:1.5rem 1rem;text-align:center;color:var(--pagefind-ui-text)}
.pagefind-ui__loading{padding:1.5rem 1rem;text-align:center;color:var(--pagefind-ui-tag)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:768px){
.search--navbar .pagefind-ui__search-input{width:100%}
.search--navbar .pagefind-ui__search-input:focus{width:100%}
.pagefind-ui__result{padding:.75rem;margin:.375rem 0}
.pagefind-ui__result-excerpt{-webkit-line-clamp:2}
}
.format-links{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.125rem;margin:.5rem 0;font-size:.8125rem;color:var(--color-text-muted)}
.format-links-label{color:var(--color-text-muted);font-weight:400;margin-right:.25rem}
.format-link{color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}
.format-link:hover,.format-link:focus{color:var(--color-primary);text-decoration:underline}
.format-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}
.format-link:not(:last-child)::after{content:"|";margin:0 .375rem;color:var(--color-border);text-decoration:none;display:inline-block}
.post-copy{margin-top:.9rem;display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.post-copy__details{position:relative}
.post-copy__summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-text);font-size:.85rem;line-height:1;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.post-copy__summary::-webkit-details-marker{display:none}
.post-copy__summary-icon{width:.95rem;height:.95rem;flex:none}
.post-copy__summary::after{content:"+";font-size:1rem;line-height:1}
.post-copy__details[open] .post-copy__summary,.post-copy__summary:hover,.post-copy__summary:focus-visible{color:var(--color-text);border-color:var(--color-link-hover,var(--color-primary));background:color-mix(in srgb,var(--color-background) 88%,var(--color-link-hover,var(--color-primary)) 12%)}
.post-copy__details[open] .post-copy__summary::after{content:"-"}
.post-copy__menu{position:absolute;top:calc(100% + .45rem);left:0;z-index:100;min-width:12rem;display:grid;gap:.35rem;padding:.45rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-background);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.post-copy__option{appearance:none;border:0;border-radius:.75rem;padding:.65rem .8rem;text-align:left;font:inherit;background:0 0;color:var(--color-text);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.post-copy__option:hover,.post-copy__option:focus-visible{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary);transform:translateX(2px)}
.post-copy__status{min-height:1.2em;font-size:.8rem;color:var(--color-text-muted)}
@media(max-width:480px){
.format-links{font-size:.75rem}
.post-copy{width:100%;align-items:stretch}
.post-copy__details,.post-copy__summary{width:100%}
.post-copy__menu{min-width:100%}
}
.embed-card{margin:1.5rem 0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.embed-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,8%)}
.embed-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.embed-card-link:hover{text-decoration:none}
.embed-gist{display:flex;flex-direction:column;gap:.5rem}
.embed-gist-header{font-size:.875rem;color:var(--color-text-muted);display:flex;gap:.5rem;align-items:center;justify-content:space-between}
.embed-gist-header a{color:inherit;text-decoration:none}
.embed-gist-header a:hover{color:var(--color-primary);text-decoration:underline}
.embed-gist-language{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}
.embed-card-rich .embed-gist pre{margin:0}
.embed-card-external .embed-card-link{flex-direction:row}
.embed-card-image{flex-shrink:0;width:200px;height:150px;max-height:150px;overflow:hidden}
.embed-card-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .2s ease}
.embed-card:hover .embed-card-image img{transform:scale(1.02)}
.embed-card-content{flex:1;padding:1rem 1.25rem;min-width:0}
.embed-card-title{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--color-text);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.embed-card:hover .embed-card-title{color:var(--color-primary)}
.embed-card-description{font-size:.875rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.embed-card-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}
.embed-card-source{margin-top:.35rem;font-size:.75rem;color:var(--color-text-muted)}
.embed-card-source a{color:inherit;font-weight:600}
.embed-card:not(.embed-card-external){border-left:4px solid var(--color-primary)}
.embed-card:not(.embed-card-external) .embed-card-content{padding:1rem 1.25rem 1rem 1rem}
@media(max-width:640px){
.embed-card-external .embed-card-link{flex-direction:column}
.embed-card-image{width:100%;max-height:180px}
.embed-card-content{padding:1rem}
.embed-card-title{font-size:1rem;-webkit-line-clamp:2}
.embed-card-description{-webkit-line-clamp:2}
}
.embed-card-link:focus{outline:none}
.embed-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:inherit}
@media print{
.embed-card{page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}
.embed-card-image{display:none}
.embed-card-link::after{content:" (" attr(href)")";font-size:.75rem;color:#666}
}
.blogroll-page{max-width:1120px;margin:0 auto;padding:2rem 1rem 3.5rem}
.blogroll-header{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:1.5rem;align-items:end;margin-bottom:1.4rem;padding:1.8rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1.5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 46%),color-mix(in srgb,var(--color-surface) 76%,transparent)}
.blogroll-header-copy{display:grid;gap:.65rem}
.blogroll-header h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.94;letter-spacing:-.045em;color:var(--color-text)}
.blogroll-subtitle{margin:0;max-width:50ch;color:var(--color-text-muted);font-size:1.08rem;line-height:1.62}
.blogroll-header-stats{display:grid;grid-auto-flow:column;gap:.75rem}
.blogroll-header-stats>div{display:grid;gap:.1rem;min-width:7rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-background) 86%,transparent)}
.blogroll-header-stats strong{font-size:1.5rem;line-height:1;color:var(--color-text)}
.blogroll-header-stats span{color:var(--color-text-muted);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}
.blogroll-nav a{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-primary);text-decoration:none;padding:.6rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-background) 82%,transparent);transition:transform .2s ease,background-color .2s ease,color .2s ease}
.blogroll-nav a:hover{transform:translateY(-1px);background-color:var(--color-primary);color:var(--color-background)}
.blogroll-sections{display:grid;gap:4rem}
.blogroll-category{display:grid;gap:1.5rem}
.blogroll-category-heading{display:grid;gap:.45rem;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}
.blogroll-category h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:.95;letter-spacing:-.03em;color:var(--color-text);text-transform:lowercase}
.blogroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.35rem 1.5rem}
.blogroll-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1.05rem;align-items:start;min-width:0;padding:1.1rem 0 0;border-top:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);transition:border-color .2s ease,transform .2s ease}
.blogroll-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}
.blogroll-card-avatar,.blogroll-card-avatar-placeholder{width:64px;height:64px;border-radius:1rem;flex-shrink:0}
.blogroll-card-avatar{object-fit:cover;background:color-mix(in srgb,var(--color-border) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}
.blogroll-card-content{display:grid;gap:.55rem;min-width:0}
.blogroll-card-site{width:fit-content;color:var(--color-text-muted);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-card-site:hover{color:var(--color-primary)}
.blogroll-card-title{margin:0;font-size:1.08rem;line-height:1.24;font-weight:700;text-wrap:balance}
.blogroll-card-title a{color:var(--color-text);text-decoration:none}
.blogroll-card-title a:hover{color:var(--color-primary)}
.blogroll-card-description{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.64;max-width:34ch}
.blogroll-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;padding-top:.18rem;color:var(--color-text-muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blogroll-card-count{display:inline-flex;align-items:center;gap:.3rem}
.blogroll-card-feed{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:none;padding:.2rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 32%,transparent);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-card-feed:hover{border-color:var(--color-primary);color:var(--color-primary)}
@media(max-width:840px){
.blogroll-header{grid-template-columns:1fr}
.blogroll-header-stats{grid-auto-flow:row;justify-content:start}
}
@media(max-width:640px){
.blogroll-page{padding:1.5rem 1rem 2.5rem}
.blogroll-sections{gap:3rem}
.blogroll-card{grid-template-columns:56px minmax(0,1fr);gap:.85rem;padding:1rem 0 0}
.blogroll-card-avatar,.blogroll-card-avatar-placeholder{width:56px;height:56px;border-radius:.9rem}
}
.reader-page{max-width:1180px;margin:0 auto;padding:2rem 1rem 3rem}
.reader-header{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:1.5rem;align-items:end;margin-bottom:1.25rem;padding:1.5rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 45%),color-mix(in srgb,var(--color-surface) 72%,transparent)}
.reader-header h1{margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:.95;color:var(--color-text)}
.reader-header-copy{display:grid;gap:.55rem}
.reader-subtitle{margin:0;color:var(--color-text-muted);font-size:1.05rem;max-width:52ch}
.reader-header-stats{display:grid;grid-auto-flow:column;gap:.75rem}
.reader-header-stats>div{display:grid;gap:.1rem;min-width:6.5rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-background) 86%,transparent)}
.reader-header-stats strong{font-size:1.4rem;line-height:1}
.reader-header-stats span{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.reader-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.reader-nav a{color:var(--color-primary);text-decoration:none;padding:.6rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-background) 82%,transparent);transition:transform .2s ease,background-color .2s ease,color .2s ease}
.reader-nav a:hover{transform:translateY(-1px);background-color:var(--color-primary);color:var(--color-background)}
.reader-stream{display:grid;gap:2rem}
.reader-day{display:grid;grid-template-columns:minmax(140px,180px)minmax(0,1fr);gap:1.25rem;align-items:start;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}
.reader-day-rail{position:sticky;top:1rem;display:grid;gap:.85rem;align-self:start}
.reader-day-rail time{display:grid;gap:.2rem}
.reader-day-weekday{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.reader-day-title{font-size:clamp(2rem,4vw,3.5rem);line-height:.9;letter-spacing:-.04em;color:var(--color-text)}
.reader-day-year{color:var(--color-text-muted);font-size:.95rem;font-weight:600}
.reader-day-count{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.reader-day-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}
.reader-day-entries>*{min-width:0}
.reader-entry{display:grid;gap:.8rem;align-content:start;min-width:0;padding:1rem;border:1px solid transparent;border-radius:1rem;background:color-mix(in srgb,var(--color-background) 88%,transparent);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 82%,transparent),0 1px color-mix(in srgb,var(--color-border) 55%,transparent)}
@supports(content-visibility:auto){
.reader-day-entries>.reader-entry:nth-child(n+5){content-visibility:auto;contain-intrinsic-size:auto 24rem}
}
.reader-entry-meta-row{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:start;gap:.5rem .75rem;min-width:0}
.reader-entry-source-link{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;min-width:0;max-width:100%;color:var(--color-text-muted);text-decoration:none}
.reader-entry-source-link:hover .reader-entry-source{color:var(--color-primary)}
.reader-entry-source-icon,.reader-entry-source-icon--fallback{flex:none;width:.95rem;height:.95rem;border-radius:.25rem}
.reader-entry-source{min-width:0;font-size:.82rem;font-weight:700;line-height:1.35;letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-meta-row time{display:block;flex:none;color:var(--color-text-muted);font-size:.78rem;font-weight:600;white-space:nowrap;text-align:right}
.reader-entry-found-on{margin-top:.35rem;color:var(--color-text-muted);font-size:.8rem}
.reader-entry-found-on a{color:inherit;font-weight:600}
.reader-entry-title{margin:0;min-width:0;font-size:1.15rem;font-weight:700;line-height:1.25}
.reader-entry-title a{display:block;min-width:0;color:var(--color-text);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-title a:hover{color:var(--color-primary);text-decoration:underline}
.reader-entry-description{margin:0;min-width:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-image-link{display:block;min-width:0;max-width:100%}
.reader-entry-image-link--source-image,.reader-entry-image-link--screenshot,.reader-entry-image-link--source-tile{border-radius:.85rem;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 60%),color-mix(in srgb,var(--color-surface) 88%,transparent)}
.reader-entry-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.85rem;background:var(--color-surface)}
.reader-entry-image--source-image{object-fit:contain;padding:.85rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 45%),color-mix(in srgb,var(--color-background) 94%,var(--color-surface))}
@media(max-width:640px){
.reader-page{padding:1.5rem .75rem 2rem}
.reader-header{grid-template-columns:1fr;padding:1.1rem}
.reader-header-stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-day{grid-template-columns:1fr}
.reader-day-rail{position:static}
.reader-day-entries{grid-template-columns:1fr}
.reader-entry{padding:.9rem}
.reader-day-title{font-size:clamp(1.75rem,10vw,2.5rem)}
.reader-entry-title{font-size:1.05rem}
.reader-entry-meta-row{align-items:flex-start;flex-direction:column}
.reader-entry-meta-row time{padding-left:1.4rem}
.reader-entry-image{aspect-ratio:3/2}
}
.shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;z-index:10001;transition:opacity .2s ease,visibility .2s ease}
.shortcuts-modal:not([aria-hidden=true]),.shortcuts-modal.shortcuts-modal--open{opacity:1;visibility:visible}
.shortcuts-modal-content{background-color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));border-radius:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent),0 24px 80px -12px rgba(0,0,0,.5);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;animation:modal-fade-in .2s ease}
.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}
.shortcuts-modal-header h2{margin:0;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}
.shortcuts-modal-close{background:0 0;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background-color .2s}
.shortcuts-modal-close:hover{color:var(--color-text);background-color:var(--color-surface)}
.shortcuts-modal-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}
.shortcuts-modal-body{flex:1;padding:1.5rem;overflow-y:auto;columns:2;column-gap:2rem}
.shortcuts-section{margin-bottom:1.5rem;break-inside:avoid}
.shortcuts-section:last-child{margin-bottom:0}
.shortcuts-section-title{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}
.shortcuts-table{width:100%;border-collapse:collapse;margin:0 0 1rem}
.shortcuts-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);transition:background-color .12s ease}
.shortcuts-table tbody tr:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}
.shortcuts-table tbody tr:last-child{border-bottom:none}
.shortcuts-table td{padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--color-text)}
.shortcuts-table td:first-child{width:160px;padding-left:0;font-weight:500;color:var(--color-text);white-space:nowrap}
.shortcuts-table td:last-child{color:var(--color-text-muted);padding-right:0}
.shortcuts-table kbd,kbd.kbd{display:inline-block;padding:.2em .45em;font-family:var(--font-mono,ui-monospace,monospace);font-size:.8em;font-weight:600;line-height:1.3;color:var(--color-text);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-bottom-width:2px;border-bottom-color:color-mix(in srgb,var(--color-text) 22%,transparent);border-radius:4px;white-space:nowrap;margin-right:.2em;min-width:1.4em;text-align:center}
.shortcuts-table kbd.kbd-mac,.shortcuts-table kbd.kbd-win{font-weight:600;font-size:.75em}
.shortcuts-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--color-surface);border-bottom-left-radius:11px;border-bottom-right-radius:11px}
.shortcuts-toggle-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s,opacity .2s}
.shortcuts-toggle-btn:hover{opacity:.9}
.shortcuts-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}
.shortcuts-toggle-btn[aria-pressed=false]{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}
.shortcuts-hint{margin:0;font-size:.75rem;color:var(--color-text-muted);font-style:italic}
@keyframes modal-fade-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
.shortcuts-modal-content{animation:none}
.shortcuts-modal{transition:none}
}
::view-transition-old(root){animation:fade-out 80ms ease both}
::view-transition-new(root){animation:fade-in 100ms ease both}
::view-transition{pointer-events:none}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){overflow:visible}
@keyframes fade-out{to{opacity:0}}
@keyframes fade-in{from{opacity:0}}
@keyframes slide-up{from{transform:translateY(8px)}}
@keyframes slide-down{from{transform:translateY(-8px)}}
::view-transition-old(main-content){animation:fade-out 70ms ease both}
::view-transition-new(main-content){animation:fade-in 110ms ease both,slide-up 120ms cubic-bezier(.2,.8,.2,1)both}
::view-transition-group(main-content),::view-transition-old(main-content),::view-transition-new(main-content){z-index:1}
.share-panel{margin:var(--space-8)0 var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);position:relative}
.share-panel__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}
.share-panel__title{font-size:var(--text-sm);font-weight:600;margin:0 0 .75rem}
.share-panel__grid{display:flex;flex-wrap:wrap;gap:.5rem}
.share-button{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;background:0 0;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.share-button__icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center}
.share-button__icon svg{width:100%;height:100%;display:block}
.share-button__icon[style*=--share-icon]{-webkit-mask-image:var(--share-icon);mask-image:var(--share-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor}
.share-button__label,.share-button__name{display:none}
.share-button__hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.share-button:hover,.share-button:focus-visible{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}
.share-toast{display:none}
@media(min-width:769px){
.share-toast{display:inline-flex;position:absolute;right:0;top:0;transform:translateY(-120%);padding:.35rem .7rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:.75rem;letter-spacing:.01em;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;white-space:nowrap;z-index:2}
}
@media(max-width:768px){
.share-panel{padding-top:var(--space-3);margin-bottom:var(--space-5)}
.share-button{width:2rem;height:2rem}
}
::view-transition-old(site-nav),::view-transition-new(site-nav),::view-transition-old(site-footer),::view-transition-new(site-footer),::view-transition-old(breadcrumbs),::view-transition-new(breadcrumbs),::view-transition-old(pagination),::view-transition-new(pagination),::view-transition-old(feed-sidebar),::view-transition-new(feed-sidebar),::view-transition-old(post-nav),::view-transition-new(post-nav){animation:none}
@media(prefers-reduced-motion:reduce){
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media(max-width:640px){
.shortcuts-modal{align-items:flex-end}
.shortcuts-modal-content{border-radius:12px 12px 0 0;max-height:90vh}
.shortcuts-modal-header{padding:1rem 1.25rem}
.shortcuts-modal-header h2{font-size:1.25rem}
.shortcuts-modal-body{padding:1rem 1.25rem;columns:1}
.shortcuts-modal-footer{padding:.75rem 1.25rem;flex-direction:column;gap:.75rem;align-items:stretch}
.shortcuts-toggle-btn{width:100%}
.shortcuts-table td{padding:.375rem .5rem;font-size:.8125rem}
.shortcuts-table td:first-child{width:140px}
.shortcuts-hint{text-align:center}
}
@media(max-width:1024px) and (min-width:640px){
.shortcuts-modal-content{max-width:90%}
}
@media(prefers-color-scheme:dark){
.shortcuts-modal{background-color:rgba(0,0,0,.7)}
.shortcuts-modal-content{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent),0 24px 80px -12px rgba(0,0,0,.6)}
.shortcuts-table kbd,kbd.kbd{background:var(--color-surface);border-color:color-mix(in srgb,var(--color-text) 15%,transparent);border-bottom-color:color-mix(in srgb,var(--color-text) 22%,transparent)}
}
@media(prefers-contrast:more){
.shortcuts-modal-header{border-bottom-width:2px}
.shortcuts-modal-footer{border-top-width:2px}
.shortcuts-modal-close{border:2px solid transparent}
.shortcuts-modal-close:focus{border-color:var(--color-primary)}
.shortcuts-table tbody tr{border-bottom-width:2px}
.shortcuts-table kbd,kbd.kbd{border-width:2px}
}
mark{background:var(--color-highlight)!important;color:var(--color-highlight-text)!important;padding:.125em .25em;border-radius:.125em}
html mark,html[data-fontpack] mark,html[data-palette] mark{background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
::selection{background-color:var(--color-selection-bg,var(--color-mark-bg));color:var(--color-selection-text,var(--color-mark-text))}
::-moz-selection{background-color:var(--color-selection-bg,var(--color-mark-bg));color:var(--color-selection-text,var(--color-mark-text))}
@media(prefers-contrast:more){
mark{outline:1px solid currentColor}
::selection,::-moz-selection{background-color:Highlight;color:HighlightText}
}
.keys{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.125em}
.key-separator{color:var(--color-text-muted);font-size:.875em;margin:0 .125em}
kbd,kbd.kbd{display:inline-block;padding:.15em .4em;font-family:var(--font-mono,ui-monospace,monospace);font-size:.875em;line-height:1.4;color:var(--color-text);background-color:var(--color-surface,#f5f5f5);border:1px solid var(--color-border,#ccc);border-radius:.25em;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 0 0 var(--color-background,#fff)inset;white-space:nowrap}
kbd.key-ctrl,kbd.key-alt,kbd.key-shift,kbd.key-meta,kbd.key-win{font-weight:600;background-color:var(--color-kbd-modifier-bg,#e8e8e8)}
@media(prefers-color-scheme:dark){
kbd,kbd.kbd{background-color:var(--color-surface,#2d2d2d);border-color:var(--color-border,#555);box-shadow:0 1px 1px rgba(0,0,0,.3),0 2px 0 0 var(--color-background,#1a1a1a)inset}
kbd.key-ctrl,kbd.key-alt,kbd.key-shift,kbd.key-meta,kbd.key-win{background-color:var(--color-kbd-modifier-bg,#3d3d3d)}
}
@media(prefers-contrast:more){
kbd,kbd.kbd{border-width:2px;border-color:var(--color-text)}
}
main .container{padding:1rem;margin:1rem 0}
.warning{padding:1rem;margin:1rem 0;background-color:var(--color-warning-bg,#fff3cd);border-left:4px solid var(--color-warning-border,#ffc107);border-radius:.25rem}
.info{padding:1rem;margin:1rem 0;background-color:var(--color-info-bg,#cff4fc);border-left:4px solid var(--color-info-border,#0dcaf0);border-radius:.25rem}
.success{padding:1rem;margin:1rem 0;background-color:var(--color-success-bg,#d1e7dd);border-left:4px solid var(--color-success-border,#198754);border-radius:.25rem}
.error,.danger{padding:1rem;margin:1rem 0;background-color:var(--color-danger-bg,#f8d7da);border-left:4px solid var(--color-danger-border,#dc3545);border-radius:.25rem}
.note{padding:1rem;margin:1rem 0;background-color:var(--color-note-bg,#e7e9eb);border-left:4px solid var(--color-note-border,#6c757d);border-radius:.25rem}
@media(prefers-color-scheme:dark){
.warning{background-color:var(--color-warning-bg,#332d1a)}
.info{background-color:var(--color-info-bg,#1a2e33)}
.success{background-color:var(--color-success-bg,#1a2e22)}
.error,.danger{background-color:var(--color-danger-bg,#331a1d)}
.note{background-color:var(--color-note-bg,#2d2d2d)}
}
.columns>*{flex:1;min-width:200px}
@media(max-width:640px){
.columns>*{min-width:auto}
}
.hidden{display:none}
figure{margin:1.5rem 0;padding:0}
figure img{max-width:100%;height:auto;border-radius:4px}
figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-text-muted);text-align:center;font-style:italic;line-height:1.5}
}

@layer utilities{
html[data-text-size=small]{--text-base:1rem;--post-text-size:1.125rem;--content-width:68ch}
html[data-text-size=medium]{--text-base:1.0625rem;--post-text-size:1.25rem;--content-width:66ch}
html[data-text-size=large]{--text-base:1.125rem;--post-text-size:1.375rem;--content-width:64ch}
html[data-text-size=x-large]{--text-base:1.1875rem;--post-text-size:1.5rem;--content-width:62ch}
:root{--reading-scale:1}
@media(min-width:1800px){
:root{--reading-scale:1.08}
}
@media(min-width:2200px){
:root{--reading-scale:1.16}
}
@media(min-width:3000px){
:root{--reading-scale:1.25}
}
}

@font-face {
  font-family: "Caveat Brush";
  src: url('/assets/fonts/caveat-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "DM Mono";
  src: url('/assets/fonts/dm-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Kalam";
  src: url('/assets/fonts/kalam-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Source Sans 3";
  src: url('/assets/fonts/source-sans-3-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Knewave";
  src: url('/assets/fonts/knewave-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Space Grotesk";
  src: url('/assets/fonts/space-grotesk-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bungee";
  src: url('/assets/fonts/bungee-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url('/assets/fonts/ibm-plex-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url('/assets/fonts/jetbrains-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 800;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Literata";
  src: url('/assets/fonts/literata-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Sedgwick Ave Display";
  src: url('/assets/fonts/sedgwick-ave-display-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Water Brush";
  src: url('/assets/fonts/water-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url('/assets/fonts/ibm-plex-sans-condensed-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Source Serif 4";
  src: url('/assets/fonts/source-serif-4-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Covered By Your Grace";
  src: url('/assets/fonts/covered-by-your-grace-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Trade Winds";
  src: url('/assets/fonts/trade-winds-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rubik Dirt";
  src: url('/assets/fonts/rubik-dirt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Victor Mono";
  src: url('/assets/fonts/victor-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Permanent Marker";
  src: url('/assets/fonts/permanent-marker-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Geist Mono";
  src: url('/assets/fonts/geist-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Instrument Serif";
  src: url('/assets/fonts/instrument-serif-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Manrope";
  src: url('/assets/fonts/manrope-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Syne";
  src: url('/assets/fonts/syne-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 800;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Finger Paint";
  src: url('/assets/fonts/finger-paint-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rock Salt";
  src: url('/assets/fonts/rock-salt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Inter";
  src: url('/assets/fonts/inter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Inter Tight";
  src: url('/assets/fonts/inter-tight-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Serif";
  src: url('/assets/fonts/ibm-plex-serif-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bitter";
  src: url('/assets/fonts/bitter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Courier Prime";
  src: url('/assets/fonts/courier-prime-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Crimson Pro";
  src: url('/assets/fonts/crimson-pro-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Special Elite";
  src: url('/assets/fonts/special-elite-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
[data-fontpack="brush"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-label: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 700;
  --font-lead: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="brutalist"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Bungee", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 500;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="code-editorial"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="dry-brush"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Water Brush", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="editorial"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-body-variation: "opsz" 18;
  --font-caption: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-heading-variation: "opsz" 72;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.22rem;
  --font-lead-variation: "opsz" 24;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-quote-size: 1.35rem;
  --font-subheading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-subheading-variation: "opsz" 36;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="field-notebook"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-label: "Kalam", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Covered By Your Grace", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="garage"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Trade Winds", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="handwritten"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Kalam", cursive;
  --font-display-weight: 400;
  --font-heading: "Caveat Brush", cursive;
  --font-heading-weight: 400;
  --font-quote: "Caveat Brush", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="humanist"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="indie-zine"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Victor Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Rubik Dirt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-quote: "Knewave", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="literary"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-subheading: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="marker-note"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Permanent Marker", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-quote: "Kalam", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-editorial"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-soft"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Syne", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-label: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 750;
  --font-lead: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="painted-sign"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Finger Paint", cursive;
  --font-display-weight: 400;
  --font-heading: "Rock Salt", cursive;
  --font-heading-weight: 400;
  --font-label: "Rock Salt", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Rock Salt", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.25rem;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="plain"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.18rem;
  --font-metadata: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 450;
  --font-subheading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="poster-grit"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-display-weight: 400;
  --font-heading: "Permanent Marker", cursive;
  --font-heading-weight: 400;
  --font-quote: "Permanent Marker", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="system"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 800;
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.16rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.2rem;
  --font-subheading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-newspaper"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-caption-weight: 500;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 800;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-label-weight: 700;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.22rem;
  --font-metadata: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-metadata-weight: 600;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.28rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-reader"] {
  --font-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-display-weight: 700;
  --font-heading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-serif"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-terminal"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-display-weight: 700;
  --font-heading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-heading-weight: 700;
  --font-label: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-label-weight: 700;
  --font-lead: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-lead-weight: 500;
  --font-lead-size: 1.1rem;
  --font-metadata: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-quote-style: italic;
  --font-quote-size: 1.05rem;
  --font-subheading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="technical"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 400;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 400;
  --font-lead-size: 1.15rem;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "IBM Plex Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 400;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="typewriter"] {
  --font-body: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "Courier Prime", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Special Elite", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 400;
  --font-heading: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
@layer base {
[data-fontpack="brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brush"] h2, [data-fontpack="brush"] h3, [data-fontpack="brush"] h4, [data-fontpack="brush"] h5, [data-fontpack="brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brush"] code, [data-fontpack="brush"] pre, [data-fontpack="brush"] kbd, [data-fontpack="brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brush"] blockquote, [data-fontpack="brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brush"] .caption, [data-fontpack="brush"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="brutalist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brutalist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brutalist"] h2, [data-fontpack="brutalist"] h3, [data-fontpack="brutalist"] h4, [data-fontpack="brutalist"] h5, [data-fontpack="brutalist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brutalist"] code, [data-fontpack="brutalist"] pre, [data-fontpack="brutalist"] kbd, [data-fontpack="brutalist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brutalist"] blockquote, [data-fontpack="brutalist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brutalist"] .caption, [data-fontpack="brutalist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="code-editorial"] h2, [data-fontpack="code-editorial"] h3, [data-fontpack="code-editorial"] h4, [data-fontpack="code-editorial"] h5, [data-fontpack="code-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="code-editorial"] code, [data-fontpack="code-editorial"] pre, [data-fontpack="code-editorial"] kbd, [data-fontpack="code-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="code-editorial"] blockquote, [data-fontpack="code-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="code-editorial"] .caption, [data-fontpack="code-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="dry-brush"] h2, [data-fontpack="dry-brush"] h3, [data-fontpack="dry-brush"] h4, [data-fontpack="dry-brush"] h5, [data-fontpack="dry-brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="dry-brush"] code, [data-fontpack="dry-brush"] pre, [data-fontpack="dry-brush"] kbd, [data-fontpack="dry-brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="dry-brush"] blockquote, [data-fontpack="dry-brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="dry-brush"] .caption, [data-fontpack="dry-brush"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-variation-settings: var(--font-body-variation);
}
[data-fontpack="editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="editorial"] h2, [data-fontpack="editorial"] h3, [data-fontpack="editorial"] h4, [data-fontpack="editorial"] h5, [data-fontpack="editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-variation-settings: var(--font-heading-variation);
}
[data-fontpack="editorial"] code, [data-fontpack="editorial"] pre, [data-fontpack="editorial"] kbd, [data-fontpack="editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="editorial"] blockquote, [data-fontpack="editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="editorial"] .caption, [data-fontpack="editorial"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="field-notebook"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="field-notebook"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="field-notebook"] h2, [data-fontpack="field-notebook"] h3, [data-fontpack="field-notebook"] h4, [data-fontpack="field-notebook"] h5, [data-fontpack="field-notebook"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="field-notebook"] code, [data-fontpack="field-notebook"] pre, [data-fontpack="field-notebook"] kbd, [data-fontpack="field-notebook"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="field-notebook"] blockquote, [data-fontpack="field-notebook"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="field-notebook"] .caption, [data-fontpack="field-notebook"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="garage"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="garage"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="garage"] h2, [data-fontpack="garage"] h3, [data-fontpack="garage"] h4, [data-fontpack="garage"] h5, [data-fontpack="garage"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="garage"] code, [data-fontpack="garage"] pre, [data-fontpack="garage"] kbd, [data-fontpack="garage"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="garage"] blockquote, [data-fontpack="garage"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="garage"] .caption, [data-fontpack="garage"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="handwritten"] h2, [data-fontpack="handwritten"] h3, [data-fontpack="handwritten"] h4, [data-fontpack="handwritten"] h5, [data-fontpack="handwritten"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="handwritten"] code, [data-fontpack="handwritten"] pre, [data-fontpack="handwritten"] kbd, [data-fontpack="handwritten"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="handwritten"] blockquote, [data-fontpack="handwritten"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="handwritten"] .caption, [data-fontpack="handwritten"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="humanist"] h2, [data-fontpack="humanist"] h3, [data-fontpack="humanist"] h4, [data-fontpack="humanist"] h5, [data-fontpack="humanist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="humanist"] code, [data-fontpack="humanist"] pre, [data-fontpack="humanist"] kbd, [data-fontpack="humanist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="humanist"] blockquote, [data-fontpack="humanist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="humanist"] .caption, [data-fontpack="humanist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="indie-zine"] h2, [data-fontpack="indie-zine"] h3, [data-fontpack="indie-zine"] h4, [data-fontpack="indie-zine"] h5, [data-fontpack="indie-zine"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="indie-zine"] code, [data-fontpack="indie-zine"] pre, [data-fontpack="indie-zine"] kbd, [data-fontpack="indie-zine"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="indie-zine"] blockquote, [data-fontpack="indie-zine"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="indie-zine"] .caption, [data-fontpack="indie-zine"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="literary"] h2, [data-fontpack="literary"] h3, [data-fontpack="literary"] h4, [data-fontpack="literary"] h5, [data-fontpack="literary"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="literary"] code, [data-fontpack="literary"] pre, [data-fontpack="literary"] kbd, [data-fontpack="literary"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="literary"] blockquote, [data-fontpack="literary"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="literary"] .caption, [data-fontpack="literary"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="marker-note"] h2, [data-fontpack="marker-note"] h3, [data-fontpack="marker-note"] h4, [data-fontpack="marker-note"] h5, [data-fontpack="marker-note"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="marker-note"] code, [data-fontpack="marker-note"] pre, [data-fontpack="marker-note"] kbd, [data-fontpack="marker-note"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="marker-note"] blockquote, [data-fontpack="marker-note"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="marker-note"] .caption, [data-fontpack="marker-note"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-editorial"] h2, [data-fontpack="modern-editorial"] h3, [data-fontpack="modern-editorial"] h4, [data-fontpack="modern-editorial"] h5, [data-fontpack="modern-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-editorial"] code, [data-fontpack="modern-editorial"] pre, [data-fontpack="modern-editorial"] kbd, [data-fontpack="modern-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-editorial"] blockquote, [data-fontpack="modern-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="modern-editorial"] .caption, [data-fontpack="modern-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-soft"] h2, [data-fontpack="modern-soft"] h3, [data-fontpack="modern-soft"] h4, [data-fontpack="modern-soft"] h5, [data-fontpack="modern-soft"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-soft"] code, [data-fontpack="modern-soft"] pre, [data-fontpack="modern-soft"] kbd, [data-fontpack="modern-soft"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-soft"] blockquote, [data-fontpack="modern-soft"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="modern-soft"] .caption, [data-fontpack="modern-soft"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="painted-sign"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="painted-sign"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="painted-sign"] h2, [data-fontpack="painted-sign"] h3, [data-fontpack="painted-sign"] h4, [data-fontpack="painted-sign"] h5, [data-fontpack="painted-sign"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="painted-sign"] code, [data-fontpack="painted-sign"] pre, [data-fontpack="painted-sign"] kbd, [data-fontpack="painted-sign"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="painted-sign"] blockquote, [data-fontpack="painted-sign"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="painted-sign"] .caption, [data-fontpack="painted-sign"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="plain"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="plain"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="plain"] h2, [data-fontpack="plain"] h3, [data-fontpack="plain"] h4, [data-fontpack="plain"] h5, [data-fontpack="plain"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="plain"] code, [data-fontpack="plain"] pre, [data-fontpack="plain"] kbd, [data-fontpack="plain"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="plain"] blockquote, [data-fontpack="plain"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="plain"] .caption, [data-fontpack="plain"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="poster-grit"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="poster-grit"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="poster-grit"] h2, [data-fontpack="poster-grit"] h3, [data-fontpack="poster-grit"] h4, [data-fontpack="poster-grit"] h5, [data-fontpack="poster-grit"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="poster-grit"] code, [data-fontpack="poster-grit"] pre, [data-fontpack="poster-grit"] kbd, [data-fontpack="poster-grit"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="poster-grit"] blockquote, [data-fontpack="poster-grit"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="poster-grit"] .caption, [data-fontpack="poster-grit"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system"] h2, [data-fontpack="system"] h3, [data-fontpack="system"] h4, [data-fontpack="system"] h5, [data-fontpack="system"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system"] code, [data-fontpack="system"] pre, [data-fontpack="system"] kbd, [data-fontpack="system"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system"] blockquote, [data-fontpack="system"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system"] .caption, [data-fontpack="system"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-newspaper"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-newspaper"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-newspaper"] h2, [data-fontpack="system-newspaper"] h3, [data-fontpack="system-newspaper"] h4, [data-fontpack="system-newspaper"] h5, [data-fontpack="system-newspaper"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-newspaper"] code, [data-fontpack="system-newspaper"] pre, [data-fontpack="system-newspaper"] kbd, [data-fontpack="system-newspaper"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-newspaper"] blockquote, [data-fontpack="system-newspaper"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-newspaper"] .caption, [data-fontpack="system-newspaper"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-reader"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-reader"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-reader"] h2, [data-fontpack="system-reader"] h3, [data-fontpack="system-reader"] h4, [data-fontpack="system-reader"] h5, [data-fontpack="system-reader"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-reader"] code, [data-fontpack="system-reader"] pre, [data-fontpack="system-reader"] kbd, [data-fontpack="system-reader"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-reader"] blockquote, [data-fontpack="system-reader"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-reader"] .caption, [data-fontpack="system-reader"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-serif"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-serif"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-serif"] h2, [data-fontpack="system-serif"] h3, [data-fontpack="system-serif"] h4, [data-fontpack="system-serif"] h5, [data-fontpack="system-serif"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-serif"] code, [data-fontpack="system-serif"] pre, [data-fontpack="system-serif"] kbd, [data-fontpack="system-serif"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-serif"] blockquote, [data-fontpack="system-serif"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-serif"] .caption, [data-fontpack="system-serif"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-terminal"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-terminal"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-terminal"] h2, [data-fontpack="system-terminal"] h3, [data-fontpack="system-terminal"] h4, [data-fontpack="system-terminal"] h5, [data-fontpack="system-terminal"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-terminal"] code, [data-fontpack="system-terminal"] pre, [data-fontpack="system-terminal"] kbd, [data-fontpack="system-terminal"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-terminal"] blockquote, [data-fontpack="system-terminal"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-terminal"] .caption, [data-fontpack="system-terminal"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="technical"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="technical"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="technical"] h2, [data-fontpack="technical"] h3, [data-fontpack="technical"] h4, [data-fontpack="technical"] h5, [data-fontpack="technical"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="technical"] code, [data-fontpack="technical"] pre, [data-fontpack="technical"] kbd, [data-fontpack="technical"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="technical"] blockquote, [data-fontpack="technical"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="technical"] .caption, [data-fontpack="technical"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="typewriter"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="typewriter"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="typewriter"] h2, [data-fontpack="typewriter"] h3, [data-fontpack="typewriter"] h4, [data-fontpack="typewriter"] h5, [data-fontpack="typewriter"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="typewriter"] code, [data-fontpack="typewriter"] pre, [data-fontpack="typewriter"] kbd, [data-fontpack="typewriter"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="typewriter"] blockquote, [data-fontpack="typewriter"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="typewriter"] .caption, [data-fontpack="typewriter"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
}
:root{--fontpack-default:"handwritten";--fontpack-manifest:'[{"name":"brush","displayName":"Brush","heading":"Knewave","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"brutalist","displayName":"Brutalist","heading":"Bungee","body":"Space Grotesk","code":"IBM Plex Mono","headingFont":"\'Bungee\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"code-editorial","displayName":"Code Editorial","heading":"Space Grotesk","body":"Literata","code":"JetBrains Mono","headingFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"dry-brush","displayName":"Dry Brush","heading":"Water Brush","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Water Brush\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"editorial","displayName":"Editorial","heading":"Cormorant Garamond","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Cormorant Garamond\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"field-notebook","displayName":"Field Notebook","heading":"Knewave","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"garage","displayName":"Garage","heading":"Trade Winds","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'Trade Winds\', cursive","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"handwritten","displayName":"Handwritten","heading":"Kalam","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Kalam\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"humanist","displayName":"Humanist","heading":"Source Sans 3","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"indie-zine","displayName":"Indie Zine","heading":"Rubik Dirt","body":"Space Grotesk","code":"Victor Mono","headingFont":"\'Rubik Dirt\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Victor Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"literary","displayName":"Literary","heading":"Fraunces","body":"Literata","code":"IBM Plex Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"marker-note","displayName":"Marker Note","heading":"Permanent Marker","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Permanent Marker\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-editorial","displayName":"Modern Editorial","heading":"Fraunces","body":"Manrope","code":"Geist Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-soft","displayName":"Modern Soft","heading":"Syne","body":"Manrope","code":"Geist Mono","headingFont":"\'Syne\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"painted-sign","displayName":"Painted Sign","heading":"Finger Paint","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Finger Paint\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"plain","displayName":"Plain","heading":"Inter Tight","body":"Source Serif 4","code":"JetBrains Mono","headingFont":"\'Inter Tight\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"poster-grit","displayName":"Poster Grit","heading":"Sedgwick Ave Display","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Sedgwick Ave Display\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system","displayName":"System","heading":"System sans","body":"System sans","code":"System mono","headingFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":800,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-newspaper","displayName":"System Newspaper","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":800,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-reader","displayName":"System Reader","heading":"System book","body":"System book","code":"System mono","headingFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","headingWeight":700,"bodyFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-serif","displayName":"System Serif","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-terminal","displayName":"System Terminal","heading":"System mono","body":"System sans","code":"System mono","headingFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace","headingWeight":700,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"technical","displayName":"Technical","heading":"IBM Plex Sans","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"typewriter","displayName":"Typewriter","heading":"Special Elite","body":"Crimson Pro","code":"Courier Prime","headingFont":"\'Special Elite\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":400,"bodyFont":"\'Crimson Pro\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'Courier Prime\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"}]'}

@layer components{
.feed .posts,.feed .posts-list{max-width:750px;margin:0 auto}
@supports(grid-template-rows:subgrid){
.card .card-header{grid-row:1}
.card .card-body,.card .card-content,.card .card-excerpt{grid-row:2}
.card .card-meta,.card footer{grid-row:3}
}
.card{width:100%;min-width:0;max-width:100%}
.card pre{max-width:100%;overflow-x:auto}
.card .card-header,.card .card-body,.card .card-content,.card .card-excerpt,.card .card-meta,.card footer{background:0 0!important;background-color:transparent!important;background-image:none!important}
.card .card-title{margin:0 0 var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--color-text)}
.card .card-title a{color:inherit;text-decoration:none}
.card .card-title:hover,.card .card-title a:hover,.card .card-title a:focus-visible{color:inherit;text-decoration:underline}
.card .card-description,.card .card-excerpt,.card .card-link-snippet,.card-note .card-text{color:var(--color-text-muted)}
.card .card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}
.card .card-meta time{display:inline}
.card .card-tags{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0}
.card .card-tags .tag{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);line-height:1;vertical-align:baseline}
.card-article{padding:var(--space-6)}
.card-article.has-cover{display:flex;padding:0;overflow:hidden}
.card-article .card-cover{flex-shrink:0;width:220px;min-height:160px;overflow:hidden;background:var(--color-surface)}
.card-article .card-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.card-article.has-cover:hover .card-cover-img{transform:scale(1.03)}
.card-article.has-cover .card-content{flex:1;min-width:0;padding:var(--space-5);display:flex;flex-direction:column}
.card-article.has-cover .card-body{flex:1}
.card-article .card-header{margin-bottom:var(--space-3)}
.card-article .card-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}
.card-article.has-cover .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-article .card-excerpt{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.card-article.has-cover .card-excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.card-article .reading-time::before{content:"\2022";margin-right:var(--space-2)}
.card-note{padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:none;max-width:550px;margin-left:auto;margin-right:auto}
.card-note:hover{box-shadow:0 2px 8px rgba(0,0,0,6%)}
.card-note .card-content{margin-bottom:var(--space-3)}
.card-note .card-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2)}
.card-note .card-title a{color:var(--color-text)}
.card-note .card-text{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}
.card-note .card-meta{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs)}
.card-note .card-link{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none}
.card-note .card-link:hover{color:var(--color-primary);text-decoration:underline}
.feed .posts-list .photo-figure{width:min(100%,600px);max-width:100%;display:grid;justify-items:center;align-self:center;margin-left:auto;margin-right:auto;text-align:center}
.feed .posts-list .photo-figure>a{display:grid;place-items:center;width:100%;max-width:100%}
.feed .posts-list .photo-figure picture{display:block;width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.feed .posts-list .photo-figure img,.feed .posts-list .photo-figure video{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin-left:auto;margin-right:auto}
.card-link{display:flex;flex-direction:column;padding:0;overflow:hidden;container-type:inline-size}
@container(max-width:360px){.card-link .card-link-wrapper {
    flex-direction: column;
  }

  .card-link .card-link-image {
    width: 100%;
    height: 120px;
  }

  .card-link .card-link-image img {
    height: 120px;
  }
}
.card-link .card-link-wrapper{display:flex;align-items:flex-start;text-decoration:none;color:inherit}
.card-link .card-body{padding:var(--space-3)var(--space-4)}
.card-link .card-link-image{flex-shrink:0;width:120px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-link .card-link-image img{width:100%;height:100%;object-fit:cover}
.card-link .card-link-content{flex:1;padding:var(--space-3)var(--space-4);min-width:0}
.card-link .card-link-content p,.card-link .card-meta p{margin:0;display:inline}
.card-link .card-domain{display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--color-text);margin-top:var(--space-1);max-width:100%;min-width:2rem;min-height:2rem;padding-right:.35rem;text-decoration:none;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-link .card-domain:hover{color:inherit;text-decoration:underline}
.card-link .card-link-content a.has-avatar,.card-link .card-excerpt a.has-avatar{display:inline-flex;align-items:center;min-width:2rem;min-height:2rem}
.card-link .card-title{font-size:var(--text-base);font-weight:600;margin-bottom:0;min-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-description,.card-link .card-excerpt{color:var(--color-text-muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-excerpt p{display:inline}
.card-link .card-excerpt p+p::before{content:" "}
.card-link .card-meta{margin-top:auto;padding:var(--space-2)var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}
aside .card-link .card-title{font-size:var(--text-sm);font-weight:500;min-height:0;-webkit-line-clamp:2}
aside .card-link .card-excerpt{-webkit-line-clamp:6;font-size:var(--text-sm)}
.card-inline{padding:var(--space-4);background:0 0;border:none;border-bottom:1px solid var(--color-border);border-radius:0}
.card-inline:hover{border-color:var(--color-border);box-shadow:none}
.card-inline .card-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}
.card-inline .card-content h1,.card-inline .card-content h2,.card-inline .card-content h3,.card-inline .card-content h4,.card-inline .card-content h5,.card-inline .card-content h6{margin-top:var(--space-4);margin-bottom:var(--space-2)}
.card-inline .card-content h1:first-child,.card-inline .card-content h2:first-child,.card-inline .card-content h3:first-child,.card-inline .card-content h4:first-child{margin-top:0}
.card-inline .card-content p{margin-bottom:var(--space-3)}
.card-inline .card-content p:last-child{margin-bottom:0}
.card-inline .card-content img{max-width:100%;border-radius:var(--radius);margin:var(--space-3)0}
.card-inline .card-content blockquote{margin:var(--space-3)0;padding:var(--space-3)var(--space-4);border-top:2px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-left:none;background:var(--color-surface);border-radius:var(--radius)}
.card-inline .card-meta{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between}
.card-inline .card-permalink{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}
.card-inline .card-permalink:hover{color:var(--color-primary);text-decoration:underline}
.card-default{padding:var(--space-5)}
.card-default .card-thumbnail{width:100%;aspect-ratio:12/5;object-fit:cover}
.card-default .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-default .card-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.feed-simple{max-width:750px;margin:0 auto}
.feed-simple-header{margin-bottom:var(--space-4)}
.feed-simple-header h1{margin-bottom:var(--space-2)}
.feed-simple-header .p-summary{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}
.feed-simple-nav{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}
.feed-simple-nav a{color:var(--color-primary);text-decoration:none}
.feed-simple-nav a:hover{text-decoration:underline}
.feed-simple-nav-current{font-weight:600;color:var(--color-text)}
.simple-list{list-style:none;padding:0;margin:0}
.simple-item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-normal)}
.simple-item:last-child{border-bottom:none}
.simple-item-title{flex:1;min-width:0;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-item-title:hover{color:var(--color-primary)}
.simple-item-date{flex-shrink:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time{flex-shrink:0;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time::before{content:"\00B7";margin-right:var(--space-2)}
@media(max-width:768px){
.feed-simple{max-width:100%}
}
@media(max-width:480px){
.simple-item{flex-wrap:wrap;gap:var(--space-1)var(--space-2)}
.simple-item-title{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip}
.simple-item-reading-time::before{content:"\00B7"}
}
@media print{
.simple-item{border-bottom-color:#ccc}
.feed-simple-nav{display:none}
}
@media(max-width:768px){
.feed .posts,.feed .posts-list{max-width:100%}
.card-article{padding:var(--space-4)}
.card-article.has-cover{flex-direction:column}
.card-article .card-cover{width:100%;min-height:0;height:180px}
.card-article.has-cover .card-content{padding:var(--space-4)}
.card-article .card-title{font-size:var(--text-xl)}
.card-article.has-cover .card-title{font-size:var(--text-lg)}
.card-note{padding:var(--space-3);max-width:100%}
.card-link .card-link-wrapper{flex-direction:column}
.card-link .card-link-image{width:100%;height:120px}
.card-inline{padding:var(--space-3)}
.card-default{padding:var(--space-4)}
}
@media(max-width:480px){
.card-article .card-title{font-size:var(--text-lg)}
.card-article.has-cover .card-title{font-size:var(--text-base)}
.card-article .card-cover{height:140px}
.card-note .card-text{-webkit-line-clamp:2}
}
@media print{
.card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}
.card-inline .card-content img{max-height:150px}
}
.col-span-2{grid-column:span 2}
.row-span-2{grid-row:span 2}
[class*=col-span-]>.card,[class*=col-span-]>.photo-figure,[class*=row-span-]>.card,[class*=row-span-]>.photo-figure{height:100%}
[class*=row-span-]>.photo-figure{display:flex;flex-direction:column}
[class*=row-span-]>.photo-figure>a{flex:1;display:block;min-height:0}
[class*=row-span-]>.photo-figure img,[class*=row-span-]>.photo-figure video{height:100%;width:100%;object-fit:cover}
@media(max-width:600px){
.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}
.row-span-2,.row-span-3{grid-row:span 1}
}
}

.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.calendar-feed:not(.feed--photo-grid))>.main-content{width:100%;max-width:100%}
.main-content>.feed.h-feed.calendar-feed{width:100%;max-width:100%;--feed-content-width:100%}
.feed.h-feed.calendar-feed>.feed-header{width:100%;max-width:none}
.page-wrapper:has(>.main-content>.feed.h-feed):not(:has(.feed-sidebar,.content-sidebar,.doc-sidebar)){display:block}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--photo-grid){max-width:100%;width:100%;padding-left:clamp(.75rem,1.4vw,1.5rem);padding-right:clamp(.75rem,1.4vw,1.5rem)}
.page-wrapper:has(>.main-content>.feed.h-feed):not(:has(.feed-sidebar,.content-sidebar,.doc-sidebar))>.main-content{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));margin-left:auto;margin-right:auto}
.main-content>.feed.h-feed{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));margin-left:auto;margin-right:auto}
article.post>.post-content>.feed.h-feed{width:min(calc(100vw - (var(--space-8,2rem) * 2)),calc(750px + (var(--space-4,1rem) * 2)));max-width:calc(750px + (var(--space-4,1rem) * 2));margin-left:50%;transform:translateX(-50%)}
.feed.h-feed{--feed-content-width:min(100%, 750px);width:100%;max-width:min(100%,var(--page-width));margin:0 auto;display:block}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--photo-grid)>.main-content{width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));max-width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));margin-left:var(--push-left,0px);margin-right:0}
.main-content>.feed.h-feed.feed--photo-grid{width:100%;max-width:100%}
.feed.h-feed.feed--photo-grid{--feed-content-width:100%;container-name:shots-feed;container-type:inline-size}
.feed.h-feed.feed--photo-grid>.feed-header,.feed.h-feed.feed--photo-grid>.pagination,.feed.h-feed.feed--photo-grid>.pagination-infinite{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.feed.h-feed.feed--photo-grid>.posts-list,.feed.h-feed.feed--photo-grid>.posts.posts-list,.feed--photo-grid .posts-list--photo-grid{--photo-grid-columns:2;--photo-grid-gap:0.35rem;width:100%;max-width:none;margin:0;display:grid;container-type:inline-size;grid-template-columns:repeat(var(--photo-grid-columns),minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:calc((100cqi - ((var(--photo-grid-columns) - 1) * var(--photo-grid-gap)))/var(--photo-grid-columns));gap:var(--photo-grid-gap)}
.feed--photo-grid .shot-card{position:relative;grid-column:span 1;grid-row:span 1;min-width:0;min-height:100%;overflow:hidden;border:0;border-radius:0;background:color-mix(in srgb,var(--color-surface,#111827) 88%,black);box-shadow:none}
.feed--photo-grid .shot-card-link,.feed--photo-grid .shot-card-frame{display:block;width:100%;height:100%}
.feed--photo-grid .shot-card-frame{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-link,#c084fc) 35%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface,#111827) 88%,black)}
.feed--photo-grid .shot-card-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,color-mix(in srgb,black 68%,transparent));opacity:.12;transition:opacity .22s ease;pointer-events:none}
.feed--photo-grid .shot-card-media,.feed--photo-grid .shot-card-fallback{width:100%;height:100%;display:block}
.feed--photo-grid .shot-card-media{object-fit:cover;transition:transform .35s ease,filter .35s ease}
.feed--photo-grid .shot-card-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;padding:1rem;color:#fff;background:linear-gradient(180deg,transparent 24%,color-mix(in srgb,black 84%,transparent) 100%);opacity:0;transition:opacity .22s ease,background .22s ease}
.feed--photo-grid .shot-card-copy{display:grid;gap:.28rem}
.feed--photo-grid .shot-card-title,.feed--photo-grid .shot-card-description,.feed--photo-grid .shot-card-date{margin:0;color:inherit;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.feed--photo-grid .shot-card-title{font-size:clamp(1rem,1vw + .72rem,1.2rem);line-height:1.1}
.feed--photo-grid .shot-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:.88rem;line-height:1.35;opacity:.95}
.feed--photo-grid .shot-card-date{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;opacity:.8}
.feed--photo-grid .shot-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.feed--photo-grid .shot-card-word-count{color:inherit;font-size:.78rem;opacity:.8}
.feed--photo-grid .shot-card-date+.shot-card-word-count::before{content:"·";margin-right:.5rem}
.feed--photo-grid .shot-card:hover .shot-card-media,.feed--photo-grid .shot-card:focus-within .shot-card-media{transform:scale(1.04);filter:saturate(1.04)brightness(.86)}
.feed--photo-grid .shot-card:hover .shot-card-frame::after,.feed--photo-grid .shot-card:focus-within .shot-card-frame::after{opacity:.92}
.feed--photo-grid .shot-card:hover .shot-card-overlay,.feed--photo-grid .shot-card:focus-within .shot-card-overlay,.feed--photo-grid .shot-card:active .shot-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,black 6%,transparent) 0%,color-mix(in srgb,black 90%,transparent) 100%)}
.feed--photo-grid .shot-card:hover .shot-card-overlay,.feed--photo-grid .shot-card:focus-within .shot-card-overlay,.feed--photo-grid .shot-card:active .shot-card-overlay{opacity:1}
.feed--photo-grid .shot-card-link:focus-visible{outline:3px solid color-mix(in srgb,var(--color-link,#c084fc) 78%,white);outline-offset:-3px}
.feed--photo-grid .shot-card.has-video .shot-card-frame::before{content:"";position:absolute;top:.7rem;right:.7rem;z-index:2;width:.95rem;height:.95rem;background:color-mix(in srgb,white 92%,transparent);clip-path:polygon(18% 12%,88% 50%,18% 88%);opacity:.88;filter:drop-shadow(0 0 10px rgba(0,0,0,.4));pointer-events:none}
@container shots-feed (min-width:700px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 4;
  }

  .feed--photo-grid .shot-card.col-span-2 {
    grid-column: span 2;
  }

  .feed--photo-grid .shot-card.col-span-3 {
    grid-column: span 3;
  }

  .feed--photo-grid .shot-card.col-span-4 {
    grid-column: span 4;
  }

  .feed--photo-grid .shot-card.row-span-2 {
    grid-row: span 2;
  }

  .feed--photo-grid .shot-card.row-span-3 {
    grid-row: span 3;
  }
}
@container shots-feed (min-width:1200px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 5;
  }
}
@container shots-feed (min-width:1500px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 6;
  }
}
@container shots-feed (min-width:1800px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 7;
  }
}
.feeds-page{max-width:var(--content-width);margin:0 auto}
.feeds-listing{padding:0 0 3rem}
.page-header{margin-bottom:2rem;text-align:center}
.page-header h1{margin-bottom:.45rem}
.page-description,.feeds-count{color:var(--color-text-muted,#666)}
.feeds-count{font-size:.98rem}
.feed-sections{display:grid;gap:1.7rem}
.feed-section{display:grid;gap:1rem}
.feed-section-header{padding:0 0 .75rem;border-bottom:1px solid var(--color-border,#ddd)}
.feed-section-header h2{margin-bottom:.2rem;font-size:clamp(1.45rem,2vw,1.8rem)}
.feed-section-header p{margin:0;color:var(--color-text-muted,#666)}
.feed-section-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.88rem;color:var(--color-text-muted,#666)}
.feed-list{display:grid;gap:.8rem}
.feeds-page .feed-row{content-visibility:auto;contain-intrinsic-size:auto 22rem}
.feed-row{display:grid;gap:.8rem;align-items:start;padding:1rem 1.15rem;border:1px solid var(--color-border,#ddd);border-radius:var(--radius-lg,.75rem);background:var(--article-bg,color-mix(in srgb,var(--color-background,#111) 94%,transparent));box-shadow:0 2px 12px color-mix(in srgb,black 6%,transparent)}
.feed-main{display:grid;gap:.75rem}
.feed-row-header,.feed-header-top{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:.65rem 1rem;align-items:start}
.feed-row-header-main,.feed-header-copy,.feed-header{display:grid;gap:.3rem}
.feed-header{margin-bottom:1.5rem;gap:.9rem}
.feed-row-titleline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.feed-row-header h3,.feed-header-copy h1{margin:0}
.feed-row-header h3{font-size:1.35rem;line-height:1.15}
.feed-row-header a{color:inherit;text-decoration:none}
.feed-row-header a:hover{text-decoration:underline}
.feed-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;background:#2f2b43;border:1px solid #4a5b8d;color:#c7d2ff;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}
.feed-summary,.feed-header-copy p{margin:0;color:var(--color-text-muted,#666);font-size:1rem;line-height:1.45}
.feed-meta,.feed-stats{display:flex;flex-wrap:wrap;gap:.55rem .9rem;color:var(--color-text-muted,#666);font-size:.88rem}
.feed-view-link{color:inherit;text-decoration-color:color-mix(in srgb,var(--color-text-muted,#666) 60%,transparent);text-underline-offset:.14em}
.feed-view-link:hover{color:var(--color-primary,#007bff)}
.feed-links-display{gap:.35rem .9rem;padding-top:.15rem}
.feed-links-row{display:grid;gap:.3rem;padding-top:.2rem}
.feed-links-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#666)}
.feed-links-count{margin-left:.35rem;font-size:.92em}
.feed-links{display:flex;flex-wrap:wrap;gap:.35rem .8rem}
.feed-link{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem 0;color:inherit;text-decoration:none;font-size:.92rem;font-weight:500}
.feed-link:hover{color:var(--color-primary,#007bff);text-decoration:underline}
.feed-links-utility{margin-top:-.05rem;padding-top:.1rem}
.feed-sparkline-wrap,.feed-header-sparkline{display:grid;gap:.25rem;justify-items:end;min-width:180px;align-self:center}
.feed-sparkline-label,.feed-header-sparkline-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#666)}
.feed-sparkline-meta,.feed-header-sparkline-meta{width:180px;min-height:1rem;font-size:.76rem;color:var(--color-text-muted,#666);text-align:right}
.feed-sparkline-value,.feed-header-sparkline-value{display:inline-block;font-weight:500}
.feed-sparkline,.feed-header-sparkline-chart{width:180px;height:28px;overflow:visible;outline:none}
.feed-sparkline-axis,.feed-header-sparkline-axis{display:flex;justify-content:space-between;gap:.5rem;width:180px;font-size:.68rem;color:var(--color-text-muted,#666);opacity:0;transition:opacity 120ms ease}
.feed-sparkline-wrap:hover .feed-sparkline-axis,.feed-sparkline-wrap:focus-within .feed-sparkline-axis,.feed-header-sparkline:hover .feed-header-sparkline-axis,.feed-header-sparkline:focus-within .feed-header-sparkline-axis{opacity:1}
.feed-sparkline polyline,.feed-header-sparkline-chart polyline{fill:none;stroke:var(--color-primary,#007bff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feed-sparkline-hit,.feed-header-sparkline-hit{fill:transparent;pointer-events:all}
.feed-sparkline,.feed-header-sparkline-chart{cursor:crosshair}
.feed-sparkline-guide,.feed-sparkline-dot,.feed-header-sparkline-guide,.feed-header-sparkline-dot{opacity:0;transition:opacity 120ms ease}
.feed-sparkline-guide,.feed-header-sparkline-guide{stroke:color-mix(in srgb,var(--color-text-muted,#666) 80%,transparent);stroke-width:1;stroke-dasharray:2 2}
.feed-sparkline-dot,.feed-header-sparkline-dot{fill:var(--color-primary,#007bff)}
.feed-sparkline:focus-visible,.feed-header-sparkline-chart:focus-visible{outline:2px solid var(--color-primary,#007bff);outline-offset:3px}
@media(max-width:720px){
.feed-row-header,.feed-header-top{grid-template-columns:1fr}
.feed-sparkline-wrap,.feed-header-sparkline{justify-items:start;min-width:0;align-self:start}
.feed-sparkline-meta,.feed-sparkline,.feed-sparkline-axis,.feed-header-sparkline-meta,.feed-header-sparkline-chart,.feed-header-sparkline-axis{width:min(220px,100%);text-align:left}
}
.feed--editorial .editorial-feed{width:min(100%,750px);max-width:100%;margin-inline:auto}
.feed--editorial .editorial-week{padding-block:clamp(1.3rem,3vw,2.5rem);border-bottom:1px solid var(--color-border-soft)}
.feed--editorial .editorial-week-heading{display:flex;flex-direction:column;gap:.3rem;margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25;font-family:var(--font-heading,var(--font-serif,Georgia,serif))}
.feed--editorial .editorial-week-eyebrow{color:var(--color-text-muted);font:600 .68rem/1.5 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.11em}
.feed--editorial .editorial-week-entries{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.5rem)}
.feed--editorial .editorial-entry>.card,.feed--editorial .editorial-entry>.photo-figure{width:100%;max-width:100%;margin:0}
.feed--editorial .editorial-entry>.card{background:0 0;border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0;padding:0 0 1rem;box-shadow:none}
.feed--editorial .editorial-entry>.card:hover{background:0 0;box-shadow:none}
.feed--editorial .editorial-entry .card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.feed--editorial .editorial-entry--quiet .card-title{font-size:var(--text-lg)}
.feed--editorial .editorial-entry--featured .card-title{font-size:clamp(1.45rem,3vw,1.9rem)}
.feed--editorial .editorial-shot-collection{min-width:0}
.feed--editorial .editorial-collection-header h3{margin:0 0 .8rem;font-size:var(--text-lg)}
.feed--editorial .editorial-collection-header h3 span{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400}
.feed--editorial .editorial-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;align-items:start}
.feed--editorial .editorial-shot-grid>*,.feed--editorial .editorial-shot-grid .photo-figure{width:100%;max-width:100%;min-width:0;margin:0}
.feed--editorial .editorial-shot-grid .photo-figure>a{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md,8px);background:var(--color-surface)}
.feed--editorial .editorial-shot-grid .card img,.feed--editorial .editorial-shot-grid .photo-figure img,.feed--editorial .editorial-shot-grid .photo-figure video{display:block;width:100%;height:100%;object-fit:cover}
.feed--editorial .editorial-shot-grid figcaption{margin-top:.35rem;font-size:var(--text-xs);line-height:1.4;text-align:start;color:var(--color-text-muted)}
@media(max-width:520px){
.feed--editorial .editorial-shot-grid{gap:.35rem}
.feed--editorial .editorial-shot-grid figcaption{font-size:.7rem}
.feed--editorial .editorial-week{padding-block:1.2rem}
}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--editorial){width:min(100%,1240px);max-width:1240px;padding-inline:clamp(1rem,2.8vw,2.5rem)}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--editorial)>.main-content{width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));max-width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));margin-left:var(--push-left,0px);margin-right:0;min-width:0}
.main-content>.feed.h-feed.feed--editorial{--feed-content-width:100%;width:100%;max-width:100%;min-width:0}
.feed.h-feed.feed--editorial>.editorial-feed.posts-list{width:100%;max-width:none;display:block;margin:0}
.feed--editorial>.feed-header{padding-bottom:clamp(1.25rem,2vw,2rem);margin-bottom:.25rem;border-bottom:1px solid var(--color-border-soft)}
.feed--editorial .editorial-week{min-width:0;padding-block:clamp(1.7rem,3vw,3rem);border-bottom:1px solid var(--color-border-soft)}
.feed--editorial .editorial-week-heading{margin:0 0 1.5rem;font-size:clamp(1.45rem,2.35vw,2rem);letter-spacing:-.025em}
.feed--editorial .editorial-week-eyebrow{font-size:.72rem;letter-spacing:.13em}
.feed--editorial .editorial-week-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.15rem,2.5vw,2.25rem);row-gap:clamp(1.5rem,2.8vw,2.75rem);align-items:start;min-width:0}
.feed--editorial .editorial-week-entries>:not(.editorial-entry--quiet){grid-column:1/-1}
.feed--editorial .editorial-entry{min-width:0}
.feed--editorial .editorial-entry>.card{padding:0 0 1.4rem;border-bottom:1px solid var(--color-border-soft);max-width:100%}
.feed--editorial .editorial-entry .card-title{line-height:1.25}
.feed--editorial .editorial-entry--featured .card-title{font-size:clamp(1.55rem,2.65vw,2.25rem);font-family:var(--font-heading,var(--font-body,system-ui,sans-serif))}
.feed--editorial .editorial-entry--featured .card-article.has-cover .card-cover{width:min(38%,310px);min-height:220px}
.feed--editorial .editorial-entry--featured .card-article.has-cover .card-content{padding:.65rem clamp(.75rem,2.5vw,1.5rem)}
.feed--editorial .editorial-entry--standard .card-link .card-link-image{width:clamp(140px,23vw,220px);aspect-ratio:16/10}
.feed--editorial .editorial-entry--standard .card-link .card-title{font-size:clamp(1.18rem,2.1vw,1.65rem);line-height:1.22;min-height:0;-webkit-line-clamp:3}
.feed--editorial .editorial-entry--standard .card-link .card-excerpt{-webkit-line-clamp:3;font-size:.94rem;line-height:1.55}
.feed--editorial .editorial-entry--standard .card-link .card-body{padding-inline:0}
.feed--editorial .editorial-entry--quiet>.card{padding:.9rem 0 1.1rem;border-top:1px solid var(--color-border-soft);border-bottom:0;border-radius:0}
.feed--editorial .editorial-entry--quiet .card-title{font-family:var(--font-body,system-ui,sans-serif);font-size:clamp(1rem,1.3vw,1.16rem);font-weight:650;line-height:1.3;margin-bottom:.45rem}
.feed--editorial .editorial-entry--quiet .card-text,.feed--editorial .editorial-entry--quiet .card-description{font-size:.95rem;line-height:1.55}
.feed--editorial .editorial-entry--quiet .card-meta{margin-top:.85rem}
.feed--editorial .editorial-shot-collection{padding-block:.3rem .7rem}
.feed--editorial .editorial-collection-header h3{font-family:var(--font-body,system-ui,sans-serif);font-size:clamp(1.03rem,1.7vw,1.3rem);font-weight:650;letter-spacing:-.015em;margin-bottom:1rem}
.feed--editorial .editorial-shot-grid{gap:clamp(.4rem,1vw,.9rem)}
.feed--editorial .editorial-shot-grid .photo-figure>a{border-radius:var(--radius-md,8px)}
.feed--editorial .editorial-shot-grid figcaption{margin-top:.5rem;line-height:1.35}
@media(min-width:880px){
.feed--editorial .editorial-week{display:grid;grid-template-columns:minmax(180px,22%)minmax(0,1fr);column-gap:clamp(2rem,4vw,4rem);align-items:start}
.feed--editorial .editorial-week-heading{position:sticky;top:5.5rem;align-self:start;padding:.15rem 0 .25rem 1.1rem;border-left:2px solid var(--color-primary,currentColor);margin:0}
}
@media(max-width:760px){
.feed--editorial .editorial-week-entries{grid-template-columns:minmax(0,1fr);row-gap:1.3rem}
.feed--editorial .editorial-week-heading{margin-bottom:1.1rem}
.feed--editorial .editorial-entry--featured .card-article.has-cover{flex-direction:column}
.feed--editorial .editorial-entry--featured .card-article.has-cover .card-cover{width:100%;min-height:0;aspect-ratio:16/9}
.feed--editorial .editorial-entry--standard .card-link .card-link-image{width:120px;aspect-ratio:3/2;height:auto}
.feed--editorial .editorial-entry--standard .card-link .card-link-wrapper{flex-direction:row}
.feed--editorial .editorial-entry--quiet>.card{padding-block:.6rem 1rem}
}
@media(max-width:420px){
.feed--editorial .editorial-entry--standard .card-link .card-link-wrapper{flex-direction:column}
.feed--editorial .editorial-entry--standard .card-link .card-link-image{width:100%;aspect-ratio:16/9}
.feed--editorial .editorial-shot-grid{gap:.3rem}
.feed--editorial .editorial-shot-grid figcaption{font-size:.68rem;overflow-wrap:anywhere}
}
.feed--editorial .editorial-entry-kicker,.feed--editorial .editorial-collection-kicker{margin:0 0 .65rem;font:650 .69rem/1.45 var(--font-mono,ui-monospace,monospace);letter-spacing:.11em;text-transform:uppercase;color:var(--color-text-muted)}
.feed--editorial .editorial-entry-kicker .editorial-lead-marker{color:var(--color-primary,var(--color-text))}
.feed--editorial .editorial-entry--lead{min-width:0;padding:clamp(1rem,2.1vw,1.6rem)0 clamp(.8rem,1.5vw,1.15rem);border-top:2px solid var(--color-primary,var(--color-text))}
.feed--editorial .editorial-entry--lead>.card{border-bottom:0;padding-bottom:0}
.feed--editorial .editorial-entry--lead .card-title,.feed--editorial .editorial-entry--lead .card-link .card-title{font-size:clamp(1.5rem,2.9vw,2.4rem);line-height:1.15;letter-spacing:-.03em;min-height:0;-webkit-line-clamp:3}
.feed--editorial .editorial-entry--lead .card-link .card-link-wrapper{gap:clamp(.8rem,2.5vw,1.7rem);align-items:start}
.feed--editorial .editorial-entry--lead .card-link .card-link-content{padding:0}
.feed--editorial .editorial-entry--lead .card-link .card-link-image{width:min(40%,330px);height:auto;aspect-ratio:16/10;border-radius:var(--radius-md,8px)}
.feed--editorial .editorial-entry--lead .card-link .card-link-image img{width:100%;height:100%;object-fit:cover}
.feed--editorial .editorial-entry--lead .card-link .card-body{padding:.7rem 0 0}
.feed--editorial .editorial-entry:not(.editorial-entry--lead) .card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feed--editorial .editorial-entry--lead .card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;max-width:76ch}
.feed--editorial .editorial-entry--quiet .card-text,.feed--editorial .editorial-entry--quiet .card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feed--editorial .editorial-entry--quiet .editorial-entry-kicker{margin-bottom:.3rem}
.feed--editorial .editorial-collection-header{margin-bottom:clamp(.8rem,1.5vw,1.2rem)}
.feed--editorial .editorial-collection-kicker{margin-bottom:.25rem}
.feed--editorial .editorial-collection-header h3{margin-bottom:0;font-size:clamp(1.35rem,2.15vw,1.85rem);letter-spacing:-.025em}
.feed--editorial .editorial-collection-header h3 span{margin-left:.5rem;font:500 .8rem/1.5 var(--font-body,system-ui,sans-serif);letter-spacing:normal;color:var(--color-text-muted)}
.feed--editorial .editorial-shot-grid .editorial-shot-date{display:block;margin-bottom:.22rem;color:var(--color-text-muted);font-size:.7rem;font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:.015em}
.feed--editorial .editorial-shot-grid figcaption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:clamp(.7rem,1vw,.8rem)}
@media(min-width:900px){
.feed--editorial .editorial-shot-grid--mosaic{display:grid;grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1.65;align-items:stretch}
.feed--editorial .editorial-shot-grid--mosaic>.photo-figure{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)auto}
.feed--editorial .editorial-shot-grid--mosaic>.photo-figure:first-child{grid-row:span 2}
.feed--editorial .editorial-shot-grid--mosaic .photo-figure>a{aspect-ratio:auto;height:100%;min-height:0}
.feed--editorial .editorial-shot-grid--mosaic .photo-figure img,.feed--editorial .editorial-shot-grid--mosaic .photo-figure video{aspect-ratio:auto;height:100%;object-fit:cover}
}
@media(max-width:760px){
.feed--editorial .editorial-entry--lead .card-link .card-link-wrapper{flex-direction:row}
.feed--editorial .editorial-entry--lead .card-link .card-link-image{width:min(38%,180px)}
.feed--editorial .editorial-entry--lead .card-title,.feed--editorial .editorial-entry--lead .card-link .card-title{font-size:clamp(1.35rem,5vw,1.8rem)}
}
@media(max-width:480px){
.feed--editorial .editorial-entry--lead .card-link .card-link-wrapper{flex-direction:column}
.feed--editorial .editorial-entry--lead .card-link .card-link-image{width:100%;aspect-ratio:16/9}
.feed--editorial .editorial-entry--lead .card-link .card-link-content{width:100%}
.feed--editorial .editorial-collection-header h3 span{display:inline;margin-left:.25rem}
}
.feed--editorial>.feed-header{gap:.55rem;padding-bottom:clamp(.9rem,1.5vw,1.2rem);margin-bottom:0}
.feed--editorial .editorial-feed-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.25rem;min-height:2.75rem;margin-top:.15rem}
.feed--editorial .editorial-feed-tools .calendar-view-switch,.feed--editorial .editorial-feed-tools .feed-view-links{display:inline-flex;align-items:center;flex-wrap:wrap;width:auto;max-width:100%;gap:clamp(.7rem,1.5vw,1.1rem);margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:0 0}
.feed--editorial .editorial-feed-tools .calendar-view-switch[hidden]{display:none}
.feed--editorial .editorial-feed-tools .calendar-view-switch button,.feed--editorial .editorial-feed-tools .calendar-view-switch a,.feed--editorial .editorial-feed-tools .feed-view-links a,.feed--editorial .editorial-feed-tools .feed-view-links span{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:2.75rem;padding:.45rem 0 .3rem;border:0;border-bottom:1px solid transparent;border-radius:0;background:0 0;box-shadow:none;color:var(--color-text-muted,#666);font:500 .82rem/1.3 var(--font-body,system-ui,sans-serif);white-space:nowrap;text-decoration:none}
.feed--editorial .editorial-feed-tools .calendar-view-switch button[aria-pressed=true],.feed--editorial .editorial-feed-tools .feed-view-links [aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-text-muted);font-weight:650;background:0 0;box-shadow:none}
.feed--editorial .editorial-feed-tools .calendar-view-switch button:not([aria-pressed=true]):hover,.feed--editorial .editorial-feed-tools .calendar-view-switch a:hover,.feed--editorial .editorial-feed-tools .feed-view-links a:hover{color:var(--color-text);border-bottom-color:initial;background:0 0}
.feed--editorial .editorial-feed-tools .pagination--top[hidden]{display:none}
.feed--editorial .editorial-feed-tools .pagination--top{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(.6rem,1.25vw,1rem);width:auto;max-width:100%;margin:0 0 0 auto;padding:0;border:0;background:0 0}
.feed--editorial .editorial-feed-tools .pagination--top .pagination-prev,.feed--editorial .editorial-feed-tools .pagination--top .pagination-next{display:inline-flex;align-items:center;min-height:2.75rem;padding:.35rem 0;border:0;border-radius:0;background:0 0;box-shadow:none;color:var(--color-text-muted,#666);font:500 .82rem/1.3 var(--font-body,system-ui,sans-serif);text-decoration:none;white-space:nowrap}
.feed--editorial .editorial-feed-tools .pagination--top .pagination-prev:hover,.feed--editorial .editorial-feed-tools .pagination--top .pagination-next:hover{color:var(--color-text);background:0 0;text-decoration:underline;text-underline-offset:.2em}
.feed--editorial .editorial-feed-tools .pagination--top .pagination-page.current{display:inline;min-width:0;height:auto;padding:0;border:0;border-radius:0;color:var(--color-text-muted,#666);background:0 0;font:500 .75rem/1.3 var(--font-body,system-ui,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
.feed--editorial .editorial-feed-tools a:focus-visible,.feed--editorial .editorial-feed-tools button:focus-visible{outline:2px solid var(--color-primary,currentColor);outline-offset:3px}
@media(min-width:880px){
.feed--editorial .editorial-week{grid-template-columns:minmax(145px,18%)minmax(0,1fr);column-gap:clamp(1.5rem,3vw,2.75rem)}
}
@media(min-width:1100px){
.main-content>.feed.h-feed.feed--editorial{max-width:min(100%,1040px)}
}
@media(max-width:620px){
.feed--editorial .editorial-feed-tools{align-items:flex-start;row-gap:0}
.feed--editorial .editorial-feed-tools .pagination--top{margin-left:0}
}
@media screen{
.feed--editorial .editorial-week~.editorial-week{content-visibility:auto;contain-intrinsic-block-size:auto calc(var(--editorial-week-items,6) * 700px)}
}
.feed.feed--editorial>.feed-header{margin-block-end:0}

@layer components{
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
.theme-switching,.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition:none!important}
.theme-switcher{display:inline-flex;align-items:center;gap:.375rem}
.palette-mode-toggle,.theme-picker-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:999px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.palette-mode-toggle:hover,.theme-picker-toggle:hover,.theme-picker.is-open .theme-picker-toggle{border-color:var(--color-primary,#6366f1)}
.palette-mode-toggle:active,.theme-picker-toggle:active{transform:scale(.94)}
.palette-mode-toggle:focus-visible,.theme-picker-toggle:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}
.mode-icon{display:inline-flex;line-height:1}
.mode-icon svg{display:block}
.mode-icon-sun{display:none!important}
[data-theme=light] .mode-icon-sun{display:block!important}
[data-theme=light] .mode-icon-moon{display:none!important}
.theme-picker-icon{display:block}
.theme-picker-dot--a{fill:var(--color-primary,#6366f1)}
.theme-picker-dot--b{fill:var(--color-code-string,var(--color-success,#16a34a))}
.theme-picker-dot--c{fill:var(--color-warning,var(--color-code-keyword,#f59e0b))}
.text-size-control{display:inline-flex;align-items:center}
.text-size-select,.theme-picker-field select{appearance:none;-webkit-appearance:none;min-height:2.25rem;max-width:7.5rem;padding:.375rem 1.75rem .375rem .625rem;background-color:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:var(--radius,.375rem);font:inherit;font-size:var(--text-sm,.875rem);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .375rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem}
.text-size-select:hover,.theme-picker-field select:hover{border-color:var(--color-primary,#6366f1)}
.text-size-select:focus-visible,.theme-picker-field select:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}
@media(max-width:480px){
.text-size-control .text-size-select{max-width:5.75rem;padding-left:.5rem;padding-right:1.5rem}
}
.site-header .theme-switcher--combined:has(.theme-picker:not([hidden]))>.palette-mode-toggle{display:none}
.site-header .theme-picker-toggle,.site-header .palette-mode-toggle{width:2.125rem;height:2.125rem;border-color:transparent;border-radius:.5rem;background:0 0;color:var(--color-text-muted,var(--color-text));transition:background-color .15s ease,color .15s ease}
.site-header .theme-picker-toggle:hover,.site-header .palette-mode-toggle:hover,.site-header .theme-picker.is-open .theme-picker-toggle{background:var(--color-surface);border-color:transparent;color:var(--color-text)}
.theme-picker-panel .adaptive-loading{flex:none;visibility:visible;padding:.25rem .75rem;border-top:1px solid var(--color-border-soft,var(--color-border));font:inherit}
.theme-picker-panel .adaptive-loading summary{display:flex;align-items:center;min-height:2rem;padding:.25rem .125rem;border:0;border-radius:.375rem;color:var(--color-text-muted);font-size:var(--text-sm,.875rem)}
.theme-picker-panel .adaptive-loading summary:hover{color:var(--color-text)}
.theme-picker-panel .adaptive-loading summary::before{content:'▸';margin-right:.5rem}
.theme-picker-panel .adaptive-loading details[open] summary::before{content:'▾'}
.theme-picker-panel .adaptive-loading__panel{position:static;width:auto;max-width:none;margin:0;padding:.25rem .25rem .75rem;border:0;border-radius:0;background:0 0;box-shadow:none}
.theme-picker-panel .adaptive-loading__status{margin:0 0 .25rem;padding:.25rem .5rem;font-size:.75rem}
.site-header .theme-picker:has([data-loading-status]:not([hidden])) .theme-picker-toggle::after{content:'';position:absolute;top:.15rem;right:.15rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--color-primary)}
.theme-picker{position:relative;display:inline-flex}
.theme-picker[hidden]{display:none}
header:has(.theme-picker.is-open),.site-header:has(.theme-picker.is-open){z-index:1000}
.theme-picker-panel{position:absolute;top:calc(100% + .625rem);right:0;z-index:1100;display:flex;flex-direction:column;width:min(30rem,calc(100vw - 1.5rem));height:min(36rem,calc(100vh - 6rem));font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--color-background,#fff);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:.875rem;box-shadow:0 24px 60px -16px rgb(0 0 0/.45),0 2px 8px rgb(0 0 0/.12);overflow:hidden;text-align:left;font-size:var(--text-sm,.875rem);line-height:1.4;transform-origin:top right;animation:theme-picker-in .14s ease-out}
.theme-picker-panel[hidden]{display:none!important}
.theme-picker-panel:focus{outline:none}
.theme-picker-top{display:flex;align-items:center;gap:.5rem;padding:.625rem .625rem .625rem .75rem;border-bottom:1px solid var(--color-border,#ddd)}
.theme-picker-tabs{display:inline-flex;flex:none;padding:3px;gap:2px;background:var(--color-surface,#f5f5f5);border-radius:.625rem}
.theme-picker-tabs [role=tab]{min-height:2rem;padding:0 .75rem;margin:0;background:0 0;color:var(--color-text-muted,#888);border:0;border-radius:.5rem;font:inherit;font-weight:600;cursor:pointer}
.theme-picker-tabs [role=tab][hidden]{display:none}
.theme-picker-tabs [role=tab]:hover{color:var(--color-text,#333)}
.theme-picker-tabs [role=tab][aria-selected=true]{background:var(--color-background,#fff);color:var(--color-text,#333);box-shadow:0 1px 3px rgb(0 0 0/.2)}
.theme-picker-steps{display:flex;flex:auto;align-items:center;justify-content:flex-end;min-width:0;gap:.25rem}
.theme-picker-current{flex:initial;min-width:0;overflow:hidden;color:var(--color-text-muted,#888);font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.theme-picker-step{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.theme-picker-step:hover{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-step:active{transform:scale(.94)}
.theme-picker-tabs [role=tab]:focus-visible,.theme-picker-step:focus-visible,.theme-picker-sizes button:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-pane{display:flex;flex:auto;flex-direction:column;min-height:0}
.theme-picker-pane[hidden]{display:none}
.theme-picker-head{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border,#ddd)}
.theme-picker-search{flex:auto;min-width:0;height:2.25rem;padding:0 .75rem;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid transparent;border-radius:.5rem;font:inherit;font-size:var(--text-sm,.875rem)}
.theme-picker-search::placeholder{color:var(--color-text-muted,#888);opacity:1}
.theme-picker-search:focus{outline:none;border-color:var(--color-primary,#6366f1)}
.theme-picker-search::-webkit-search-cancel-button{cursor:pointer}
.theme-picker-modes{display:inline-flex;flex:none;padding:2px;gap:2px;background:var(--color-surface,#f5f5f5);border-radius:.5rem}
.theme-picker-modes button,.theme-picker-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;background:0 0;color:var(--color-text-muted,#888);border:0;border-radius:.375rem;cursor:pointer}
.theme-picker-modes button:hover,.theme-picker-icon-btn:hover{color:var(--color-text,#333)}
.theme-picker-modes button[aria-pressed=true]{background:var(--color-background,#fff);color:var(--color-primary,#6366f1);box-shadow:0 1px 3px rgb(0 0 0/.18)}
.theme-picker-icon-btn{flex:none;width:2.25rem;height:2.25rem;border:1px solid var(--color-border,#ddd);border-radius:.5rem}
.theme-picker-modes button:focus-visible,.theme-picker-icon-btn:focus-visible,.theme-picker-reset:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-grid{--picker-ring:var(--color-primary, #6366f1);--picker-edge:color-mix(in srgb, var(--color-text, #333) 14%, transparent);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.625rem;flex:auto;min-height:0;padding:.75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.theme-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;margin:0;background:var(--color-background);color:var(--color-text);border:0;border-radius:.625rem;box-shadow:0 0 0 1px var(--picker-edge);overflow:hidden;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .12s ease}
.theme-card[hidden]{display:none}
.theme-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--picker-ring) 55%,transparent),0 8px 18px -10px rgb(0 0 0/.55)}
.theme-card:focus{outline:none}
.theme-card:focus-visible,.theme-card.is-current{box-shadow:0 0 0 2px var(--picker-ring)}
.theme-card.is-current::after{content:"";position:absolute;top:.375rem;right:.375rem;width:1rem;height:1rem;border-radius:999px;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M4.5 8.5l2.2 2.2 4.8-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")50%/100% no-repeat,var(--picker-ring)}
.theme-card-preview{flex:none;display:flex;flex-direction:column;gap:4px;padding:.5rem .625rem;aspect-ratio:2/1;background:var(--color-background)}
.theme-card-preview>span,.theme-card-preview i{display:block}
.theme-card-name{display:block;padding:.375rem .5rem;background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-card-name .tc-label,.theme-card-name .tc-note{display:block;overflow:hidden;text-overflow:ellipsis}
.theme-card-name .tc-note{color:var(--color-text-muted,var(--color-text));font-size:.6875rem;font-weight:500}
.theme-picker-grid--style{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-picker-grid--font{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-picker-sizes{gap:.375rem}
.theme-picker-label{margin-right:auto;color:var(--color-text-muted,#888);font-size:.75rem;font-weight:600}
.theme-picker-sizes button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid transparent;border-radius:.5rem;font:inherit;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation}
.theme-picker-sizes button[aria-checked=true]{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-sizes [data-picker-size=small] span{font-size:.75rem}
.theme-picker-sizes [data-picker-size=medium] span{font-size:.9375rem}
.theme-picker-sizes [data-picker-size=large] span{font-size:1.125rem}
.theme-picker-sizes [data-picker-size=x-large] span{font-size:1.375rem}
.theme-picker-empty{margin:0;padding:1.5rem .75rem;text-align:center;color:var(--color-text-muted,#888)}
.theme-picker-empty[hidden]{display:none}
.theme-picker-icon-btn[hidden],.theme-picker-grid[hidden],.theme-picker-schedule[hidden]{display:none}
.theme-picker-icon-btn[aria-pressed=true]{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-schedule{flex:auto;min-height:0;padding:.75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:var(--text-sm,.875rem)}
.theme-picker-current.is-previewing{color:var(--color-primary,#6366f1);font-style:italic}
.theme-picker-bar{display:flex;flex:none;align-items:center;gap:.25rem;padding:.5rem .5rem .5rem .75rem;border-top:1px solid var(--color-border,#ddd)}
.theme-picker-bar .theme-picker-hint{flex:auto;min-width:0;padding:0}
.theme-picker-bar-btn[hidden]{display:none}
.theme-picker-bar-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.375rem;min-width:2rem;height:2rem;margin:0;padding:0 .5rem;background:0 0;color:var(--color-text-muted,#888);border:1px solid transparent;border-radius:999px;font:inherit;font-size:.75rem;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.theme-picker-bar-btn svg{flex:none}
.theme-picker-bar-btn:hover{color:var(--color-text,#333);background:color-mix(in srgb,var(--color-text,#333) 8%,transparent)}
.theme-picker-bar-btn:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-reset{margin-left:auto;border-color:var(--color-border,#ddd);color:var(--color-text,#333)}
.theme-picker-bake__label:empty{display:none}
.theme-picker-bake.has-label{max-width:14rem;border-color:var(--color-border,#ddd)}
.theme-picker-bake__label{overflow:hidden;text-overflow:ellipsis}
.theme-picker-bake.is-armed{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-bake.is-done{border-color:var(--color-success,#16a34a);color:var(--color-success,#16a34a)}
.theme-picker-bake.is-error{border-color:var(--color-error,#dc2626);color:var(--color-error,#dc2626)}
.theme-picker-hint{margin:0;padding:0 .75rem .625rem;color:var(--color-text-muted,#888);font-size:.6875rem}
.theme-picker-hint span{margin:0 .125rem}
.theme-picker-hint kbd{display:inline-block;min-width:1.25em;margin-right:1px;padding:0 .25em;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:.25rem;font:inherit;font-size:.625rem;line-height:1.5;text-align:center}
@media(hover:none){
.theme-picker-hint{display:none}
}
@media(max-width:640px){
.theme-picker-panel{position:fixed;top:auto;right:0;bottom:0;left:0;width:auto;height:min(62vh,32rem);height:min(62dvh,32rem);border-width:1px 0 0;border-radius:1rem 1rem 0 0;padding-bottom:env(safe-area-inset-bottom,0px);font-size:.9375rem;transform-origin:bottom center;animation-name:theme-picker-sheet-in}
.theme-picker-top{gap:.375rem;padding:.5rem}
.theme-picker-tabs [role=tab]{min-height:2.5rem;padding:0 .625rem}
.theme-picker-step{width:2.75rem;height:2.75rem}
.theme-picker-head{padding:.5rem}
.theme-picker-search,.theme-picker-icon-btn,.theme-picker-sizes button{height:2.75rem}
.theme-picker-search{font-size:1rem}
.theme-picker-icon-btn{width:2.75rem}
.theme-picker-modes button{width:2.5rem;height:2.5rem}
.theme-picker-sizes button{width:3rem}
.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem;gap:.5rem}
.theme-picker-bar{padding:.375rem .5rem;border-top:1px solid var(--color-border,#ddd)}
.theme-picker-bar-btn{min-width:2.5rem;height:2.5rem;font-size:.8125rem}
}
@media(max-width:360px){
.theme-picker-current{display:none}
}
@media(prefers-reduced-motion:reduce){
.theme-picker-panel{animation:none}
.theme-card{transition:none}
}
@keyframes theme-picker-sheet-in{from{transform:translateY(1.5rem);opacity:0}to{transform:none;opacity:1}}
@keyframes theme-picker-in{from{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}
.palette-notification{position:fixed;bottom:2rem;left:50%;z-index:10000;padding:.625rem 1.25rem;background:var(--color-surface,#333);color:var(--color-text,#fff);border:1px solid var(--color-border,#444);border-radius:999px;font-size:var(--text-sm,.875rem);font-weight:600;box-shadow:0 8px 28px rgb(0 0 0/.3);opacity:0;pointer-events:none;transform:translateX(-50%)translateY(.5rem);transition:opacity .18s ease,transform .18s ease}
.palette-notification.visible{opacity:1;transform:translateX(-50%)translateY(0)}
}

@layer components{
#pagefind-search:empty{height:2.125rem;min-width:0;width:100%;position:relative;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);cursor:text}
.search-container{position:relative}
.search-container--navbar,.search--navbar{margin-left:auto;flex-shrink:0}
.header-controls .search-container--navbar,.header-controls .search--navbar{width:clamp(10rem,18vw,16rem);max-width:100%;margin-left:0;position:relative;z-index:40}
.header-controls .search-container--navbar #pagefind-search,.header-controls .search-container--navbar .pagefind-ui{width:100%;position:relative}
.search-container--navbar .pagefind-ui__search-input,.search--navbar .pagefind-ui__search-input{width:100%!important;max-width:100%!important;color:var(--color-text)!important;background:var(--color-background)!important}
.search-container--navbar .pagefind-ui__form,.search--navbar .pagefind-ui__form{position:relative}
.search-container--navbar .pagefind-ui__search-input,.search--navbar .pagefind-ui__search-input,.search-container--navbar .pagefind-ui__search-input[class*=svelte-],.search--navbar .pagefind-ui__search-input[class*=svelte-],.search--navbar .bleve-search__input,.search-container--navbar .bleve-search__input{box-sizing:border-box;height:2.125rem;min-height:2.125rem;padding:.375rem 2rem .375rem 2.125rem!important;background:var(--color-surface,var(--color-background))!important;border:1px solid var(--color-border-soft,var(--color-border))!important;border-radius:.5rem;box-shadow:none}
.search-container--navbar .pagefind-ui__search-input:focus,.search--navbar .pagefind-ui__search-input:focus,.search-container--navbar .bleve-search__input:focus,.search--navbar .bleve-search__input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}
.search-container--navbar #pagefind-search:empty::before,.search--navbar #pagefind-search:empty::before,.search-container--navbar .pagefind-ui__form::after,.search--navbar .pagefind-ui__form::after,.search-container--navbar .bleve-search::before,.search--navbar .bleve-search::before{content:'';position:absolute;top:50%;left:.725rem;z-index:1;width:.875rem;height:.875rem;transform:translateY(-50%);background:var(--color-text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")center/contain no-repeat;pointer-events:none}
.search-container--navbar #pagefind-search:empty,.search--navbar #pagefind-search:empty{background:var(--color-surface,var(--color-background));border-color:var(--color-border-soft,var(--color-border))}
.site-header{position:relative;z-index:var(--z-header,100);overflow:visible!important}
.pagefind-ui__form::before,.pagefind-ui__form[class*=svelte-]::before{display:none!important;content:none!important}
.pagefind-ui__search-input,.pagefind-ui__search-input[class*=svelte-]{padding-left:.75rem!important;padding-right:2.5rem!important}
.pagefind-ui{--pagefind-ui-scale:0.9;--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-background);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-border);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:0.5rem;--pagefind-ui-image-border-radius:0.375rem;--pagefind-ui-image-box-ratio:3 / 2;--pagefind-ui-font:inherit}
.pagefind-ui__search-input{font-size:.875rem;padding:.5rem .75rem;background:var(--color-background)!important;color:var(--color-text)!important;transition:border-color .15s ease,box-shadow .15s ease}
.pagefind-ui__search-input::placeholder{color:var(--color-text-muted)}
.pagefind-ui__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}
.pagefind-ui__search-clear{color:var(--color-text-muted)}
.search-container--navbar .pagefind-ui__search-clear.pagefind-ui__suppressed,.search-container--navbar .pagefind-ui__search-clear[class*=svelte-].pagefind-ui__suppressed,.search--navbar .pagefind-ui__search-clear.pagefind-ui__suppressed,.search--navbar .pagefind-ui__search-clear[class*=svelte-].pagefind-ui__suppressed{display:none!important}
.pagefind-ui__search-clear:hover{color:var(--color-text)}
.pagefind-ui__results-area{margin-top:0}
.search-container--navbar .pagefind-ui__drawer,.search--navbar .pagefind-ui__drawer{position:absolute!important;top:calc(100% + .5rem)!important;right:0!important;left:auto!important;width:min(36rem,90vw)!important;max-width:90vw!important;background:var(--color-background)!important;border:1px solid var(--color-border)!important;border-radius:.5rem!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.15)!important;z-index:200!important;max-height:70vh!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.75rem;scrollbar-width:thin;scrollbar-color:var(--color-border)var(--color-background)}
.search-container--navbar .pagefind-ui__drawer.pagefind-ui__hidden,.search--navbar .pagefind-ui__drawer.pagefind-ui__hidden,.search-container--navbar .pagefind-ui__drawer[class*=svelte-].pagefind-ui__hidden,.search--navbar .pagefind-ui__drawer[class*=svelte-].pagefind-ui__hidden{display:none!important}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar{width:8px}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-track,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-track{background:var(--color-background);border-radius:0 .5rem .5rem 0}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;border:2px solid var(--color-background)}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb:hover,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
.search-container--navbar .pagefind-ui__drawer>*,.search--navbar .pagefind-ui__drawer>*{margin:0}
.search-container--navbar .pagefind-ui__drawer .pagefind-ui__filter-panel,.search--navbar .pagefind-ui__drawer .pagefind-ui__filter-panel,.search-container--navbar .pagefind-ui__drawer .pagefind-ui__results-area,.search--navbar .pagefind-ui__drawer .pagefind-ui__results-area{margin-top:0}
.search-container--navbar #pagefind-search:empty::after,.search--navbar #pagefind-search:empty::after,.search-container--navbar .pagefind-ui::after,.search--navbar .pagefind-ui::after{content:'/';position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;padding:.125rem .375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-muted);pointer-events:none;opacity:.7}
.search-container--navbar:focus-within #pagefind-search:empty::after,.search--navbar:focus-within #pagefind-search:empty::after,.search-container--navbar:focus-within .pagefind-ui::after,.search--navbar:focus-within .pagefind-ui::after{display:none}
@media(max-width:768px){
.header-controls .search-container--navbar{width:100%}
.header-controls .search-container--navbar,.header-controls .search--navbar{flex:auto;width:auto;min-width:0}
.search-container--navbar,.search--navbar{width:100%;margin-top:.5rem}
.search-container--navbar #pagefind-search,.search--navbar #pagefind-search,.search-container--navbar .pagefind-ui,.search--navbar .pagefind-ui{width:100%}
.search-container--navbar .pagefind-ui__drawer,.search--navbar .pagefind-ui__drawer{position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:60vh!important;border-radius:.5rem!important;bottom:auto!important}
.search-container--navbar #pagefind-search:empty::after,.search--navbar #pagefind-search:empty::after,.search-container--navbar .pagefind-ui::after,.search--navbar .pagefind-ui::after{display:none}
.pagefind-ui__result,.pagefind-ui__result[class*=svelte-]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-2)!important}
.pagefind-ui__result-thumb,.pagefind-ui__result-thumb[class*=svelte-]{width:48px;height:48px;margin:0;flex:none}
.pagefind-ui__result-image,.pagefind-ui__result-image[class*=svelte-]{width:48px;height:48px;object-fit:cover;border-radius:999px}
.pagefind-ui__result-inner,.pagefind-ui__result-inner[class*=svelte-]{width:100%}
}
.site-header .site-title{flex-shrink:0}
.site-header .site-nav{flex-grow:1}
}

:root {  }
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.container{width:100%}
@media(min-width:640px){
.container{max-width:640px}
}
@media(min-width:768px){
.container{max-width:768px}
}
@media(min-width:1024px){
.container{max-width:1024px}
}
@media(min-width:1280px){
.container{max-width:1280px}
}
@media(min-width:1536px){
.container{max-width:1536px}
}
.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
.absolute{position:absolute}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mr-0{margin-right:0}
.mt-8{margin-top:2rem}
.flex{display:flex}
.hidden{display:none}
.max-h-96{max-height:24rem}
.w-6{width:1.5rem}
.w-full{width:100%}
.max-w-xl{max-width:36rem}
@keyframes pulse{50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.gap-4{gap:1rem}
.overflow-hidden{overflow:hidden}
.overflow-y-scroll{overflow-y:scroll}
.rounded{border-radius:.25rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-l-8{border-left-width:8px}
.border-r-8{border-right-width:8px}
.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}
.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}
.border-pink-900{--tw-border-opacity:1;border-color:rgb(131 24 67/var(--tw-border-opacity,1))}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}
.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}
.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}
.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}
.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}
.p-6{padding:1.5rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.text-center{text-align:center}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.font-bold{font-weight:700}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}
.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}
.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}
.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.underline{text-decoration-line:underline}
.line-through{text-decoration-line:line-through}
.decoration-teal-500{text-decoration-color:#14b8a6}
.decoration-white{text-decoration-color:#fff}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-neutral-900{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}
.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}


    /* Native controls and scrollbars follow the site's resolved mode, not the OS. */
    html:root { color-scheme: dark; }
    html:root[data-theme="light"] { color-scheme: light; }