@font-face{font-family:XCharter;src:url(XCharter-Roman.woff2)format("woff2");font-style:normal;font-display:optional}@font-face{font-family:XCharter;src:url(XCharter-Italic.woff2)format("woff2");font-style:italic;font-display:optional}*{margin:0;padding:0}@property --light{syntax:"<color>";inherits:true;initial-value:#fff}@property --dark{syntax:"<color>";inherits:true;initial-value:#000}:root{--light:#fff;--dark:#000;--bg:var(--light);--fg:var(--dark);--scale:1px;font-size:.625rem}@media (prefers-color-scheme:dark){:root{--bg:var(--dark);--fg:var(--light)}}body{background:var(--bg);color:var(--fg);flex-direction:column;max-width:102.4rem;padding:1lh;font-family:XCharter,Charter,Bitstream Charter,Sitka Text,Cambria,Georgia,serif;font-size:clamp(1.4rem,1rem + 2vw,2.2rem);line-height:1.5em;display:flex}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:var(--scale) dotted var(--fg)}a:any-link{color:var(--fg);text-decoration:underline .1rem wavy}atk-img{max-inline-size:100%;margin:1rem 0;display:block}atk-img:not(:defined)>img{height:auto;visibility:hidden;inline-size:fit-content;max-inline-size:100%;display:block}h1{text-wrap:balance;font-size:3.2rem;font-weight:500}h2{text-wrap:balance;margin-block-start:.5lh;font-size:2.8rem;font-weight:500}ul{margin-inline-start:1lh}li{margin-block-end:.25lh}atk-demo{user-select:none;flex-wrap:wrap;align-items:center;gap:.5lh 1.5lh;margin-block:.5lh;display:flex}atk-demo>atk-img{flex-basis:100%}atk-toggle,atk-scale,atk-palette,atk-file{align-items:center;gap:.25lh;display:flex}label{margin-inline-end:.5lh}input{appearance:none;font:inherit;background:0 0;border:none}input:where([type=button],[type=text],[type=radio],[type=checkbox]),button,::file-selector-button{background:var(--bg);border:.15rem solid var(--fg);color:var(--fg);font:inherit;padding-inline:.25lh;&:where(:checked,:selected,:active){background:repeating-conic-gradient(var(--fg) 0 25%, var(--bg) 0 50%) 0 0 / calc(var(--scale) * 2) calc(var(--scale) * 2);color:var(--bg)}}input:where([type=radio],[type=checkbox]){width:1lh;height:1lh}input:where([type=color]){border:.15rem solid var(--fg);width:1lh;height:1lh;padding:0}input::-webkit-color-swatch-wrapper{padding:0}input::-webkit-color-swatch{border:none}input::-moz-color-swatch{border:none}pre{white-space:pre-wrap}code,pre{font:inherit;letter-spacing:.1rem}p,ul{margin-block:.5lh}abbr{text-decoration:none}