*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#1a241f;font:17px/1.45 Anaheim,Arial}header{padding:20px 4vw;display:flex;gap:28px;border-bottom:1px solid #cbcbbf}header span{margin-left:auto;font:12px 'Red Hat Mono',monospace}main{max-width:1700px;margin:auto;padding:35px 4vw 70px}h1{font:700 clamp(36px,5vw,65px)/1.1 Hahmlet,Georgia;letter-spacing:-.05em;margin:12px 0 18px}h2{font:600 27px Hahmlet,Georgia}h3{font-size:21px}.eyebrow{font:11px 'Red Hat Mono',monospace;letter-spacing:.1em}.legend{display:flex;align-items:center;gap:9px;font-size:14px;margin:20px 0}.dot{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;background:#999}.done{background:#277c48}.working{background:#cb981a}.todo{background:#bc423c}.status{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-bottom:5px}.save-note{font-size:13px;color:#52614b;padding:12px 15px;border:1px solid #c7cdbd;background:#e9ecdf}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}label{display:flex;flex-direction:column;gap:6px;font-size:13px}input,select,textarea,button,.import{font:15px Anaheim,Arial;color:inherit;border:1px solid #acb5a1;border-radius:3px;background:#faf9f2;padding:9px 11px}button,.import{cursor:pointer}button:hover{background:#e0e6d5}input[type=search]{width:220px}.import input{width:180px;font-size:11px;padding:0;border:0}table{border-collapse:collapse;width:100%;text-align:left}.table-scroll{overflow:auto}thead{background:#e0e4d5;font:11px 'Red Hat Mono',monospace}th,td{padding:15px 12px;vertical-align:top;border-bottom:1px solid #c6ccbd}.board{min-width:950px}.client-row th{width:26%}.expand{padding:0;border:0;background:none;display:flex;justify-content:space-between;text-align:left;width:100%;font-size:19px;font-weight:600}.expand span{padding-left:18px}.priority-label{flex-direction:row;align-items:center;margin-top:10px;font-weight:400;color:#56644e}.priority-label select{font-size:12px;padding:4px 7px}.visibility{font-size:12px;padding:4px 7px;background:#e1e7d8}.visibility.archived{background:#deded8;color:#64665e}small{display:block;font-size:12px;color:#596650;margin-top:7px}a{color:inherit;text-underline-offset:4px}.client-row td>a{font-size:13px}.details>td{padding:28px;background:#e9ecdf}.details[hidden]{display:none}.detail-head{display:flex;justify-content:space-between;gap:24px}.detail-head h2{margin:0 0 8px}.detail-head a,.text-button{font-size:14px}.text-button{padding:0;background:none;border:0;text-decoration:underline}.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.client-actions{display:flex;gap:20px;align-items:end}.client-actions label{flex:1}.notes-label{margin:18px 0}.pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.piece{padding:12px;background:#f8f7ee;border:1px solid #ccd1c1;display:flex;flex-direction:column;gap:8px}.piece img{display:block;width:100%;height:150px;object-fit:contain;background:#e1e4d8}.piece strong{display:block;margin-top:10px;font-size:16px;font-weight:600}.piece>a{text-decoration:none}.piece>span{font-size:12px;color:#58664f}.favorite{display:flex;flex-direction:row;align-items:center}.favorite input{accent-color:#a43a25}.source-link{font-size:12px;text-decoration:underline!important}#site-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footnote{font-size:13px;color:#596650;max-width:100ch;margin-top:30px}dialog{max-width:480px;width:90vw;border:1px solid #829273;background:#f4f1e9;padding:28px}dialog::backdrop{background:#20292099}dialog label{margin:18px 0}.actions{display:flex;justify-content:end;gap:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9b3e2c;outline-offset:3px}@media(max-width:750px){main{padding:24px 20px}.pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.task-grid{grid-template-columns:repeat(2,1fr)}#site-tasks{grid-template-columns:1fr 1fr}.detail-head{display:block}.detail-head>label{margin-top:15px}header span{display:none}}@media(max-width:430px){.pieces,#site-tasks{grid-template-columns:1fr}.client-actions{display:block}.client-actions label{margin-top:12px}}

[hidden]{display:none!important}