/* Life Events' framed header, expressed in Food Passport's warm palette. */
@media(min-width:681px) {
  /* Match Life Events: inset controls, with the list extending toward the edges. */
  .bucket-home-experience #idea .food-preview .food-app-main { padding-inline:22px; }
  .bucket-home-experience #idea .food-preview.food-line-items .food-ledger { margin-inline:-8px; }
}
@media(min-width:681px) and (max-width:1100px) {
  .bucket-home-experience #idea .food-preview .food-app-main { padding-inline:18px; }
  .bucket-home-experience #idea .food-preview.food-line-items .food-ledger { margin-inline:0; }
}
.bucket-home-experience #idea .food-preview.food-line-items .food-ledger {
  flex:1 1 0;
  min-height:0;
  overflow:hidden;
  border:1px solid #dfbb922e;
  border-radius:14px;
  background:transparent;
  box-shadow:none;
}
.bucket-home-experience #idea .food-preview.food-line-items .food-ledger-head {
  min-height:38px;
  margin:0;
  padding-block:0;
  padding-left:18px;
  padding-right:23px;
  border-bottom:1px solid #dfbb922e;
  background:transparent;
  font-weight:700;
}
.bucket-home-experience #idea .food-preview.food-line-items .food-ledger-scroll {
  flex:1 1 0;
  min-height:0;
  max-height:none;
  padding:7px;
  /* Keep the compact rows and their shared people colors unchanged. */
}
@container food-rows (max-width:610px) {
  .bucket-home-experience #idea .food-preview.food-line-items .food-ledger-head {
    padding-left:15px;
    padding-right:20px;
  }
}
@media(max-width:680px) {
  /* The phone shell grows with content instead of providing a fixed-height row. */
  .bucket-home-experience #idea .food-preview.food-line-items .food-ledger { flex:0 1 auto; }
  .bucket-home-experience #idea .food-preview.food-line-items .food-ledger-scroll {
    flex:0 1 auto;
    max-height:488px;
  }
}