/* The embeddable price box (/widget/<il>/). System fonts only: a widget
   must not make another site's readers download ours. Light by default,
   dark when the reader's system is dark. */
:root { --paper: #ffffff; --ink: #14211b; --muted: #5a6b62; --line: #d6ddd8; --accent: #0b5d3b; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #16201b; --ink: #e6ede8; --muted: #9aaba1; --line: #2a3731; --accent: #7fd1a6; }
}
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink);
  font: 14px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-variant-numeric: tabular-nums; }
.w { border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; }
h1 { font-size: 15px; margin: 0 0 2px; line-height: 1.3; }
.dt { font-size: 12px; color: var(--muted); margin: 0 0 8px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 4px 0; border-top: 1px solid var(--line); text-align: left; font-weight: 400; }
tr:first-child th, tr:first-child td { border-top: 0; }
th small { color: var(--muted); font-size: 12px; }
td { text-align: right; font-weight: 700; white-space: nowrap; font-size: 16px; }
td .c { font-weight: 400; font-size: 12px; color: var(--muted); }
.f { margin: 8px 0 0; font-size: 10.5px; line-height: 1.35; color: var(--muted); }
.h { margin: 6px 0 0; font-size: 12px; }
.h a { color: var(--accent); }