.projects-nav-mobile{display:none}
.projects-overview{background:var(--green);border-radius:16px;padding:26px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:0}.projects-overview>div+div{border-left:1px solid var(--preview-line,#c9ddd0);padding-left:28px}.projects-overview .amount{font-size:30px;line-height:40px;margin:8px 0}.projects-overview .small{color:var(--green-ink,#426556)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink);transition:box-shadow .18s ease-out}.project-card:hover{box-shadow:0 8px 24px #30253f14}.project-card h3{font-size:20px;line-height:28px;overflow-wrap:anywhere}.project-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.project-card-head>div{min-width:0}.project-card .amount{font-size:29px;line-height:38px}.project-card .small{color:var(--purple-ink,#51495f)}.project-card-bottom{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:14px;line-height:20px}.project-card progress,.project-progress progress{appearance:none;border:0;width:100%;height:8px;border-radius:6px;overflow:hidden;background:var(--translucent-surface,#ffffff90)}.project-card progress::-webkit-progress-bar,.project-progress progress::-webkit-progress-bar{background:var(--translucent-surface,#ffffff90);border-radius:6px}.project-card progress::-webkit-progress-value,.project-progress progress::-webkit-progress-value{background:var(--project-bar);border-radius:6px}.project-card progress::-moz-progress-bar,.project-progress progress::-moz-progress-bar{background:var(--project-bar)}.project-tone-0{background:var(--pastel-0);--project-icon-bg:var(--pastel-0);--project-bar:#a492c4}.project-tone-1{background:var(--pastel-1);--project-icon-bg:var(--pastel-1);--project-bar:#88abc9}.project-tone-2{background:var(--pastel-2);--project-icon-bg:var(--pastel-2);--project-bar:#80a997}.project-tone-3{background:var(--pastel-3);--project-icon-bg:var(--pastel-3);--project-bar:#c998b0}.project-tone-4{background:var(--pastel-4);--project-icon-bg:var(--pastel-4);--project-bar:#b9a06b}.project-tone-5{background:var(--pastel-5);--project-icon-bg:var(--pastel-5);--project-bar:#92a8c4}.project-tone-6{background:var(--pastel-6);--project-icon-bg:var(--pastel-6);--project-bar:#b79cc3}.project-tone-7{background:var(--pastel-7);--project-icon-bg:var(--pastel-7);--project-bar:#c4a087}.project-tone-8{background:var(--pastel-8);--project-icon-bg:var(--pastel-8);--project-bar:#7faeaa}.project-tone-9{background:var(--pastel-9);--project-icon-bg:var(--pastel-9);--project-bar:#a2ae78}.project-tone-10{background:var(--pastel-10);--project-icon-bg:var(--pastel-10);--project-bar:#c79d94}.project-tone-11{background:var(--pastel-11);--project-icon-bg:var(--pastel-11);--project-bar:#a29dac}.project-card .budget-category-icon,.project-detail-head .budget-category-icon,.project-preview .budget-category-icon{background:transparent;width:48px;height:48px;flex-shrink:0;color:var(--accent)}.project-card .budget-category-icon svg,.project-detail-head .budget-category-icon svg,.project-preview .budget-category-icon svg{width:26px;height:26px}.project-detail-head .budget-category-icon{border-radius:12px}.project-detail-head .budget-category-icon[class*="project-tone-"]{background:var(--project-icon-bg,var(--tint))}.project-detail-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 28px}.project-detail-head h1{overflow-wrap:anywhere}.project-detail-head .detail-identity{min-width:0}.project-actions{display:flex;gap:12px;flex-shrink:0}.project-actions .primary,.project-actions .secondary{min-width:0}.project-progress{border-radius:16px;padding:28px;margin-bottom:28px}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.project-stats .amount{font-size:34px;line-height:44px;margin-top:6px}.project-progress-note,.project-progress-split{display:flex;justify-content:space-between;gap:16px;margin-top:14px}.project-progress-note{font-size:14px}.project-progress-split{border-top:1px solid var(--project-separator,#ffffffa0);padding-top:16px;margin-top:20px;font-size:15px}.project-panel{background:var(--surface);padding:26px 28px;border-radius:16px;margin-bottom:24px}.project-panel h2{font-size:23px;line-height:30px}.project-panel .section-header{margin-bottom:12px}.project-account-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 0}.project-account-row+.project-account-row,.project-expense-row+.project-expense-row{border-top:1px solid var(--line)}.project-account-row a{color:var(--ink);font-weight:600;text-decoration:none}.project-account-row a:hover{text-decoration:underline}.project-account-row strong{font-size:18px;font-weight:600}.project-account-row .budget-category-icon{width:36px;height:36px;background:var(--tint);color:var(--accent)}.project-expense-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0}.project-expense-row h3{font-size:16px;line-height:24px}.project-footnote{margin:28px 0;color:var(--muted);font-size:14px;line-height:22px}.project-footnote a{color:var(--accent);text-underline-offset:3px}.project-empty-copy{margin:24px 0 16px}.projects-empty{background:var(--surface);max-width:780px;text-align:left}.projects-empty>.budget-category-icon{width:56px;height:56px;background:var(--green);margin-bottom:20px}.projects-empty p{max-width:56ch}.project-preview{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:20px;overflow-wrap:anywhere}.project-allocation-list{display:grid}.project-allocation-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr);gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.project-allocation-row h3{font-size:17px;line-height:24px}.project-allocation-row .small{margin-top:6px}.project-allocation-row label{font-size:14px;line-height:20px}.project-allocation-total{font-size:20px;font-weight:600;line-height:28px}.project-warning{background:var(--warm-surface,#faf0db);padding:12px 16px;border-radius:12px;font-size:14px;line-height:21px;color:var(--warm-ink,#755122)}.project-expense-choice{background:var(--tint);padding:18px;border-radius:12px;display:grid;gap:12px}.project-expense-choice .hint{margin:0}.project-contributions{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.project-contributions a{color:var(--accent)}
@media(max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-head{align-items:start;flex-direction:column}.project-actions{width:100%}.project-actions>*{flex:1}}
@media(max-width:760px){.sidebar nav{gap:3px}.sidebar nav a,.sidebar nav .mobile-space{min-width:0;padding:6px 2px;font-size:12px;line-height:16px;flex:1}.sidebar nav .projects-nav-desktop{display:none}.sidebar nav .projects-nav-mobile{display:inline}.sidebar{padding-left:8px;padding-right:8px}.projects-overview{grid-template-columns:1fr;gap:20px;padding:20px}.projects-overview>div+div{border-left:0;border-top:1px solid var(--preview-line,#c9ddd0);padding:20px 0 0}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:22px}.project-detail-head{gap:20px}.project-actions{flex-direction:column}.project-progress,.project-panel{padding:20px}.project-stats{gap:16px}.project-stats .amount{font-size:24px;line-height:32px}.project-progress-note,.project-progress-split{flex-direction:column;gap:6px}.project-panel .section-header{gap:6px;align-items:start}.project-panel .section-header h2{max-width:100%}.project-account-row{gap:10px;grid-template-columns:32px minmax(0,1fr) auto}.project-account-row strong{font-size:16px}.project-allocation-row{grid-template-columns:1fr;gap:12px}.project-preview{padding:12px 16px}.project-preview .budget-category-icon{width:36px}.project-footnote{margin:22px 0}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}

.projects-collection-heading{margin:36px 0 20px;padding-top:26px;border-top:1px solid var(--line);font-size:24px;line-height:32px}.projects-empty{margin-top:36px}
@media(max-width:760px){.projects-collection-heading{margin-top:28px;padding-top:22px;font-size:22px;line-height:30px}}
