:root{color:#172b30;--accent:#245a56;--space:1rem;background:#f7f5ef;font-family:system-ui,sans-serif}body{margin:0}header,nav,main{max-width:64rem;padding:var(--space) 1.5rem;margin:auto}header{padding-top:2.5rem}.brand{font-size:1.8rem;font-weight:750}a{color:var(--accent)}nav{border-bottom:1px solid #b5c2bb;flex-wrap:wrap;gap:1.5rem;display:flex}nav a{padding:.5rem 0}nav a[aria-current=page]{font-weight:700;text-decoration-thickness:.2rem}main{padding-top:2rem}.notice{border-left:.25rem solid var(--accent);background:#e8eee6;padding:.75rem}:focus-visible{outline-offset:4px;outline:3px solid #8c4700}.skip{background:#fff;padding:.6rem;position:absolute;top:-5rem;left:1rem}.skip:focus{top:1rem}button{font:inherit;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff;border-radius:.25rem;padding:.6rem 1rem}.actions{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}button:disabled{cursor:default;opacity:.65}li{margin:.8rem 0}li button{margin-left:1rem}[role=alert]{background:#fff4ed;border-left:.25rem solid #9a3c25;padding:.75rem}fieldset{border:1px solid #b5c2bb;margin:1rem 0;padding:1rem}label{margin:.8rem 0;display:block}input,select{font:inherit;box-sizing:border-box;max-width:100%;padding:.5rem}label input:not([type=checkbox]):not([type=color]),label select{width:min(100%,28rem);margin-top:.3rem;display:block}input[type=checkbox]{margin-right:.5rem}details{border-bottom:1px solid #b5c2bb;padding:1rem 0}summary{cursor:pointer}.swatch{border:1px solid #172b30;width:.8rem;height:.8rem;margin-right:.5rem;display:inline-block}.allocation{border-bottom:1px solid #b5c2bb;padding:.75rem 0}button[aria-pressed=true]{background:#d9e9df;font-weight:700}[role=timer]{font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,6vw,3rem)}textarea{font:inherit;box-sizing:border-box;width:min(100%,28rem);min-height:5rem;padding:.5rem;display:block}.day-scale{border-right:1px solid #767676;margin:2rem 1rem 3rem;position:relative}.day-tick{border-top:1px solid #ccc;position:absolute;inset-inline:0}.day-tick span{background:var(--background,#fff);padding-right:.5rem;font-size:.8rem;position:relative;top:-.65em}.day-bar{position:absolute;left:10rem;right:1rem}.table-scroll{overflow-x:auto}.project-swatch{border:1px solid #767676;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.time-field{flex-wrap:wrap;gap:1rem;display:flex}code{overflow-wrap:anywhere}.comparison-project{margin:1.5rem 0}.bar-row{grid-template-columns:4rem minmax(3rem,1fr) minmax(9rem,1fr);align-items:center;gap:.6rem;margin:.5rem 0;display:grid}.bar-track{height:1rem}.actual-bar,.budget-bar{box-sizing:border-box;height:100%}.budget-bar{border:2px solid}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #b5c2bb;padding:.6rem}caption{text-align:left;padding:.6rem;font-weight:600}@media (width<=36rem){.bar-row{grid-template-columns:4rem 1fr}.bar-row>span:last-child{grid-column:2}}