/* castomUI Planner — only what castomo-dashkit does not already draw.
   Everything else — the shell, cards, lists, forms, badges, tables, dialogs, the assistant and
   the drawings — is the kit's (dashboard/public/dashkit), in the planner's theme and the Ghost
   art castomui.com is built from. Every value here is a kit token. */

/* ---------- Page furniture ---------- */
/* The page's rhythm (GUIDELINES §0.18): a screen puts its blocks straight into #view, so one
   rule spaces them all — every block one gap below the one before. */
#view > * + * { margin-top: var(--gap); }
#view > * + .section { margin-top: var(--s5); }
.muted { color: var(--ink-3); font-weight: 500; }
.noscript { padding: var(--s4); text-align: center; }
.section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s1); }
.section-head h2 { font-size: var(--t2); }
.list > li { flex-wrap: wrap; }
.list > li > .btn-row { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) {
  .list > li > .btn-row { flex-basis: 100%; justify-content: flex-start; padding-inline-start: 0; }
}