.client-project-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}.client-project-nav .secondary{padding:11px 16px;min-height:44px;font-size:14px}.client-project-nav svg{width:18px;height:18px}.project-crumb{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 24px;line-height:1.6}.project-crumb a{color:var(--accent)}.project-crumb span{font-weight:650;overflow-wrap:anywhere}.client-project-list>article,.client-file-list>article{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.client-project-list h2{font-size:23px;line-height:1.5}.client-project-list p{font-size:14px;color:var(--muted)}.client-file-list>article>div:first-child{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 14px;align-items:start}.client-file-list svg{width:24px;height:24px}.client-file-list strong{overflow-wrap:anywhere}.client-file-list small{grid-column:2;font-size:13px;color:var(--muted)}.client-file-list .view-tools{flex-shrink:0}.client-file-list button{font-size:14px}.client-upload{max-width:760px}.client-upload p{font-size:14px;line-height:1.6}.version-list>article{padding:22px 0;border-bottom:1px solid var(--line)}.version-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}.version-columns h2{font-size:22px}.version-columns p{overflow-wrap:anywhere}.client-task-list>article{padding:24px 0;border-bottom:1px solid var(--line)}.client-task-list p{padding-left:35px;max-width:65ch}.client-task-list small{display:block;margin-left:35px;color:var(--muted)}.client-task-list article:has(input:checked) strong{text-decoration:line-through;color:var(--muted)}
.design-picker{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.design-picker button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.design-review{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:30px;align-items:start}.design-canvas{position:relative;min-width:0;background:#e4dac7;border-radius:20px;overflow:hidden}.design-canvas img{display:block;width:100%;height:auto;cursor:crosshair}.design-canvas svg{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.design-canvas circle{fill:#9c4032;stroke:#fff8ea;stroke-width:2}.design-canvas text{fill:#fff8ea;text-anchor:middle;font:700 12px Manrope,Arial,sans-serif}.design-comments{min-width:0}.design-comments h2{font-size:21px;overflow-wrap:anywhere}.design-comments form label{display:grid;gap:12px;margin:20px 0}.design-comments textarea{width:100%;padding:16px;border-radius:20px;font:inherit;background:#fff9ed;border:1px solid var(--line);color:var(--ink)}.design-comments details{margin:20px 0}.design-comments summary{cursor:pointer}.design-comments input[type=range]{width:100%;accent-color:#9c4032}.pin-comments{padding-left:24px}.pin-comments>li{padding:20px 0;border-bottom:1px solid var(--line);line-height:1.6}.pin-comments p{white-space:pre-wrap;overflow-wrap:anywhere}.pin-comments small{color:var(--muted)}.decision-record{padding:20px 0;border-top:1px solid var(--line);margin-top:18px}.decision-record p{white-space:pre-wrap}.meeting-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:24px 0}.meeting-days section{padding:22px;background:#faf3e6;border:1px solid var(--line);border-radius:20px}.meeting-days h2{font-size:21px}.meeting-times{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.meeting-record{padding:22px 0;border-bottom:1px solid var(--line)}.meeting-record h3{font:600 19px/1.5 Manrope,sans-serif}.reading-controls fieldset{margin:0 0 26px}.reading-controls button{margin:6px}.reading-example{max-width:62ch;line-height:1.8;margin-top:30px;padding:26px;background:#e8ddc6;border-radius:20px}.reading-example h2{font-size:24px}.desktop-code{font:600 38px/1.5 Manrope,sans-serif;letter-spacing:.15em;color:#9c4032;font-variant-numeric:tabular-nums}.case-await{padding:25px 0}.case-paper{max-width:760px;min-height:340px;padding:42px;border-block:1px solid #8c756966;background:#f8efdcc9;position:relative;box-shadow:0 12px 30px #44331f12}.case-paper>svg{width:50px;height:50px;color:#9c4032;margin-bottom:20px}.case-paper h2{font-size:28px;line-height:1.5}.case-paper p{max-width:56ch;line-height:1.8;margin:24px 0}
body[data-reading-texture=quiet]{background-image:linear-gradient(#f1e7d4ee,#f1e7d4ee),url('/work/helpers/assets/washi-helpers-v3.webp')}
body[data-reading-size=large]{--read-body:18px;--read-heading:35px;--read-h2:26px;--read-card:21px}
body[data-reading-size=larger]{--read-body:20px;--read-heading:38px;--read-h2:28px;--read-card:23px}
body[data-reading-size=large] #workspace :is(p,li,label,input,textarea,.primary,.secondary,.interest),body[data-reading-size=larger] #workspace :is(p,li,label,input,textarea,.primary,.secondary,.interest){font-size:var(--read-body);line-height:1.7}
body[data-reading-size=large] #workspace h1,body[data-reading-size=larger] #workspace h1{font-size:var(--read-heading);line-height:1.45}
body[data-reading-size=large] #workspace h2,body[data-reading-size=larger] #workspace h2{font-size:var(--read-h2);line-height:1.5}
body[data-reading-size=large] #workspace h3,body[data-reading-size=larger] #workspace h3{font-size:var(--read-card);line-height:1.5}
body[data-reading-density=compact] :is(.tool-grid,.feature-grid,.compact-grid){gap:14px}body[data-reading-density=compact] .entry-content{padding:18px}body[data-reading-density=compact] .profile-panel{padding-block:18px}body[data-reading-density=compact] .client-project-list>article,body[data-reading-density=compact] .client-file-list>article{padding-block:16px}
@media(max-width:1000px){.design-review{grid-template-columns:minmax(0,1fr)}.design-canvas{max-width:760px}.client-file-list>article{display:block}.client-file-list .view-tools{margin-top:20px}.version-columns{gap:16px}}
@media(max-width:700px){.client-project-nav{gap:8px}.client-project-nav .secondary{font-size:13px;padding:10px 12px}.client-project-list>article{display:block}.client-project-list button{margin-top:16px;width:100%;white-space:normal}.client-project-list h2{font-size:21px;overflow-wrap:anywhere}.version-columns,.meeting-days{grid-template-columns:minmax(0,1fr)}.client-upload .primary{width:100%;white-space:normal}.client-file-list .view-tools{display:grid}.meeting-days section{padding:20px}.design-comments .primary{width:100%;white-space:normal}.design-review{gap:22px}.case-paper{padding:26px}.case-paper h2{font-size:24px}.reading-controls .interest{margin:6px 4px;padding:10px 12px;white-space:normal}.reading-example{padding:20px}body[data-reading-size=large]{--read-heading:27px;--read-h2:24px;--read-card:21px}body[data-reading-size=larger]{--read-heading:29px;--read-h2:26px;--read-card:23px}body[data-reading-size=large] .feature-grid,body[data-reading-size=larger] .feature-grid{grid-template-columns:minmax(0,1fr)}body[data-reading-size=large] .goal-actions,body[data-reading-size=larger] .goal-actions{grid-template-columns:minmax(0,1fr)}}

.client-admin{min-width:0}.client-admin form{display:grid;gap:16px;margin:24px 0;padding:22px;border:1px solid #8c756955;border-radius:20px}.client-admin label{display:grid;gap:10px;min-width:0}.client-admin input,.client-admin textarea,.client-admin select{width:100%;min-width:0;max-width:100%;padding:12px;font:inherit;color:inherit;border:1px solid #8c756966;background:#fff8e9;border-radius:16px}.client-admin .check-line{display:flex}.client-admin .check-line input{width:22px}.client-admin .design-canvas{max-width:760px}.client-admin .owner-design p{white-space:pre-wrap}.client-admin button{max-width:100%;white-space:normal}.client-admin details{margin:24px 0}.client-admin summary{cursor:pointer}.client-admin li{padding:12px 0;line-height:1.7}.client-admin #owner-client-status{font-weight:650;color:#9c4032}
body.mw-embedded[data-reading-size=large] :is(p,li,label,input,textarea,.primary,.secondary,.choice),body.mw-embedded[data-reading-size=larger] :is(p,li,label,input,textarea,.primary,.secondary,.choice){font-size:var(--read-body);line-height:1.7}

.app-footer .text-link{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

.meeting-times button{display:flex;flex-direction:column;align-items:center;gap:4px}.meeting-times button span:last-child{font-size:.8em}