body{background:var(--base-bg);color:var(--text_c);margin:0;& a:link{color:var(--link_c)}& a:visited{color:var(--visited_c)}}body>.xylem_root{width:100%;& hr{color:var(--bd_c)}}.centergrid{margin-inline:auto;display:grid}.theme-btn{border:1px solid var(--bd-inv_c);background:var(--bg-inset_c);color:var(--text_c);cursor:pointer;border-radius:20px;margin:12px auto 0;padding:4px 50px;font-size:.8rem;display:block}.xy-blog{--blog-sans:Verdana;--blog-serif:Times New Roman, serif;color:var(--text_c);font-family:var(--blog-sans);grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:3rem;display:grid;@media (width<=54rem){grid-template-columns:minmax(0,1fr);gap:2rem}& .post-index{align-items:stretch;display:flex;@media (width<=54rem){border-bottom:1px solid var(--bd-w_c);flex-direction:column}}& .index-panel{flex-direction:column;flex:none;width:17rem;min-height:0;max-height:calc(100vh - 3rem);transition:width .18s;display:flex;position:sticky;top:1.5rem;overflow:hidden;@media (width<=54rem){width:auto;max-height:none;transition:none;position:static}}&:not(.index-open) .index-panel{visibility:hidden;width:0;transition:width .18s,visibility 0s linear .18s;@media (width<=54rem){display:none}}& .index-head{flex:none;margin:0;display:flex;@media (width<=54rem){order:-1}}& .index-rail{background-color:var(--bd-w_c);cursor:pointer;border:0;border-radius:0 1.2rem 1.2rem 0;flex:none;width:1.5rem;margin:0;padding:0;transition:background-color .15s;&:hover{background-color:var(--enabled_c)}&:focus-visible{outline:2px solid var(--enabled_c);outline-offset:1px}@media (width<=54rem){width:100%;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--text-w_c);background:0 0;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .6rem .5rem;font-size:.68rem;font-weight:700;display:flex;&:hover{background-color:var(--bg-ui_c);color:var(--text_c)}}}& .rail-mark,& .rail-label{display:none}@media (width>=54.01rem){&:not(.index-open) .index-rail{transform:translateX(calc(-1 * var(--blog-edge,0px)))}}&.index-moving .index-rail{transition:transform .22s,background-color .15s}& .rail-mark:before{content:"▾";font-size:.8rem}&.index-open .rail-mark:before{content:"▴"}@media (width<=54rem){& .rail-mark,& .rail-label{display:inline}}& .index-list{scrollbar-color:var(--text-w_c) var(--bg-ui_c);overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto;@media (width<=54rem){overscroll-behavior:auto}}& .post-link{color:inherit;border-left:2px solid #0000;border-radius:.5rem;padding:.7rem .8rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:block;&:hover{background-color:var(--bg-ui_c)}&:focus-visible{outline:2px solid var(--enabled_c);outline-offset:2px}&.active{background-color:var(--bg-ui_c);border-left-color:var(--enabled_c);& .index-title{color:var(--text-active_c)}}}& .index-date{letter-spacing:.08em;text-transform:uppercase;color:var(--text-w_c);margin-bottom:.2rem;font-size:.7rem;display:block}& .index-title{text-wrap:balance;font-size:.98rem;font-weight:600;line-height:1.35;display:block}& .index-summary{-webkit-line-clamp:3;line-clamp:3;color:var(--text-w_c);-webkit-box-orient:vertical;margin:.3rem 0 0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}& .post-pane{min-width:0;scroll-margin-top:1.5rem}& .post-head{border-bottom:1px solid var(--bd-w_c);margin-bottom:1.6rem;padding-bottom:1.1rem}& .post-title{letter-spacing:-.015em;text-wrap:balance;margin:0 0 .6rem;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.1rem);font-weight:700;line-height:1.15}& .post-byline{letter-spacing:.08em;text-transform:uppercase;color:var(--text-w_c);flex-wrap:wrap;align-items:center;gap:.6rem .9rem;font-size:.72rem;display:flex}& .post-tags{flex-wrap:wrap;gap:6px;display:flex}& .chip{border:1px solid var(--bd-w_c);background-color:var(--bg-ui_c);font:inherit;color:var(--text_c);cursor:pointer;border-radius:1rem;padding:2.5px 8px;font-size:.9rem;&:hover{border-color:var(--enabled_c)}&:focus-visible{outline:2px solid var(--enabled_c);outline-offset:1px}&.active{border-color:var(--enabled_c);background-color:var(--enabled_c)}}& .post-body{max-width:38rem;font-family:var(--blog-sans);font-size:.9rem;& p{margin:0 0 1.1em}& .bullets{padding-left:.5em;display:block}& h1,& h2,& h3,& h4{margin:1em 1em .8em}& h1{font-size:1.5rem}& h2{margin:1.5em 2em .8em;font-size:1.3rem}& h3{font-size:1.08rem}& ul,& ol{margin:0 0 1.1em;padding-left:1.3em}& li{margin-bottom:.35em;&::marker{color:var(--text-w_c)}}& blockquote{border-left:3px solid var(--enabled_c);font-family:var(--blog-serif);white-space:pre-line;margin:0 0 .75em 0;padding:0 0 0 .7em;font-size:1.1rem}& a{color:var(--link_c);text-underline-offset:.15em;text-decoration-thickness:1px;&:hover{color:var(--link-hover_c)}}& hr{border:0;border-top:1px solid var(--bd-w_c);margin:2em 0}& img{border-radius:.5rem;max-width:100%;height:auto;display:block}& code{background-color:var(--bg-ui_c);border-radius:.3rem;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}& pre{border:1px solid var(--bd-w_c);background-color:var(--bg-ui_c);border-radius:.5rem;margin:0 0 1.1em;padding:.9rem 1.1rem;overflow-x:auto;& code{background:0 0;padding:0}}}& .post-note{color:var(--text-w_c);margin:0;font-size:.9rem;&.error{border-left:2px solid var(--bg-error_c);background-color:var(--bg-ui_c);padding:.6rem .9rem}}}.theme-light{--text_c:black;--text-w_c:grey;--text-inv_c:#f0f0f0;--text-active_c:#134514;--link_c:darkblue;--visited_c:indigo;--base-bg:#f8fcf5;--bg-content_c:white;--bg-inset_c:#f4f4f5;--bg-group_c:lightgrey;--bg-ui_c:lightgrey;--bg-header_c:#363e47;--bg-disabled_c:#b0a9a4;--bd_c:black;--bd-w_c:#949494;--bd-inv_c:#ccc;--bd-link_c:darkblue;--bd-visited_c:indigo;--bd-warn_c:#e08a8a;--hr_c:black;--hr-w_c:grey;--button_c:white;--button-inv_c:#30283d;--enable_c:#d8ffe3;--enable-inv_c:#0b5c39;--trigger_c:#c1dce0;--trigger-inv_c:#2e4869;--enabled_c:lightblue;--enabled-inv_c:#3e5166;--button-dis_c:lightgrey;--button-dis-inv_c:#616161;--button-press_s:0 1px 3px 2px #00285080 inset;--button-press-inv_s:0 0 3px 2px #cccccce6 inset;--rbox_s:0 1px 3px 0 #00285080 inset;--popup_s:0 10px 20px #0003;--linkbox_s:0 0 9px 2px #001e648c;--warnbox_s:0 0 9px 3px #800921a6;--controlbox_s:0 0 3px 4px #a0bdbbf2}.theme-dark{--text_c:#e8e4d9;--text-w_c:#9d978a;--text-inv_c:#14130f;--text-active_c:#588c59;--base-bg:#191813;--bg-content_c:#23211c;--bg-inset_c:#23211c;--bg-ui_c:#23211c;--bd_c:#4a463d;--bd-w_c:#2f2c26;--bd-inv_c:#38352e;--hr-w_c:#38352e;--link_c:#7fbf9b;--link-hover_c:#a9d6bd;--visited_c:#c9aae0;--enabled_c:#41614f;--bg-error_c:#e08a8a}*,:before,:after{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.xylem_root{--blog-edge:calc((100vw - min(100vw, 1080px)) / 2 + 1.5rem);max-width:1080px;margin-inline:auto;padding:2.5rem 1.5rem 4rem}.site-head{border-bottom:1px solid var(--bd-w_c);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.4rem;display:flex}.site-titles{min-width:0}.site-title{letter-spacing:-.015em;margin:0 0 .35rem;font-size:clamp(1.5rem,1.1rem + 1.5vw,2rem)}.site-title-link:link,.site-title-link:visited{color:inherit;text-decoration:none}.site-title-link:hover{color:var(--link_c)}.site-tagline{color:var(--text-w_c);margin:0;font-size:.95rem}.site-head .theme-btn{flex:none;margin:.3rem 0 0}@media (width<=54rem){.site-head{margin-bottom:0}}