.collab-panel, .collab-summary {
  margin-block: 14px;
  padding: 16px;
  border: 1px solid var(--line, #d6d2c9);
  border-radius: 13px;
  background: var(--paper, #f2efe6);
}
.collab-panel :is(h3,h4,p), .collab-summary p, .collab-contact p { margin: 0 0 .6em; }
.collab-panel :is(p,a), .collab-summary p, .learn-evidence p { overflow-wrap: anywhere; }
.collab-panel .section-head, .collab-summary .section-head { margin: 0 0 .5em; }
.collab-actions, .collab-timer, .collab-contact, .learn-entry {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
}
.collab-timer, .collab-contact { justify-content: space-between; }
.collab-timer p:last-child, .collab-contact p:last-child { margin-bottom: 0; }
.collab-contact { border-top: 1px solid var(--line, #d6d2c9); padding: 10px 0; }
.collab-summary .btn { margin-block: 3px; }
.learn-entry, .learn-topics { margin-block: 0 20px; }
.learn-topics { display: flex; flex-wrap: wrap; gap: 8px; }
.learn-topics a[aria-current] { color: #fff; background: #294294; }
.learn-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 14px;
}
.learn-evidence, .learn-signal, .learn-edition { padding: clamp(14px, 3vw, 24px); }
.learn-evidence h3, .learn-signal h3 { font-size: clamp(1.2rem, 2.8vw, 1.75rem); margin-block: 0 .45em; }
.learn-evidence summary, .learn-edition summary, .learn-edition-picker summary { cursor: pointer; padding-block: 9px; }
.learn-evidence .btn { margin-top: 12px; }
.learn-evidence ul, .learn-edition ul { padding-inline-start: 20px; }
.learn-quote { padding-inline-start: 15px; border-inline-start: 3px solid #294294; margin: 12px 0; }
.learn-quote footer { font-size: .875rem; }
.learn-application strong { display: block; }
.learn-signal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 12px; margin-bottom: 10px; }
.learn-edition { margin-block: 12px; }
.learn-edition-picker { max-height: 42dvh; overflow: auto; margin-block: 12px; }
.workflow-steps { padding-inline-start: 22px; }
.workflow-steps li { margin-bottom: 6px; }
.workflow-steps small { margin-inline-start: 7px; }
.workflow-steps li[aria-current] { border-inline-start: 2px solid #294294; padding-inline-start: 8px; }
.client-activity-entry { margin-top: 15px; }
.activity-workspace { display: grid; gap: 16px; }
.activity-context, .activity-pagination { display: flex; gap: 10px 20px; flex-wrap: wrap; align-items: center; }
.activity-context { justify-content: space-between; overflow-wrap: anywhere; }
.activity-context p { margin: 0; }
.activity-section { padding: clamp(14px, 3vw, 26px); border: 1px solid var(--line); border-radius: 14px; background: var(--surface, #faf8f3); overflow-wrap: anywhere; }
.activity-section > h2, .activity-section > p { margin: 0 0 12px; }
.activity-section h3 { margin: 0 0 4px; font-size: 1rem; }
.activity-account, .activity-estimate, .activity-events > li { padding-block: 14px; border-top: 1px solid var(--line); }
.activity-account { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; align-items: start; }
.activity-account dl { grid-column: 1 / -1; }
.activity-state { display: inline-block; width: fit-content; border-radius: 999px; background: #eae7e0; color: #393638; padding: 4px 9px; font-size: .875rem; }
.activity-state.is-open { background: #e2e9ff; color: #243879; }
.activity-section dl { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
.activity-section dt { font-size: .875rem; color: var(--muted); }
.activity-section dd { margin: 2px 0 0; }
.activity-estimate ul, .activity-events { list-style: none; padding: 0; margin: 0; }
.activity-estimate li + li { margin-top: 12px; }
.activity-estimate li dl { margin-top: 4px; }
.activity-events li { display: flex; flex-wrap: wrap; gap: 4px 18px; justify-content: space-between; }
.activity-events p { margin: 4px 0 0; color: var(--muted); }
.activity-events time { color: var(--muted); font-size: .875rem; }
.activity-pagination { margin-top: 12px; }
.activity-pagination:empty { display: none; }
.client-activity-notice { margin-block: 14px; font-size: .875rem; color: var(--muted); }
.client-activity-notice summary { width: fit-content; cursor: pointer; text-decoration: underline; text-underline-offset: .18em; }
.client-activity-notice p { margin: .55em 0 0; }
@media (max-width: 420px) {
  .activity-account { grid-template-columns: minmax(0, 1fr); }
  .client-studio .tabs.client-project-tabs.has-estimate .tab svg { display: none; }
}
@media (max-width: 620px) {
  .client-studio .tabs.client-project-tabs.has-estimate { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.client-estimate-link { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; }
.client-estimate-link h2 { margin: 0 0 5px; font-size: 1.15rem; }
.client-estimate-link p { margin: 0; }
.client-activity-notice a { text-decoration: underline; }