/* Days defines the shared outer column; internal cards keep their own widths. */
:root {
  --tab-content-region: 860px;
  --tab-content-inset: var(--tab-host-inline-inset, clamp(18px, 4vw, 40px));
  --tab-content-width: calc(var(--tab-content-region) - 2 * var(--tab-content-inset));
}
.days-inner,
.lb-page.lb-overview,
.page.playbook-home,
.main[data-route="peers"] {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--tab-content-region);
  margin-inline: auto;
  padding-inline: var(--tab-content-inset);
}
.lb-overview .lb-reading {
  width: 100%;
  max-width: none;
}
:is(.lb-page-heading, .playbook-home > .page-head, .main[data-route="peers"] > .page-head) {
  width: 100%;
  max-width: none;
}
.p22-home:not(.h-window-modal) {
  --h-width: var(--tab-content-width);
  --h-composer-side: var(--tab-content-inset);
}
.p22-home .h-thread {
  width: calc(100% - 2 * var(--tab-content-inset));
  max-width: var(--tab-content-width);
}
.p22-home .h-composer-wrap {
  padding-inline: var(--tab-content-inset);
}
.p22-home .h-composer-inner {
  width: 100%;
  max-width: var(--tab-content-width);
}
@media (max-width: 480px) {
  :root { --tab-content-inset: var(--tab-host-inline-inset, 18px); }
}