/* SPDX-FileCopyrightText: 2026 Christina Sørensen
 *
 * SPDX-License-Identifier: LicenseRef-proprietary
 *
 * The pages' style sheet: what the artboards' own style sheets have in
 * common, kept here by hand since the pages are Rust. */

@font-face{font-family:"Instrument Sans";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/InstrumentSans-Regular.ttf") format("truetype")}
@font-face{font-family:"Instrument Sans";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/InstrumentSans-Medium.ttf") format("truetype")}
@font-face{font-family:"Instrument Sans";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/InstrumentSans-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Instrument Sans";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/InstrumentSans-Bold.ttf") format("truetype")}
@font-face{font-family:"Martian Mono";font-weight:300;font-style:normal;font-display:swap;src:url("/assets/fonts/MartianMono-Light.ttf") format("truetype")}
@font-face{font-family:"Martian Mono";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/MartianMono-Regular.ttf") format("truetype")}
@font-face{font-family:"Martian Mono";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/MartianMono-Medium.ttf") format("truetype")}
@font-face{font-family:"Martian Mono";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/MartianMono-SemiBold.ttf") format("truetype")}

body{margin:0}
.hd a.act{cursor:pointer;display:inline-flex;align-items:center}
.hd :not(pre)>code{overflow-wrap:anywhere}
.hd table.vh{display:block}
@media (max-width:480px){.hd [role=tablist]{min-width:0!important;width:100%}}
.hd label.pick{position:relative;cursor:pointer}
.hd label.pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.hd label.pick input:checked+span{background:var(--inv);color:var(--oninv);border-color:var(--inv)}
.hd label.pick input:focus-visible+span{outline:2px solid var(--wire);outline-offset:3px}
.hd button:disabled{cursor:default}
.hd [style*="overflow-x: auto"]{position:relative}
.hd{color-scheme:dark;--bg:#000;--surface:#0b0b0c;--line:#303036;--line2:#5a5a62;--wire:#f4f4f1;--ink:#f4f4f1;--ink2:#bdbdc2;--inv:#f4f4f1;--oninv:#050505;--volt:#c8f53c;--onvolt:#0b0d00;--voltink:#c8f53c;--voltedge:#c8f53c;--amberink:#ffb224;--redink:#ff6257;--mesh:rgba(255,255,255,.07);--sans:"Instrument Sans",system-ui,sans-serif;--mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;isolation:isolate;transition:background-color .25s ease,color .25s ease}
.hd.dark{--bg:#121214;--surface:#1a1a1d;--line:#3a3a41;--line2:#64646c;--mesh:rgba(255,255,255,.055)}
.hd.light{color-scheme:light;--bg:#f3f3ef;--surface:#fff;--line:#c2c2bb;--line2:#8a8a84;--wire:#0a0a0b;--ink:#0a0a0b;--ink2:#44444a;--inv:#0a0a0b;--oninv:#f3f3ef;--voltink:#3d6600;--voltedge:#0a0a0b;--amberink:#8a4b00;--redink:#b3261e;--mesh:rgba(0,0,0,.07)}
.hd *{box-sizing:border-box}
.hd button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.hd a{color:inherit;text-decoration:none}
.hd a:hover{text-decoration:underline;text-underline-offset:5px}
.hd a.btn:hover,.hd a.plain:hover{text-decoration:none}
.hd :focus-visible{outline:2px solid var(--wire);outline-offset:3px}
.hd kbd{font-family:var(--mono);font-size:14px;font-weight:500;line-height:1;min-width:28px;height:28px;padding:0 7px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.hd .stack::before,.hd .stack::after{content:"";position:absolute;inset:-1.5px;border:1.5px solid var(--line2);background:var(--bg);pointer-events:none;z-index:-1}
.hd .stack::before{transform:translate(18px,-18px)}
.hd .stack::after{transform:translate(9px,-9px)}
@keyframes hd-zone{0%{opacity:.25} 50%{opacity:1} 100%{opacity:.25} }
@media (prefers-reduced-motion:reduce){.hd *{transition:none!important} }
.hd summary{list-style:none;cursor:pointer}
.hd summary::-webkit-details-marker{display:none}
.hd details[open] .chev{transform:rotate(90deg)}
.hd input,.hd textarea,.hd select{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;outline:0;min-width:0;border-radius:0}
.hd input::placeholder,.hd textarea::placeholder{color:var(--ink2);opacity:1}
.hd .field:focus-within{box-shadow:inset 0 0 0 1px var(--wire)}
.hd input{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;outline:0;min-width:0}
.hd a.u:hover{text-decoration:underline;text-underline-offset:5px}
.hd input::placeholder{color:var(--ink2);opacity:1}
@media (max-width:1099px){.hd aside.side{border-left:0!important;border-top:1px solid var(--line)}}
.hd .nav a:hover{background:var(--surface)}
.hd input,.hd textarea{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;outline:0;min-width:0}
.hd tbody tr:hover{background:var(--surface)}
.hd button:disabled{cursor:not-allowed}
.hd .day{display:block;cursor:default}
.hd .day:hover{outline:2px solid var(--wire);outline-offset:1px}
.hd pre{margin:0;font-family:var(--mono);font-size:15px;line-height:1.75;white-space:pre;overflow-x:auto}
.hd .side a:hover{background:var(--surface);text-decoration:none}
.hd code{font-family:var(--mono);font-size:0.88em;padding:1px 5px;border:1px solid var(--line)}
.hd .d{color:var(--ink2)}
.hd .rail a:hover{background:var(--surface)}
.hd .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hd .rail a:hover,.hd tbody tr:hover{background:var(--surface)}
.hd.system{--bg:#121214;--surface:#1a1a1d;--line:#3a3a41;--line2:#64646c;--mesh:rgba(255,255,255,.055)}
@media (prefers-color-scheme:light){.hd.system{color-scheme:light;--bg:#f3f3ef;--surface:#fff;--line:#c2c2bb;--line2:#8a8a84;--wire:#0a0a0b;--ink:#0a0a0b;--ink2:#44444a;--inv:#0a0a0b;--oninv:#f3f3ef;--voltink:#3d6600;--voltedge:#0a0a0b;--amberink:#8a4b00;--redink:#b3261e;--mesh:rgba(0,0,0,.07)}}