/* "Your channel" card on the Brand page (js/channel-profile.js). Tokens only, so it follows both looks; stacks on a phone.
   One surface: the named groups of fields are separated by space and a hairline, the summary lines by a hairline. */
.channel { margin: 0; }
.cp-body { display: grid; gap: var(--s5); }
.cp-lead { margin: 0; font: var(--type-body); color: var(--ink-strong); max-width: var(--measure); }
.cp-list { margin: 0; padding: 0; list-style: none; display: grid; }
.cp-list li { padding: var(--rhythm-rows) 0; font: var(--type-body); color: var(--ink); overflow-wrap: anywhere; max-width: var(--measure); }
.cp-list li + li { border-top: 1px solid var(--line); }
.cp-hint, .cp-note { margin: 0; font: var(--type-meta); color: var(--muted); max-width: var(--measure); }
.cp-note:empty { display: none; }
.cp-actions { display: flex; flex-wrap: wrap; gap: var(--s3); }
.cp-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4) var(--s5); align-items: start; }
.cp-wide { grid-column: 1 / -1; }
/* no profile yet: the empty block heads the setup form, left-aligned with it */
.cp-empty.estate--card { padding: 0; }
.cp-empty .estate-art { margin-left: 0; }
/* the fields in named groups, one rule between groups */
.cp-groups { display: grid; gap: var(--s6); }
.cp-group { margin: 0; padding: var(--s6) 0 0; border: 0; border-top: 1px solid var(--line-2); min-width: 0; display: grid; gap: var(--s3); }
.cp-group:first-child { padding-top: 0; border-top: 0; }
.cp-group-title { float: left; width: 100%; padding: 0; font: var(--type-body-strong); color: var(--ink-strong); }
.cp-group-title + * { clear: both; }
.cp-group-hint { margin: calc(-1 * var(--s2)) 0 0; font: var(--type-meta); color: var(--muted); }
.cp-switch { display: grid; gap: var(--s1); align-content: start; }
.cp-form textarea.input { height: auto; min-height: 3rem; resize: vertical; padding-block: var(--s2); }
@media (max-width: 640px) {
  .cp-form { grid-template-columns: minmax(0, 1fr); }
  .cp-actions .btn { flex: 1 1 100%; }
}
