.co-home{display:grid;gap:22px}.co-hero{border:1px solid #d9e3de;border-radius:16px;background:linear-gradient(115deg,#eef5f0,#fcfdfb);padding:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.co-hero h2{font-size:24px;line-height:1.5;max-width:770px;margin:5px 0 12px;letter-spacing:0}.co-hero p{color:#5d6d65}.co-hero>.actions{flex-shrink:0}.co-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.co-task{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e8ede9}.co-task:first-child{padding-top:0}.co-task:last-of-type{margin-bottom:20px}.co-task h3{font-size:16px;margin:0 0 6px}.co-task p,.co-home .card-body>p{font-size:14px;color:#64746a;line-height:1.7;margin:0}.co-task button{flex-shrink:0}.co-dialog{width:min(1320px,calc(100vw - 40px))!important;max-width:1320px!important}.co-dialog .modal-body{padding:0 24px 20px}.co-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(290px,1fr);gap:0;border:1px solid #e2e8e3;border-radius:12px;margin-top:12px;overflow:hidden}.co-pane{min-width:0;padding:20px;max-height:62vh;overflow-y:auto;overscroll-behavior:contain}.co-pane+.co-pane{border-left:1px solid #e2e8e3}.co-pane>h3{font-size:16px;margin:0 0 20px}.co-detail{margin:0 0 20px;overflow-wrap:anywhere}.co-detail small{display:block;color:#77827a;font-size:12px;margin-bottom:5px}.co-detail>div,.co-prose{font-size:14px;line-height:1.8;white-space:pre-wrap}.co-evidence{background:#f7f9f6;border:1px solid #e5ebe3;border-radius:9px;padding:14px;margin:12px 0}.co-evidence blockquote{font-size:14px;line-height:1.85;white-space:pre-wrap;margin:12px 0}.co-evidence p{font-size:12px;color:#6c796e;overflow-wrap:anywhere}.co-preview{font:13px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:#f2f5ef;padding:12px;border-radius:6px}.co-tabs{display:none}.co-pane .check{line-height:1.6;align-items:flex-start}.co-pane input[type=checkbox]{margin-top:4px;flex-shrink:0}.co-pane details{margin:16px 0;overflow-wrap:anywhere}.co-pane summary{cursor:pointer;color:#375d49;font-size:14px}.co-contribution{border:1px solid #dfe7e1;border-radius:10px;padding:16px;margin:14px 0}.co-contribution legend{color:#4a7058;font-size:14px}.co-home .panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e9eee9}.co-home .panel-head h2{font-size:17px;margin:0}.co-home .card-body{padding:24px}.co-home .actions{flex-wrap:wrap}.co-home .panel{margin:0;min-width:0}
.co-dialog .modal-foot{margin:20px 0 0;padding:16px 0 0}.co-dialog .co-pane{scrollbar-width:thin}.co-dialog{overflow-x:hidden}
@media(max-width:1050px){.co-hero{display:block}.co-hero>.actions{margin-top:20px}.co-home-grid{grid-template-columns:1fr}.co-dialog{width:calc(100vw - 24px)!important}.co-workbench{grid-template-columns:1fr}.co-pane{max-height:none;padding:18px;display:none}.co-workbench[data-pane=evidence]>.co-pane[data-pane=evidence],.co-workbench[data-pane=design]>.co-pane[data-pane=design],.co-workbench[data-pane=decision]>.co-pane[data-pane=decision]{display:block}.co-pane+.co-pane{border:0}.co-tabs{display:flex;gap:6px;position:sticky;top:0;background:#fff;padding:12px 0;z-index:1}.co-tabs button{border:1px solid #dfe7e0;border-radius:8px;background:#fff;padding:10px 14px;color:#4b6454;flex:1;font:inherit;font-size:13px}.co-tabs button[aria-selected=true]{background:#e9f2eb;border-color:#aac4b0;color:#234d32}.co-dialog .modal-body{padding:0 14px 16px}.co-workbench{margin-top:0}.co-hero h2{font-size:21px}}
@media(max-width:480px){.co-home{gap:16px}.co-home-grid{gap:16px}.co-hero{padding:20px}.co-home .card-body,.co-home .panel-head{padding:18px}.co-task{gap:10px}.co-task h3{font-size:15px}.co-dialog{width:calc(100vw - 12px)!important}.co-tabs button{padding:10px 4px}.co-dialog .modal-foot{flex-wrap:wrap}.co-dialog .field-grid{grid-template-columns:1fr}}

/* Shared panel padding belongs to either the header/body or the outer panel. */
.co-home .panel { padding: 0; display: flex; flex-direction: column; }
.co-home .panel-head { padding: 20px 24px; margin: 0; align-items: center; }
.co-home .panel-head h2 { font-size: 18px; }
.co-home .card-body { display: flex; flex-direction: column; flex: 1; gap: 0; padding: 22px 24px; }
.co-home .card-body > .actions { padding-top: 18px; margin-top: auto; }
.co-home .card-body > .field-help { color: #617369; line-height: 1.8; margin: 12px 0 0; }
.co-home .co-task:last-of-type { margin-bottom: 0; }
.co-task > div, .co-task > span { min-width: 0; overflow-wrap: anywhere; }
.co-hero { padding: 26px 28px; background: #edf4ee; }
.co-hero-copy { min-width: 0; }
.co-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
.co-hero-meta .eyebrow { margin: 0; font-size: 12px; letter-spacing: .03em; }
.co-hero h2 { margin: 0 0 12px; font-size: 23px; line-height: 1.65; overflow-wrap: anywhere; text-wrap: pretty; }
.co-hero-copy > p { margin: 0; font-size: 14px; line-height: 1.8; }
.co-resource-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0 0 4px; }
.co-resource-summary > div { min-width: 0; padding-right: 8px; }
.co-resource-summary > div + div { border-left: 1px solid var(--line); padding-left: 14px; }
.co-resource-summary dt { font-size: 12px; color: #617369; line-height: 1.6; }
.co-resource-summary dd { margin: 8px 0 0; font-size: 27px; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.co-resource-summary dd span { margin-left: 6px; font-size: 12px; color: #718377; font-weight: 400; }
.co-dialog .modal-head { padding: 20px 24px; }
.co-dialog .modal-body { padding: 0 24px 20px; }
.co-dialog .co-detail > div, .co-dialog .co-prose { font-size: 15px; line-height: 1.85; }
.co-detail small { color: #617369; font-size: 13px; }
.co-dialog .co-pane > h3 { padding-bottom: 12px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.co-workbench .co-pane:nth-child(2) { background: #fafbf8; }
.co-dialog .modal-foot { margin: 20px 0 0; padding: 16px 0 0; }
@media (max-width: 1050px) {
  .co-hero > .actions { margin-top: 18px; }
  .co-dialog .modal-body { padding: 0 16px 16px; }
  .co-tabs { top: 0; gap: 8px; }
  .co-tabs button { min-width: 0; line-height: 1.5; }
}
@media (max-width: 760px) {
  .co-home .card-body, .co-home .panel-head { padding: 18px 20px; }
  .co-hero { padding: 20px; }
  .co-hero h2 { font-size: 20px; }
  .co-home-grid { gap: 18px; }
  .co-task { gap: 12px; align-items: flex-start; }
  .co-dialog .modal-head { padding: 16px 18px; }
  .co-dialog .co-pane { padding: 16px; }
}
@media (max-width: 380px) {
  .co-home .card-body, .co-home .panel-head { padding: 16px; }
  .co-resource-summary { gap: 6px; }
  .co-resource-summary > div { padding-right: 0; }
  .co-resource-summary > div + div { padding-left: 8px; }
  .co-resource-summary dt { font-size: 12px; min-height: 38px; }
  .co-resource-summary dd { font-size: 24px; }
  .co-dialog .co-tabs button { font-size: 12px; padding: 10px 5px; }
}