/* An editable work surface makes the business decisions tangible. */
.case-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.case-jump:first-child{background:var(--soft)}
.design-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.design-facts dt{font-size:.875rem;color:var(--muted);margin-bottom:8px}.design-facts dd{margin:0;font-size:1rem;line-height:1.6}
.design-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 24px}.design-questions button{display:flex;align-items:center;gap:12px;text-align:left;min-height:68px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:.9375rem}.design-questions button>span{font-size:.875rem;opacity:.8}.design-questions button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:650}
.design-panel{border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--bg)}.design-panel h4{font-size:1.35rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}.design-panel>p{font-size:1rem;margin-bottom:20px}.design-panel .planner-note{font-size:.875rem;color:var(--muted);margin:16px 0 0;max-width:75ch}.planner-view-switch{display:flex;gap:8px;margin:20px 0}.planner-view-switch button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:.9375rem}.planner-view-switch button[aria-pressed=true]{background:var(--soft);border:2px solid var(--link);padding:9px 13px}
.planner-table{border:1px solid var(--line);border-radius:7px;background:var(--surface)}.planner-table table{font-size:.9375rem}.planner-table caption{text-align:left;padding:12px 14px;font-size:.875rem;color:var(--muted);border-bottom:1px solid var(--line)}.planner-table th{font-size:.875rem}.planner-table td strong{display:block;font-weight:600}.planner-owner{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.planner-progress select,.planner-controls select,.planner-role-field select{font:inherit;font-size:.9375rem;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:8px 12px;max-width:100%}.planner-progress select:disabled{opacity:1;color:var(--muted);background:var(--soft);cursor:not-allowed}.planner-priority,.planner-permission{font-size:.875rem}.planner-priority{display:inline-block;border:1px solid var(--line);padding:3px 9px;border-radius:20px}.planner-person{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.planner-person h5{font-size:1rem;letter-spacing:0;margin:0 0 16px}.planner-person ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.planner-person li{padding-left:14px;border-left:2px solid var(--link)}.planner-person li strong,.planner-person li span{display:block;font-size:.9375rem}.planner-person li span{font-size:.875rem;color:var(--muted);margin-top:4px}#planner-linked{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.planner-rule-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}.planner-controls{border:0;padding:0;margin:0;min-width:0}.planner-controls legend{font-weight:650;font-size:1rem;margin-bottom:18px}.planner-controls label{display:block;font-size:.875rem;margin-bottom:7px}.planner-controls select{width:100%;margin-bottom:16px}.planner-rule-result{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:6px}.planner-rule-result strong{display:block;font-size:1.4rem;letter-spacing:-.03em}.planner-rule-result p{font-size:.9375rem;margin:8px 0 0}.planner-matrix{table-layout:fixed;font-size:.875rem}.planner-matrix caption{text-align:left;font-size:.875rem;color:var(--muted);padding-bottom:12px}.planner-matrix th,.planner-matrix td{padding:5px;border:0;text-align:center;white-space:normal}.planner-matrix th{font-size:.875rem;font-weight:500}.planner-matrix th:first-child{width:60px}.planner-matrix button{width:100%;min-height:68px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink);font:inherit;font-size:.875rem}.planner-matrix button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 4px var(--ink)}.planner-matrix button span{display:block;font-size:.875rem;opacity:.8}.planner-role-field{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 12px}.planner-role-field label{font-size:.9375rem;font-weight:650}#planner-visible-count{font-size:.875rem;color:var(--muted)}
.design-trace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 0;padding-top:24px;border-top:1px solid var(--line)}.design-trace dt{font-size:.875rem;font-weight:750;margin-bottom:8px}.design-trace dd{font-size:.9375rem;line-height:1.65;margin:0;color:var(--muted)}.design-example-footer{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.design-example-footer p{font-size:.875rem;color:var(--muted);margin:0;min-height:1.65em}.design-example-footer button{flex-shrink:0;font-size:.875rem}
@media(max-width:800px){.case-jumps{grid-template-columns:1fr 1fr}.design-facts{gap:18px}.design-questions button{flex-direction:column;align-items:start;gap:5px}.planner-rule-layout{grid-template-columns:1fr;gap:24px}.planner-matrix{max-width:420px}.design-trace{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.case-jumps,.design-facts,#planner-linked{grid-template-columns:1fr}.design-questions{grid-template-columns:1fr;gap:8px}.design-questions button{min-height:48px;flex-direction:row;align-items:center;gap:12px}.design-panel{padding:20px 14px}.design-example-footer{flex-direction:column-reverse;gap:14px}.planner-matrix th,.planner-matrix td{padding:3px}.planner-matrix button{min-height:58px;padding:6px 2px}}