@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,figure{margin:0}input,textarea,button,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}}@layer base{html{-webkit-text-size-adjust:none}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;line-height:1.2}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}a{color:var(--color-accent);&:hover{text-decoration-thickness:2px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);inline-size:100%;&::placeholder{color:color-mix(in oklab, var(--color-text-muted) 65%, transparent)}}input[type=checkbox]{accent-color:var(--color-accent);inline-size:auto}textarea{resize:vertical}}@layer layout{body{grid-template-rows:auto 1fr auto;min-block-size:100dvh;display:grid}@media (width>=60rem){body[data-wide]{grid-template-rows:auto minmax(0,1fr) auto;block-size:100dvh}body[data-wide] main{grid-template-rows:minmax(0,1fr);display:grid}}}@layer components{.button{align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;border:1px solid #0000;font-weight:500;display:inline-flex;& svg{flex-shrink:0;block-size:1.15em;inline-size:1.15em}&:hover:not(:disabled){background:color-mix(in oklab, var(--color-accent) 88%, black)}&:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:default}}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:hover:not(:disabled){background:color-mix(in oklab, var(--color-accent) 8%, var(--color-surface))}}.block-fields{gap:var(--space-xs);display:grid}.field{gap:var(--space-3xs);display:grid;&>label{font-size:var(--text-sm);font-weight:500}}.field-row{gap:var(--space-2xs);grid-template-columns:6rem minmax(0,1fr);display:grid}.hint{color:var(--color-text-muted);font-size:var(--text-sm)}.notice{padding:var(--space-xs) var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.notice--error{border-color:color-mix(in oklab, var(--color-danger) 40%, var(--color-border));background:color-mix(in oklab, var(--color-danger) 6%, var(--color-surface))}.markup-input{border-radius:var(--radius-sm);background:var(--color-surface);display:grid;position:relative;& textarea,& pre{font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);scrollbar-gutter:stable}& textarea{color:#0000;caret-color:var(--color-text);background:0 0;position:relative;&::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent);color:#0000}}& pre{padding:var(--space-2xs) var(--space-xs);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;border:1px solid #0000;margin:0;position:absolute;inset:0;overflow:hidden}& .strong,& .heading{font-weight:700}& .emph{font-style:italic}& .marker,& .heading{color:var(--color-accent)}& .code,& .math,& .raw,& .label{color:var(--color-code)}& .comment,& .escape{color:var(--color-text-muted)}}#preview-pages{gap:var(--space-s);user-select:none;-webkit-touch-callout:none;justify-items:center;display:grid;& [data-page]{cursor:text;inline-size:min(100%,210mm);box-shadow:var(--shadow-page);background:#fff}& svg{block-size:auto;inline-size:100%;display:block}}}:root{color-scheme:light;--color-canvas:#f4f4f5;--color-preview-canvas:#e5e5e8;--color-surface:#fff;--color-border:#d4d4d8;--color-text:#18181b;--color-text-muted:#52525b;--color-accent:#1d4ed8;--color-danger:#b91c1c;--color-success:#15803d;--color-code:#7e22ce;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--shadow-sm:0 1px 2px #00000014;--shadow-page:0 1px 3px #0000001f, 0 8px 24px #00000014;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--content-max:70ch}header[data-astro-cid-ju4pidww],footer[data-astro-cid-ju4pidww]{align-items:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-m);background:var(--color-surface);flex-wrap:wrap;display:flex}header[data-astro-cid-ju4pidww]{border-block-end:1px solid var(--color-border)}footer[data-astro-cid-ju4pidww]{border-block-start:1px solid var(--color-border);font-size:var(--text-sm);& a{color:var(--color-text-muted)}}.brand[data-astro-cid-ju4pidww]{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;text-decoration:none;& span{color:var(--color-accent)}}body:not([data-wide]) main[data-astro-cid-ju4pidww]{inline-size:min(100%, var(--content-max));padding:var(--space-l) var(--space-m) var(--space-xl);margin-inline:auto;& h2{margin-block-start:var(--space-l)}& h3{margin-block-start:var(--space-m)}& p,& ul{text-wrap:pretty;margin-block-start:var(--space-2xs)}& ul{padding-inline-start:var(--space-m)}& li+li{margin-block-start:var(--space-3xs)}}