:root{--black:#000;--off-white:#fffdf5;--yellow:#ffd23f;--red:#ff6b6b;--blue:#74b9ff;--green:#88d498;--orange:#ffa552;--purple:#b8a9fa;--antique-fonts:Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L", "Georgia Pro", Georgia, serif;--geometric-humanist-fonts:Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;--humanist-fonts:Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;--monospace-fonts:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--system-fonts:system-ui, sans-serif;--huge:4rem;--handle:2.5rem;--large:2rem;--medium:1rem;--small:.5rem;--tiny:.25rem;--thin:.125rem;--fast:50ms ease-out;--slow:.15s ease-out;--border:var(--thin) solid var(--black);--shadow:var(--tiny) var(--tiny) 0 0 var(--black);font-size:16px;line-height:1.4}*{box-sizing:border-box}[hidden]{display:none!important}article{background-color:color-mix(in srgb, var(--off-white), transparent);border:var(--border);box-shadow:var(--shadow);padding:var(--small)}article h2{margin:0}article h2+p{margin-top:0}article p{margin:var(--small) 0 0}article table{border-collapse:collapse}article th{max-width:15rem;padding-right:var(--small);text-align:left}body{background-color:var(--off-white);color:var(--black);font-family:var(--system-fonts);grid-template-columns:200px auto;grid-template-areas:"nav main""nav footer";grid-template-rows:auto var(--handle);height:100dvh;margin:0;line-height:1.5;display:grid}body[data-viewing-results]{grid-template-rows:auto 50dvh}body[data-viewing-results] footer .handle{border-bottom:var(--border)}body[data-viewing-results] footer .handle:before{content:"⏷"}body[data-viewing-results] footer .results{height:calc(50dvh - var(--handle))}button{border:var(--border);color:var(--black);cursor:pointer;font:inherit;padding:var(--small) var(--medium);transition:background-color var(--fast);border-radius:0;font-size:1em;font-weight:700}details{background-color:color-mix(in srgb, var(--theme), var(--off-white));border:var(--border);box-shadow:var(--shadow)}details>*{padding-inline:var(--small)}details>ul{padding-left:var(--large)}details+details{margin-top:var(--medium)}details summary{background-color:var(--theme);cursor:pointer;padding:var(--small);transition:background-color var(--fast);outline:none;justify-content:space-between;align-items:center;font-weight:700;display:flex;position:sticky;top:0}details summary:hover{background-color:color-mix(in srgb, var(--theme), 25% var(--off-white))}details summary button{background-color:color-mix(in srgb, var(--theme), 15% var(--off-white));padding:var(--tiny) var(--small);font-size:.8em}details summary em{text-align:right;flex-grow:1;font-weight:400}details summary span:before{content:"⏷";margin-right:var(--tiny)}details[open]{padding-bottom:var(--small)}details[open] summary{border-bottom:var(--border)}details[open] summary span:before{content:"⏶"}details.red{--theme:var(--red)}details.orange{--theme:var(--orange)}details.yellow{--theme:var(--yellow)}details.green{--theme:var(--green)}details.blue{--theme:var(--blue)}details.purple{--theme:var(--purple)}dialog{box-shadow:var(--shadow);overflow:visible}dialog::backdrop{background-color:color-mix(in srgb, var(--black), transparent)}dialog .actions{margin-top:var(--medium);justify-content:center;align-items:center;display:flex}dialog .actions button{background-color:var(--green);box-shadow:var(--shadow)}dialog .actions button:hover{background-color:color-mix(in srgb, var(--green), var(--off-white))}dialog .close{background-color:var(--red);height:3rem;transition:background-color var(--fast);border-radius:50%;outline:none;justify-content:center;align-items:center;width:3rem;padding:0;font-size:1.25em;display:flex;position:absolute;top:-1.5rem;left:-1.5rem}dialog .close:hover{background-color:color-mix(in srgb, var(--red), var(--off-white))}dialog .title{margin:0 0 var(--small)}footer{background-color:color-mix(in srgb, var(--yellow), var(--off-white));border-top:var(--border);flex-direction:column;flex-shrink:0;grid-area:footer;display:flex;overflow:hidden}footer .handle{background-color:var(--yellow);align-items:center;column-gap:var(--tiny);cursor:pointer;height:var(--handle);padding-inline:var(--small);flex-shrink:0;font-weight:700;transition:background-color .1s ease-out;display:flex}footer .handle:before{content:"⏶"}footer .handle:hover{background-color:color-mix(in srgb, var(--yellow), 75% var(--off-white))}footer .results{height:0;padding:var(--medium);row-gap:var(--medium);flex-direction:column;grid-area:footer;display:flex;overflow-y:scroll}h1,h2,h3,h4{font-family:var(--geometric-humanist-fonts)}input[type=checkbox]{appearance:none;border:var(--border);cursor:pointer;height:var(--medium);width:var(--medium)}input[type=checkbox]:checked{background-color:color-mix(in srgb, var(--black), var(--off-white))}label:has(input){cursor:pointer;align-items:center;font-weight:500;display:flex}label:has(input) input[type=checkbox]{margin-right:var(--small)}main{padding:0 var(--large) var(--large);grid-area:main;overflow-y:scroll}main>:first-child{margin-top:var(--large)}main h1{margin:0;font-size:2.5em}main h1+p{margin-top:var(--small)}main h2{margin:var(--medium) 0 0;font-size:1.5em}main h2+p,main h2+ul{margin-top:0}main h3{margin:var(--medium) 0 0;font-size:1.25em}main h3+p,main h3+ul{margin-top:0}main h4{margin:var(--medium) 0 0;font-size:1.125em}main h4+p,main h4+ul{margin-top:0}main li p{margin:0}main p{margin:var(--medium) 0 0}main p+ul{margin-top:0}main table{margin:var(--medium) 0 0}main ul{margin:var(--medium) 0 0}main ul ul{margin-top:0}mark{background-color:var(--yellow)}nav{background-color:var(--blue);border-right:var(--border);grid-area:nav}nav h1{background-color:var(--purple);border-bottom:var(--border);height:50px;padding:calc(1.5 * var(--small)) var(--medium) var(--small);text-align:center;justify-content:center;align-items:center;margin:0;font-size:1.25em;display:flex}nav menu{flex-direction:column;height:calc(100dvh - 110px);margin:0;padding:0;display:flex;overflow-y:scroll}nav menu h2{border-bottom:var(--border);padding:var(--medium) var(--small) 0;margin:0;font-size:1.125em}nav menu section{background-color:var(--black);border-bottom:var(--border);gap:var(--thin);flex-direction:column;display:flex}nav menu section button{background-color:color-mix(in srgb, var(--blue), var(--off-white));padding:var(--small);border:none}nav menu section button:hover{background-color:color-mix(in srgb, var(--blue), 75% var(--off-white))}nav menu section hr{border:0;height:0;margin:0}
