/**
 * Spreadsheet health check (/spreadsheet-health-check/).
 *
 * Its own file rather than a block in theme.css on purpose: theme.css is the
 * one stylesheet every terminal edits, and a page-specific rule set added to it
 * cannot be deployed without also deploying whatever else is uncommitted in it.
 * Same reasoning as checkout-onescreen.css and cart-counter.css.
 *
 * The page reuses .tools-block / .tool-card / .wrap / .eyebrow / .display /
 * .muted from theme.css, which are already live. Only the question rows and the
 * verdict are new.
 */

.sheet-health .tool-card { display: grid; gap: 4px; }

.sheet-health .sh-q { padding: 24px 0; border-top: .5px solid rgba(188, 185, 175, .7); }
.sheet-health .sh-q:first-child { border-top: 0; padding-top: 8px; }
.sheet-health .sh-q__ask { font-family: var(--font-serif); font-weight: 400; font-size: 20px; line-height: 1.3; margin: 0 0 16px; }

/* The whole row is the target, not just the 13px dot. */
.sheet-health .sh-opt { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; margin: 0 -12px; border-radius: 8px; cursor: pointer; font-size: 15px; line-height: 1.5; }
.sheet-health .sh-opt:hover { background: var(--paper-soft); }
.sheet-health .sh-opt input { margin: 4px 0 0; flex: 0 0 auto; }
.sheet-health .sh-opt:focus-within { outline: 2px solid var(--ink); outline-offset: 2px; }

.sheet-health .sh-progress { font-size: 14px; margin: 20px 0 0; }

.sheet-health .sh-out { margin-top: 24px; padding-top: 24px; border-top: .5px solid rgba(188, 185, 175, .7); }
.sheet-health .sh-verdict { font-family: var(--font-serif); font-weight: 400; font-size: 26px; line-height: 1.2; margin: 0 0 20px; }

.sheet-health .sh-findings { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 16px; }
.sheet-health .sh-findings li { background: var(--paper-soft); border-radius: var(--radius); padding: 20px 22px; }
.sheet-health .sh-finding__what { margin: 0; font-size: 15px; line-height: 1.55; }
.sheet-health .sh-finding__fix { margin: 8px 0 0; font-size: 14px; line-height: 1.55; color: var(--ink-muted); }
.sheet-health .sh-foot { font-size: 14px; margin: 0; }

@media (max-width: 760px) {
  .sheet-health .sh-q__ask { font-size: 18px; }
  .sheet-health .sh-verdict { font-size: 22px; }
}