/* Self-hosted Roboto (matches the docs site font). */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Roboto-Regular.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Roboto-Medium.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Roboto-SemiBold.woff2') format('woff2')}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Roboto-Bold.woff2') format('woff2')}

:root{
  --ink:#292929; --muted:#6b7280; --line:#ececec; --card:#ffffff;
  --accent:#ff6a00; --accent-soft:#fff1e8; --row:#fafbff;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:transparent}
body{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);line-height:1.4;padding:10px;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 6px 22px rgba(20,33,62,.07)}
.head{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff;padding:13px 18px}
.head h1{font-size:16px;font-weight:700;letter-spacing:-.2px}
.head p{font-size:12px;color:#e4fff0;margin-top:2px}
.body{padding:10px 14px 12px}

/* table */
.prices{width:100%;border-collapse:collapse;font-size:13.5px}
.prices th,.prices td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.prices thead th{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;
  border-bottom:1px solid var(--line)}
.prices tbody tr:nth-child(odd){background:var(--row)}
.prices .num{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.prices thead .num{font-weight:600}
.prices .dash{color:#c2c8d4;font-weight:600}
.prices .free{color:#1f9d4d;font-weight:700}

/* category pills */
.cat{display:inline-block;font-weight:600;font-size:12.5px;padding:2px 9px;border-radius:999px;line-height:1.3}
.cat-desc{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.35}
.cat-mk{background:#fff1e8;color:#d2570a}
.cat-sv{background:#e7f3ff;color:#1565c0}
.cat-au{background:#ecfaef;color:#1f9d4d}
.cat-sp{background:#f1f1f4;color:#5a6072}

/* estimate (highlighted) row */
.prices tfoot td{padding:10px 12px;border-top:2px solid var(--accent);border-bottom:0;
  background:var(--accent-soft);font-weight:600}
.prices tfoot .num{font-size:16px;font-weight:800;color:var(--accent)}

/* note */
.note{margin-top:10px;font-size:11.5px;color:var(--muted);line-height:1.5}
.note p{margin-top:6px}
.note p:first-child{margin-top:0}
.note .fine{font-size:11px;color:#9aa0ac}

@media (max-width:480px){
  .head h1{font-size:15px}
  .prices th,.prices td{padding:7px 9px}
  .prices{font-size:13px}
}