@property --a{syntax:"<color>";inherits:true;initial-value:#1d4f91}@property --b{syntax:"<color>";inherits:true;initial-value:#e8ebe6}@property --k{syntax:"<color>";inherits:true;initial-value:#26170f}@font-face{font-family:Tomorrow;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/tomorrow_black_italic.ttf)format("truetype")}@font-face{font-family:Tomorrow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tomorrow_semibold.ttf)format("truetype")}@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow_regular.ttf)format("truetype")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow_medium.ttf)format("truetype")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow_semibold.ttf)format("truetype")}@font-face{font-family:Martian Mono;font-weight:100 800;font-display:swap;src:url(/fonts/martian_mono.ttf)format("truetype")}:root{--a:#1d4f91;--b:#e8ebe6;--k:#26170f;--ease:cubic-bezier(.16, 1, .3, 1);--rule:1.5px;--gut:clamp(1rem, 2.4vw, 2rem);--pad:clamp(1.25rem, 3vw, 2.5rem);--faint:color-mix(in srgb, var(--k) 62%, var(--b));--wash:color-mix(in srgb, var(--a) 8%, var(--b));--hair:color-mix(in srgb, var(--k) 28%, var(--b));--display:"Tomorrow", "Arial Black", system-ui, sans-serif;--body:"Barlow", system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--a:#7fa8e3;--b:#14100c;--k:#e8e4da}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--faint) var(--b)}body{background:var(--b);color:var(--k);font:400 1rem/1.55 var(--body);transition:background-color .7s var(--ease), color .7s var(--ease);overflow-wrap:break-word;margin:0}@media (width>=700px){body{font-size:1.0625rem}}::selection{background:var(--a);color:var(--b)}a{color:var(--a);text-underline-offset:.2em;transition:color .18s var(--ease)}a:hover{color:var(--k)}:focus-visible{outline:2px solid var(--a);outline-offset:3px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{font:600 .76rem/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--k);margin:0}.label .num{color:var(--a);letter-spacing:0;margin-inline-end:.6em;font-weight:400}.masthead{padding:var(--pad) var(--gut) calc(var(--pad) * .6);border-bottom:var(--rule) solid var(--k);container-type:inline-size}.wordmark{font:italic 900 clamp(1.5rem, 11.8cqi, 5.5rem)/.86 var(--display);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;margin:0}.deck{max-width:46ch;color:var(--faint);text-wrap:pretty;margin:.9rem 0 0}.notice{padding:0 var(--gut)}.notice:not(:empty){border-bottom:var(--rule) dashed var(--k);background:var(--wash);padding-block:.8rem;font-weight:500}.notice p{max-width:64ch;margin:0}.layout{grid-template-columns:minmax(0,1fr);display:grid}.form-col,.preview-col{padding:var(--pad) var(--gut);min-width:0}.preview-col{border-top:var(--rule) solid var(--k)}@media (width>=900px){.layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.form-col{border-inline-end:var(--rule) solid var(--k);min-height:100svh}.preview-col{border-top:0;position:sticky;top:0}}.layout>*>.label{border-bottom:var(--rule) solid var(--k);margin-bottom:1.25rem;padding-bottom:.7rem}.placeholder{border:var(--rule) dashed var(--hair);min-height:12rem;color:var(--faint);text-align:center;place-items:center;padding:1.5rem;display:grid}.placeholder p{text-wrap:pretty;max-width:34ch;margin:0}.figure{margin:0}.figure figcaption{color:var(--faint);max-width:46ch;margin-top:.6rem;font-size:.9rem}.figure figcaption .num{color:var(--a);margin-inline-end:.5em;font-size:.72rem}.btn{appearance:none;background:var(--a);color:var(--b);font:600 .76rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - .6rem) 0,100% .6rem,100% 100%,.6rem 100%,0 calc(100% - .6rem));transition:background-color .18s var(--ease), transform .18s var(--ease);border:0;padding:.75rem 1.25rem}.btn:hover{background:var(--k)}.btn:active{transform:translateY(1px)}.status{min-height:0;margin:0;font-weight:500}.status:not(:empty){border-inline-start:4px solid var(--a);background:var(--wash);max-width:60ch;margin-bottom:1rem;padding:.6rem .8rem}.unit-toggle{margin-bottom:1.5rem}.unit-toggle .hint{margin-top:.4rem}.page+.page{margin-top:2.25rem}.page-title{border-bottom:var(--rule) solid var(--k);margin-bottom:1rem;padding-bottom:.5rem}.page-title .num{color:var(--a);letter-spacing:0;margin-inline-end:.6em;font-weight:400}.group+.group{margin-top:1.75rem}.group-title{color:var(--faint);margin-bottom:.5rem}.controls{display:grid}.field{border-bottom:1px solid var(--hair);min-width:0;padding:.85rem 0}.field-label,.toggle-label{margin-bottom:.4rem;font-weight:500;display:block}.toggle-label{margin:0;display:inline}.note-line{color:var(--faint);max-width:60ch;margin:0}.choices{flex-wrap:wrap;gap:.5rem;display:flex}.opt{appearance:none;min-height:2.75rem;color:var(--k);font:500 .95rem/1.1 var(--body);cursor:pointer;box-shadow:inset 0 0 0 var(--rule) var(--hair);clip-path:polygon(0 0,calc(100% - .5rem) 0,100% .5rem,100% 100%,.5rem 100%,0 calc(100% - .5rem));transition:background-color .18s var(--ease), color .18s var(--ease);background:0 0;border:0;padding:.7rem 1rem}.opt:hover:not(:disabled){box-shadow:inset 0 0 0 var(--rule) var(--k)}.opt[aria-pressed=true]{background:var(--a);color:var(--b);box-shadow:none}.opt:disabled{color:var(--faint);cursor:not-allowed}.opt[aria-pressed=true]:disabled{background:var(--hair);color:var(--k)}.entry-row{align-items:baseline;gap:.6rem;display:flex}.entry input[type=text]{appearance:none;border:0;border-bottom:var(--rule) solid var(--k);min-width:0;max-width:16rem;min-height:2.75rem;color:var(--k);font:400 1rem/1.3 var(--body);transition:border-color .18s var(--ease), background-color .18s var(--ease);background:0 0;border-radius:0;flex:auto;padding:.4rem .1rem}.entry-length input,.entry-count input{font-family:var(--mono);font-variant-numeric:tabular-nums}.entry input:focus-visible{outline:2px solid var(--a);outline-offset:2px;background:var(--wash)}.entry input:disabled{color:var(--faint);border-bottom-style:dashed}.entry input[aria-invalid=true]{border-bottom-color:var(--a);border-bottom-width:3px}.entry input::placeholder{color:var(--faint)}.unit{color:var(--faint);font-size:.85rem}.toggle-row{align-items:center;gap:.7rem;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--a);margin:0}.hint{color:var(--faint);text-wrap:pretty;max-width:60ch;margin:.4rem 0 0;font-size:.9rem}.reason{color:var(--k)}.error{color:var(--a);max-width:60ch;margin:.4rem 0 0;font-weight:600}.hole-figure{margin-bottom:2rem}.hole-figure[hidden]{display:none}.hole-svg{width:100%;max-width:24rem;height:auto;display:block}.hole-outline{fill:var(--wash);stroke:var(--a);stroke-width:2px;stroke-linejoin:round;transition:d .4s var(--ease)}.hole-dim{fill:none;stroke:var(--k);stroke-width:1px}.hole-label{fill:var(--k);font:400 11px var(--mono);font-variant-numeric:tabular-nums}.show-row{margin-bottom:1rem}.show-row[hidden],.viewer-note[hidden],.viewer-canvas[hidden],.viewer-tools[hidden]{display:none}.show-row .label{margin-bottom:.5rem}.viewer-plate{border-block:var(--rule) solid var(--k);background-color:var(--b);background-image:linear-gradient(to right, color-mix(in srgb, var(--k) 7%, var(--b)) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--k) 7%, var(--b)) 1px, transparent 1px);background-position:50%;background-size:24px 24px;position:relative}.viewer-plate.empty{border:var(--rule) dashed var(--hair);background-image:none;place-items:center;min-height:min(26rem,60svh);padding:1.5rem;display:grid}.viewer-canvas{aspect-ratio:4/3;touch-action:none;cursor:grab;width:100%;max-height:70svh;display:block}.viewer-canvas:active{cursor:grabbing}.viewer-note{max-width:34ch;color:var(--faint);text-align:center;text-wrap:pretty;margin:0}.viewer-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.6rem;display:flex}.viewer-tools .hint{margin:0}.build-state{min-height:1.55em;font:400 .76rem/1.55 var(--mono);color:var(--faint);margin:.6rem 0 0}.checks{margin-top:.4rem}.checks>.hint{border-top:1px solid var(--hair);margin:0;padding-top:.55rem}.warnings{margin:0;padding:0;list-style:none}.warnings li{border-top:1px solid var(--hair);max-width:60ch;padding:.55rem 0}.warnings .sev{color:var(--a);margin-inline-end:.6em;display:inline-block}.warnings .err .msg{font-weight:600}.noscript{padding:1rem var(--gut);border-top:var(--rule) solid var(--k);margin:0}.colophon{padding:1.25rem var(--gut) 2rem;border-top:var(--rule) solid var(--k);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;font-size:.9rem;display:flex}.colophon ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}