@layer pages {
/* /tools/pet-travel-planner/ — the planner's form and its optional record
   dates (the plan itself: components/doors/planner.css). Tokens only. */
.planner-form { max-inline-size: 40rem; }
.planner-record { border: 1px solid var(--line-strong); border-radius: var(--radius-card); background: var(--paper); }
.planner-record > summary {
  display: flex;
  align-items: center;
  min-block-size: var(--target);
  padding: .6rem 1rem;
  cursor: pointer;
  font-weight: 700;
}
.planner-record[open] { padding-block-end: 1rem; }
.planner-record[open] > :not(summary) { margin-inline: 1rem; }
.planner-record > * + * { margin-block-start: 1rem; }

}