.division-layout {display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.65fr);align-items:start;gap:20px}
.division-layout > div {min-width:0}
.division-directory,.division-tasks {list-style:none;padding:0;margin:0}
.division-directory {display:grid;gap:4px;padding:8px}
.division-item {display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:6px}
.division-item[aria-pressed="true"] {background:#362734;border-color:#654050}
.division-item:hover {background:var(--rail-light)}
.division-symbol {display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--soft);color:var(--accent)}
.division-item strong,.division-item small,.division-tasks small {display:block;overflow-wrap:anywhere}
.division-item strong {line-height:1.25}
.division-item small,.division-tasks small,.division-note,.division-roster,.division-form-scope {color:var(--muted);font-size:13px}
.division-item small {margin-top:3px}
.division-summary {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 20px;margin-bottom:10px}
.division-summary h2,.division-task-copy h3,.division-description,.division-form-scope {overflow-wrap:anywhere}
.division-summary h2 {font-size:23px}
.division-description {margin-top:6px;white-space:pre-wrap}
.division-summary .division-description {color:var(--muted);font-size:14px}
.division-roster {padding:0 2px 14px;overflow-wrap:anywhere}
.division-roster strong {color:var(--ink);margin-right:6px}
.division-tasks li {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 20px}
.division-tasks li + li {border-top:1px solid var(--line)}
.division-task-copy {flex:1 1 230px;min-width:0}
.division-task-copy h3 {font-size:16px;line-height:1.35}
.division-task-copy p {font-size:14px}
.division-task-copy small {margin-top:6px}
.division-recipient .icon {width:15px;height:15px;margin-right:5px}
.division-task-actions {display:flex;flex-wrap:wrap;gap:6px}
.division-layout .panel-heading {flex-wrap:wrap}
.division-note {padding:15px 20px}
.division-note.inline {padding:0}
.division-form-scope {margin-bottom:14px}
@media(max-width:780px) {
  .division-layout {grid-template-columns:minmax(0,1fr);gap:0}
  .division-directory {grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
  .division-summary,.division-tasks li {padding:15px}
}