:root { color-scheme: light dark; --accent: #2457c5; }
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 42rem; padding: 1rem; font: 1rem/1.5 system-ui, sans-serif; }
nav { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; }
a { color: var(--accent); }
footer { margin-top: 3rem; font-size: .875rem; }
.tariff { display: block; padding: .75rem 1rem; margin: .5rem 0; border: 1px solid currentColor; border-radius: .5rem; }
.code { display: block; padding: .75rem; margin: .5rem 0; font: 1.05rem/1.4 ui-monospace, monospace; word-break: break-all; border: 1px solid currentColor; border-radius: .5rem; }
button { padding: .6rem 1rem; font: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; }
.error { color: #c0392b; }
[hidden] { display: none !important; }