body{max-width:46rem;margin:2rem auto;padding:0 1rem;font:1.05rem/1.6 Georgia,serif;color:#222;background:#fff}
@media(prefers-color-scheme:dark){body{color:#ddd;background:#181818}a{color:#8ab4f8}}
nav.top{font:.85rem sans-serif;margin-bottom:1.5rem}
pre,code{font-size:.9em}pre{overflow-x:auto}img{max-width:100%}
pre.mermaid{background:none;text-align:center;font-size:1em}
table{border-collapse:collapse}td,th{border:1px solid #8884;padding:.25rem .5rem}
ul.tree{list-style:none;padding-left:0}
ul.tree li{padding:.15rem 0}
small.date,p.date{color:#888;font:.8rem sans-serif}
h2.files{font-size:1rem;margin-top:1.5rem}
h1+h2,h2.sec{font:600 .8rem/1 sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#888;margin:1.8rem 0 .7rem}
table.conv{width:100%;font:.9rem/1.4 sans-serif}table.conv th{text-align:left}table.conv td{vertical-align:top}
ul.folders{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem}
ul.folders a{display:block;padding:.7rem .9rem;border:1px solid #8884;border-radius:.4rem;text-decoration:none;font:.95rem sans-serif}
ul.folders a:hover{background:#8881}
ul.folders a:before{content:"\1F4C1  "}
nav.top{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;position:relative}
nav.top .links{flex:1 1 auto}
#sq{font:.85rem sans-serif;padding:.3rem .6rem;width:15rem;max-width:100%;border:1px solid #8886;border-radius:.4rem;background:transparent;color:inherit}
#sres{display:none;position:absolute;top:2.2rem;right:0;left:0;z-index:10;max-height:70vh;overflow:auto;background:#fff;color:#222;border:1px solid #8886;border-radius:.4rem;box-shadow:0 4px 16px #0004;font:.85rem/1.4 sans-serif}
@media(prefers-color-scheme:dark){#sres{background:#222;color:#ddd}}
#sres a{display:block;padding:.5rem .8rem;text-decoration:none;color:inherit;border-bottom:1px solid #8883}
#sres a:hover{background:#8882}
#sres b{display:block;font-size:.95rem}#sres small{color:#888}#sres mark{background:#fd08;color:inherit}
#sres p{margin:.5rem .8rem;color:#888}
