/* ===========================================================================
   wispa · Platform pages (/mac/, /windows/) - page-specific styles
   ...........................................................................
   Loaded AFTER styles.css and tools/tools.css: the pages reuse the tools'
   subpage chrome (tool-nav, tool-hero, tool-sec, tst-table, tool-faq, tool-cta)
   and only need these few additions/overrides.
   =========================================================================== */

/* the hero download row + the "also available for ..." cross-platform line */
.tool-hero .cta-row { margin-top: 6px; }
.plat-alt { margin-top: 16px; font-size: 0.9rem; color: var(--muted); }

/* comparison table: the tst-table is styled for the WPM benchmark (mono
   number column, amber voice column); the comparison needs a plain feature
   column and the emphasis on the wispa column instead */
.plat-cmp .tst-table td:first-child {
  font-family: var(--sans);
  font-feature-settings: normal;
  color: var(--body-c);
  width: auto;
}
.plat-cmp .tst-table td:nth-child(2) { color: var(--ink); font-weight: 500; }
.plat-cmp .tst-table td:nth-child(3) { color: var(--muted); }

/* keep the three columns readable on narrow screens */
@media (max-width: 560px) {
  .plat-cmp .tst-table { font-size: 0.85rem; }
  .plat-cmp .tst-table th, .plat-cmp .tst-table td { padding: 10px 12px; }
}