:root{color-scheme:light;font:16px/1.6 system-ui,sans-serif;color:#21312c;background:#f5f4ef}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4dcd4;padding-bottom:20px;color:#64736b}.brand{font-size:26px;font-weight:700;color:#205c43;text-decoration:none}section{padding:32px 0}h1{font-size:36px;line-height:1.2;letter-spacing:-1px}h2{font-size:22px;margin-top:32px}button{font:inherit;border:0;border-radius:9px;padding:11px 18px;background:#205c43;color:white;cursor:pointer;margin:8px 8px 8px 0}button.secondary{background:#e2e8df;color:#21312c}button:disabled{opacity:.5;cursor:wait}input{font:inherit;width:100%;padding:10px;border:1px solid #c2cdc3;border-radius:8px}p{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 system-ui;background:white;border:1px solid #d4dcd4;border-radius:10px;padding:18px;max-height:480px;overflow:auto}.card{background:white;border:1px solid #d4dcd4;border-radius:12px;padding:20px;margin:18px 0}footer{border-top:1px solid #d4dcd4;padding-top:20px;font-size:14px;color:#64736b}.error{color:#a12f2f}label{display:block;margin-top:12px}
input[type=checkbox]{width:auto;margin-right:8px;accent-color:#205c43}select{font:inherit;width:100%;padding:10px;border:1px solid #c2cdc3;border-radius:8px;background:white}

[hidden]{display:none!important}body>header{padding:18px 28px;background:#fff;min-height:76px}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1800px;margin:auto}.app-layout:has(#project-sidebar[hidden]){grid-template-columns:minmax(0,1fr)}main{width:100%;max-width:1440px;padding:28px 36px}main>section{padding:0}#project-sidebar{padding:28px 20px;border-right:1px solid #d4dcd4;min-height:calc(100vh - 77px);background:#eef1e9}#project-sidebar h2{margin:0 0 16px;font-size:18px}#project-sidebar nav{display:grid;gap:8px;margin:20px 0}.project-link{display:grid;gap:3px;text-decoration:none;padding:12px;border-radius:9px;color:#334b3e;overflow-wrap:anywhere}.project-link span{font-size:12px;color:#63796c}.project-link:hover,.project-card:hover{background:#e0e8dc}.project-link[aria-current=page]{background:#205c43;color:white}.project-link[aria-current=page] span{color:#dfede3}.new-project,.settings-link{display:block;padding:10px 12px;color:#205c43;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.project-card{display:block;padding:24px;border:1px solid #d4dcd4;background:#fff;border-radius:12px;color:#21312c;text-decoration:none}.project-card h2{margin:0}.project-card span{color:#205c43}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #79a88e;outline-offset:3px}.project-inspector{margin-top:24px}.project-inspector section{padding:0}.project-inspector .intro h2{margin:0}.project-inspector .intro .eyebrow{display:none}.project-inspector button{margin:0}.project-inspector #detail{min-width:0}.project-inspector #search-panel{padding:24px}.project-inspector nav{display:flex}.project-inspector footer{margin-bottom:28px}.project-inspector .related{margin:8px 0}.project-inspector .count{padding:16px}.project-inspector #status{font-size:12px}#account-actions button{margin:0}main>section>h1{margin-top:8px}@media(max-width:900px){.app-layout{grid-template-columns:210px minmax(0,1fr)}main{padding:24px}.project-inspector .workspace{grid-template-columns:1fr}}@media(max-width:650px){.app-layout{grid-template-columns:1fr}#project-sidebar{min-height:0;border-right:0;border-bottom:1px solid #d4dcd4;padding:18px}#project-sidebar nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:220px;overflow:auto;margin:12px 0}.new-project,.settings-link{display:inline-block}main{padding:22px 18px}.project-inspector .counts{grid-template-columns:repeat(2,1fr)}}

.project-inspector #project{display:none}.project-inspector{background:transparent}#project-sidebar{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}@media(max-width:650px){#project-sidebar{position:static;max-height:none}}

/* Collaboration controls share the project layout and remain usable on phones. */
.collaboration article { padding: 1rem 0; border-bottom: 1px solid #dde4df; }
.collaboration label { display: block; margin: .75rem 0; }
.collaboration textarea { display: block; box-sizing: border-box; width: 100%; min-height: 5rem; padding: .7rem; border: 1px solid #bdcbc1; border-radius: 6px; font: inherit; }
.collaboration button, .collaboration a { margin-right: .5rem; margin-bottom: .5rem; }
.collaboration details { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dde4df; }
.collaboration summary { cursor: pointer; font-weight: 600; }
.collaboration pre, .collaboration blockquote, .collaboration small { white-space: pre-wrap; overflow-wrap: anywhere; }