/* "Tell me when it ships" inside a greyed sheet (architecture capabilities/01).
   Token-only. Phone first: the sheet is already a bottom sheet under 640px, so the
   button keeps .kk-dash-btn's own size and the note field fills the sheet's width.
   Touch devices get the 16px field floor from design_systems/input_floor.css. */
.kk-interest { display: grid; gap: var(--kk-s-2); margin-top: var(--kk-s-3); min-width: 0; }
.kk-interest-form { display: grid; gap: var(--kk-s-2); justify-items: start; min-width: 0; }
.kk-interest-note { width: 100%; min-width: 0; color: var(--kk-text-soft); font-size: var(--kk-fs-meta); }
.kk-interest-note summary { cursor: pointer; width: max-content; }
.kk-interest-note label { display: grid; gap: var(--kk-s-1); margin-top: var(--kk-s-2); }
.kk-interest-text {
  width: 100%; min-width: 0; box-sizing: border-box; resize: vertical; padding: var(--kk-s-2);
  border: 1px solid var(--kk-line); border-radius: var(--kk-r-sm); background: var(--kk-paper);
  color: var(--kk-ink); font: inherit; font-size: var(--kk-fs-body);
}
.kk-interest-asked { display: flex; align-items: flex-start; gap: var(--kk-s-2); margin: 0; color: var(--kk-text-soft); font-size: var(--kk-fs-meta); }
.kk-interest-asked b { color: var(--kk-ink); }
.kk-interest-asked svg { flex: none; color: var(--kk-accent); }
.kk-interest-stop { margin: 0; }