/* Components keep their member appearance; this sheet only arranges the home. */
.ll-home { container: home / inline-size; min-width: 0; }
.home-frame { display: grid; gap: 1.5rem; }
.home-header, .ll-home .kpi-band, .home-header .eyebrow { margin: 0; }
.home-header .eyebrow { display: block; }
.home-header .eyebrow::after { display: inline-block; vertical-align: middle; margin-left: .5rem; }
.home-overview { display: grid; gap: 1rem; }
.home-stats { margin: 0; }
.home-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 16rem; gap: 1.5rem; align-items: start; }
.home-attention { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; min-width: 0; }
.home-lane { min-width: 0; margin: 0; }
.home-lane-meta { margin: -.25rem 0 .85rem; }
.arow.home-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .75rem .5rem; align-items: center; min-width: 0; }
.home-row-identity { grid-column: 1 / -1; }
.home-aside, .home-stack { display: grid; gap: 1rem; align-content: start; }
.home-aside { min-width: 0; }
/* ASIDE-FILL-1: the aside stays beside the reader, but only when all of it fits under the chrome; a taller one would hide its end
   until the page ends. ll-operator.js sets data-sticky from the measured height. */
.ll-home .home-aside { top: calc(var(--topbar-h) + 3.75rem); }
.ll-home .home-aside[data-sticky] { position: sticky; }
.home-stack > :is(h2,p) { margin: 0; }
.home-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.home-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.home-review-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.home-review-controls { display: flex; flex-wrap: wrap; gap: .75rem; }
.home-review-note { margin-top: 1.5rem; container: home / inline-size; }
.home-reference { display: block; width: 100%; height: auto; }
.home-status { margin-top: 1rem; }
.home-status:empty { display: none; }

@container home (max-width: 65rem) {
  .home-workspace { grid-template-columns: minmax(0, 1fr); }
  .home-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ll-home .home-aside[data-sticky] { position: static; }
}
@container home (max-width: 42rem) {
  .home-attention, .home-aside { grid-template-columns: minmax(0, 1fr); }
  .arow.home-row { grid-template-columns: minmax(0, 1fr) auto; }
  .home-row .acts { grid-column: 1 / -1; justify-content: flex-end; }
}
@media (max-width: 480px) {
  .ll-home .kpi-band { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
}