:root{--mono: "IBM Plex Mono", "Courier New", monospace;--sans: "IBM Plex Sans", "Arial", sans-serif;--serif: "Merriweather", "IBM Plex Serif", serif;--huge-header: 4rem;--big-header: 2rem;--small-header: 1.75rem;--nav-size: 1.1rem;--font-size-base: 1rem;--font-size-sm: .85rem;--max-width: 65ch;--paragraph-width: 70ch;--border-radius: 4px;--xs: .25rem;--sm: .5rem;--md: 1rem;--lg: 1.5rem;--lx: 2rem;--2xl: 3rem;--3xl: 4rem;--speed: 50ms;--white: #F5F5F0}[theme=light]{--bg: #FFFBEF;--surface: #f4f0d9;--text: #5c6a72;--text-muted: #939f91;--border: #e0dcc7;--accent-hover: #FF6B35;--accent: #F24E1C}[theme=dark]{--bg: #1E2326;--surface: #343f44;--text: #d3c6aa;--text-muted: #859289;--border: #475258;--accent: #FF6B35;--accent-hover: #F24E1C}:not(pre)>code{padding:.1em .55em;border:1px solid var(--text-muted);color:var(--accent);border-radius:var(--border-radius);white-space:nowrap}html[theme=dark] code span{color:var(--shiki-dark)!important}html[theme=light] code span{color:var(--shiki-light)!important}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(16px,1.4vw,18px);scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--serif);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;padding:0 clamp(2rem,5vw,5rem)}::selection{background-color:var(--accent);color:var(--bg)}h1,h2,h3{color:var(--text);font-weight:600;line-height:1;margin:1.5em 0 .25em}.inline-block{display:inline-block}.no-border{border:none}article h1,section h1{margin:0 0 1em}h1{font-size:clamp(1.5rem,5vw,var(--big-header))}h2{font-size:var(--small-header);display:flex;align-items:baseline}h3{font-size:1.25rem;border-left:3px solid var(--accent)}p.md-p{color:var(--text);font-weight:400;text-align:justify;margin-bottom:.5em;&:not(:first-of-type){text-indent:2em}}a{color:var(--accent);text-decoration:none;&:first-letter{text-transform:capitalize}}a:hover{color:var(--accent-hover);text-decoration:1px var(--accent-hover) underline}header{padding:1rem 0;background:var(--bg);display:flex;justify-content:space-between;align-items:center;.logo,nav>*{text-decoration:none}}.logo{color:var(--text);font-weight:900;font-size:1.5rem;text-transform:uppercase;&:hover{color:var(--accent)}}nav{display:flex;gap:2rem;align-items:center;letter-spacing:.05em}main{flex:1;width:100%;max-width:var(--max-width);padding:2rem 0;align-self:center}.tag{&:before{content:"#";margin-right:.2em}font-family:var(--mono);display:inline-block;font-size:.7rem;color:var(--text-muted);background:transparent;text-decoration:none;&:hover{color:var(--text)!important;text-decoration:none}}blockquote{color:var(--text);font-style:italic;margin:1.5rem 0em}.quote{line-height:1.5em;padding-bottom:.5em;&:before{content:"“";padding-right:.5em;color:var(--text-muted);font-size:2em;position:relative;top:.2em}&:after{content:"”";padding-left:.5em;color:var(--text-muted);font-size:2em;position:relative;top:.2em}}.quote-citation{text-align:end!important}ul{list-style:none}ul ol{margin-left:var(--lg)}.footnotes ol{margin-left:1rem}ul>li:before{content:"✤";font-size:1.15em;margin-right:.2rem}button{border:none}footer{padding:.75rem 0;text-align:center;font-size:.7rem;color:var(--text-muted)}.nowrap{white-space:nowrap}li{hyphens:auto;overflow-wrap:break-word;&:first-letter{text-transform:uppercase}& a:first-letter{text-transform:uppercase}&:not(:last-of-type){margin-bottom:.7em}}img{height:auto;max-width:100%;border:2px solid var(--text-muted);cursor:pointer;&:not(#viewer-image):hover{opacity:.85}}@media(max-width:646px){header{flex-direction:column;align-items:start;gap:.5rem}nav{flex-wrap:wrap;row-gap:.75rem;width:100%;justify-content:space-between}}.board{font-size:1rem;padding:var(--md);margin-bottom:1rem;margin-top:1rem;background:var(--bg);border:1px solid var(--text-muted);border-radius:var(--border-radius);max-width:30em}figure{margin:1.5rem 0;text-align:center}figcaption{color:var(--text-muted);font-style:italic}.capitalize:first-letter{text-transform:uppercase}.tray-items.visible{visibility:visible;pointer-events:all}.conf-tray{position:fixed;bottom:2rem;right:2rem;z-index:99;display:flex;flex-direction:column;align-items:stretch}.tray-items{display:flex;flex-direction:column;border:1px solid var(--text);border-radius:var(--border-radius);background:var(--bg);overflow:hidden;margin-bottom:10px;visibility:hidden;pointer-events:none}.conf-tray button{font-size:1.5rem;font-family:var(--mono);width:40px;height:40px;background:var(--bg);color:var(--text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.tray-items button:not(:last-child){border-bottom:1px solid var(--text)}.conf-tray button:hover{background:var(--text);color:var(--bg)}.toolBtn{border:1px solid var(--text)!important;border-radius:var(--border-radius);background:var(--bg);font-size:1.7rem!important}.no-display{display:none}@font-face{font-family:IBM Plex Sans;src:url(fonts/IBMPlexSans-VariableFont_wdth,wght.ttf);font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(fonts/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf);font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-ExtraLight.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Light.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-mono/IBMPlexMono-Bold.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-VariableFont_wdth,wght.ttf);font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf);font-weight:100 900;font-display:swap;font-style:italic}
