/* ADAPTATION (2026-11-05, the progress-rankings handoff's stage 2, B1-B8;
   screens/adapt.js). No red anywhere: Partly adapting is amber (#e3d64a,
   the handoff's), Limited a quiet grey. */
.adp-tile .yo-val small, .adp-num small { margin-left: 2px; font-size: 15px;
  font-weight: 600; color: var(--c-ink-2); }
.yo-val.adp-partly, .adp-word.adp-partly { color: #e3d64a; }
.yo-val.adp-limited, .adp-word.adp-limited { color: var(--quiet); }

.adp-top { display: flex; flex-direction: row; align-items: center;
  gap: 18px; }
.adp-ring { position: relative; flex: none; }
.adp-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.adp-ring circle { fill: none; stroke: var(--grid); stroke-width: 8; }
.adp-ring .arc { stroke: var(--accent); stroke-linecap: round; }
.adp-ring.building circle { stroke-dasharray: 6 6; }
.adp-score { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.adp-num { font-size: 44px; font-weight: 800; line-height: 1; }
.adp-word { font-size: 17px; font-weight: 700; }
.adp-when, .adp-from { font-size: 13.5px; color: var(--c-ink-2); }
.adp-pill { align-self: flex-start; padding: 3px 10px; border-radius: 999px;
  background: rgba(99, 210, 154, .14); color: #63d29a; font-size: 13px;
  font-weight: 700; }
.adp-eye { font-size: 12px; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent-soft); }
.adp-lever b { font-size: 17px; }
.adp-lever p { margin: 0; color: var(--c-ink-2); line-height: 1.4; }
.adp-inputs { gap: 0; }
.adp-row { display: flex; align-items: center; gap: 12px; padding: 10px 0;
  border-bottom: 1px solid var(--grid); }
.adp-row:last-child { border-bottom: 0; }
.adp-row .grow { display: flex; flex-direction: column; gap: 2px;
  min-width: 0; }
.adp-row .grow span { font-size: 13.5px; color: var(--c-ink-2); }
.adp-pts { flex: none; font-size: 14px; color: var(--c-ink-2);
  white-space: nowrap; }
.adp-pts b { font-size: 17px; color: var(--ink); }
.adp-conf { margin: 0; font-size: 13px; color: var(--quiet); }
.adp-slide input[type=range] { width: 100%; accent-color: var(--accent); }
/* B5: the check-in's last step -- its score on a card, the 72 px ring */
.adp-head .ck-title { margin-top: 0; font-size: 24px; }
.adp-head .ck-sub { margin-top: 4px; font-size: 14px; }
.adp-sheet { margin: 4px 0; padding: 12px 14px; border: 1px solid var(--line);
  border-radius: 20px; background: var(--card-fill); gap: 16px; }
.adp-sheet .adp-num { font-size: 36px; }
/* its three inputs closer: the step fits 375 x 667, Done in sight */
.adp-sheet + .adp-inputs .adp-row { padding: 6px 0; }