:root{--color-primary: #000;--color-secondary: #73797d;--color-light: #f5f8fb;--color-interactive: #118ab2;--color-control: #c8fff3;--color-highlight: #ffe66d;--color-important: #ef476f;--color-positive: #a2ffa5;--color-negative: #ffa2a2;--px: 8px}span.secondary{color:var(--color-secondary)}*{margin:0;padding:0;box-sizing:border-box}body,button{color:var(--color-primary);font-family:JetBrains Mono,monospace;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem}a,button{border:none;background:none;color:var(--color-interactive);text-decoration:underline;text-underline-offset:4px;padding:var(--px) calc(var(--px) * 2);cursor:pointer}:is(a,button):active{text-underline-offset:2px}:is(a,button):hover{color:var(--color-primary)}:is(a,button)[aria-current=page]{color:var(--color-primary);background-color:var(--color-highlight);text-decoration:none}p a{padding:0}h1 a{text-decoration:none;padding:0}main>nav{display:flex;gap:calc(var(--px) * 3);justify-content:space-between;align-items:center;padding:calc(var(--px) * 2);background-color:var(--color-highlight)}main>nav h1{letter-spacing:.2em;font-size:calc(var(--px) * 3);padding-left:calc(var(--px) * 2)}main>nav li{list-style:none;font-weight:500}header{border-bottom:calc(var(--px) / 2) solid var(--color-light);padding:calc(var(--px) * 2);margin-bottom:calc(var(--px) * 2)}header h2,header p{padding:0 calc(var(--px) * 2)}header .actions{display:flex;gap:calc(var(--px) * 2);padding:var(--px) 0}section{padding:calc(var(--px) * 2) calc(var(--px) * 4)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--px) * 2)}.card{color:var(--color-primary);text-decoration:none;border:calc(var(--px) / 2) solid transparent}.card:hover h3{color:var(--color-interactive)}.profit{display:inline-block;color:var(--color-primary);padding:calc(var(--px) / 2) var(--px)}.profit.positive{background-color:var(--color-positive)}.profit.negative{background-color:var(--color-negative)}form fieldset{border:none;padding:0 var(--px) calc(var(--px) * 4)}form .grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}label,legend{display:block;margin:0 0 calc(var(--px)) 0;padding-left:var(--px);color:var(--color-secondary)}input[type=text]{font-family:JetBrains Mono,monospace;line-height:1.6;font-size:1rem;width:100%;padding:calc(var(--px));border:none;border-bottom:calc(var(--px) / 4) solid var(--color-secondary)}input[type=text]:focus{outline:none;border-color:var(--color-interactive)}input[type=checkbox]{margin-right:calc(var(--px));cursor:pointer}select{font-family:JetBrains Mono,monospace;line-height:1.6;font-size:1rem;width:100%;padding:calc(var(--px));border:none;border-bottom:calc(var(--px) / 4) solid var(--color-secondary)}select:focus{outline:none}[contenteditable=true]{font-family:JetBrains Mono,monospace;line-height:1.6;font-size:1rem;width:100%;padding:calc(var(--px));border:none;border-bottom:calc(var(--px) / 4) solid var(--color-secondary);resize:none;max-height:400px;overflow-y:auto}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em}:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}hr{border-color:var(--color-light);margin:calc(var(--px) * 2) 0}.mention{background-color:var(--color-highlight);padding:calc(var(--px) / 2) var(--px)}ul li,ol li{list-style:decimal inside none;margin-bottom:calc(var(--px))}:is(ul li,ol li)>p{display:inline}:is(ul li,ol li)::marker{font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:var(--px);list-style:none;padding:var(--px) 0}.tags li{border:2px solid var(--color-interactive);padding:var(--px) calc(var(--px) * 2)}.dropdown-menu{background:var(--color-light);display:flex;flex-direction:column;gap:.1rem;overflow:auto;padding:.4rem;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;display:flex;gap:.25rem;text-align:left;width:100%}.dropdown-menu button:hover,.dropdown-menu button:hover.is-selected,.dropdown-menu button.is-selected{color:var(--color-primary)}.tabs{border-top:calc(var(--px) / 4) solid var(--color-light);border-bottom:calc(var(--px) / 4) solid var(--color-light);display:flex;gap:0;margin:calc(var(--px) * 2) calc(var(--px) * -2)}.tabs button{padding:calc(var(--px) * 2) calc(var(--px) * 2);background:none;border:none;color:var(--color-interactive);text-decoration:none;border-bottom:calc(var(--px) / 2) solid transparent;margin-bottom:calc(var(--px) / -2);font-weight:500}.tabs button:hover,.tabs button.active{color:var(--color-primary)}.tabs button.active{text-decoration:underline;text-underline-offset:var(--px)}.tab-content{margin-top:calc(var(--px) * 2)}table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;margin:calc(var(--px) * 2) calc(var(--px) * -2)}table thead{border-bottom:calc(var(--px) / 4) solid var(--color-light)}table thead th{text-align:left;padding:calc(var(--px) * 1.5) calc(var(--px) * 2);color:var(--color-secondary)}table tbody tr{border-bottom:1px solid var(--color-light);padding:0;margin:0}table tbody tr>td{padding:calc(var(--px) * 1.5) calc(var(--px) * 2);text-align:left}table tbody tr>td:has(a){padding:0}table tbody tr>td>a{display:flex;gap:calc(var(--px) / 2);inset:0;z-index:1;padding:calc(var(--px) * 2)}table tbody tr:hover{background-color:var(--color-light)}table tbody tr:last-child{border-bottom:none}
