/* ==========================================================================
   coverage.css — page sheet for /coverage (landing/coverage.html).

   Tokens, reset, typography, header, footer, buttons, .pill, .card and
   .chip-code all come from site.css. What is left here is the furniture that
   only this page has: the status tally under the hero, the host/method
   tables, the amber callout and the CTA block.

   Table rules are scoped under .tbl so they can never leak into another page
   that happens to render a <table>.
   ========================================================================== */

/* Bottom rail — the footer already contributes margin-top:40px. */
.cov-body{padding-bottom:8px}

/* Mono runs slightly smaller than the surrounding copy across this page. */
.cov-body .mono{font-size:12.5px}

/* --- hero tally ---------------------------------------------------------- */
.tally{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:26px 0 8px}

/* --- sections ------------------------------------------------------------ */
.cov-section{margin:44px 0}
.section-title{font-size:22px;letter-spacing:-.02em;font-weight:700}
.section-sub{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:6px;max-width:720px}
.section-sub--after-code{margin-top:14px}

/* --- tables -------------------------------------------------------------- */
.tbl-card{margin-top:18px}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl thead th{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.03em;
  text-transform:uppercase;color:var(--muted);padding:11px 16px;
  border-bottom:1px solid var(--border);background:var(--bg-soft);white-space:nowrap}
.tbl tbody td{padding:11px 16px;border-bottom:1px solid var(--border-soft);
  vertical-align:top;color:var(--fg-soft-2)}
.tbl tbody tr:last-child td{border-bottom:none}

.tbl .m{font-weight:600;color:var(--fg)}
.tbl .verb{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;
  padding:2px 6px;border-radius:6px;background:var(--border-soft);color:var(--muted-strong)}
.tbl .cell-note{color:var(--muted);font-size:12.5px}

/* --- callout ------------------------------------------------------------- */
.callout{border:1px solid var(--amber-bd);background:var(--amber-bg);
  border-radius:var(--radius);padding:18px 20px;margin-top:18px}
.callout h3{font-size:15px;margin-bottom:6px}
.callout p{font-size:13.5px;color:var(--fg-soft-2)}
.callout .mono{font-size:12.5px}
.callout .chip-code{margin-top:12px}
.callout-tail{margin-top:12px}

/* --- CTA ----------------------------------------------------------------- */
.cov-cta{text-align:center;margin:56px 0 64px}
.cta-note{color:var(--muted);font-size:12.5px;margin-top:10px}

/* --------------------------------------------------------------------------
   Responsive — shared breakpoint only.
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .tbl-card{overflow:auto}
}