.bottle-table{--bottle-error:#9B2C24;padding-block:8px 28px;scroll-margin-block-start:85px}
.bottle-ledger{padding:20px;border-radius:24px;background:var(--mint);color:var(--ink)}
.bottle-ledger h2{font-size:1.35rem;margin:0 0 8px}
.bottle-privacy{font-size:.9rem;color:var(--muted);margin:0 0 16px}
.bottle-ledger fieldset{border:0;margin:0;padding:0;min-width:0}
.bottle-ledger form>label,.bottle-ledger fieldset>label{display:block;font-weight:600;margin-bottom:6px}
.bottle-noscript{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.bottle-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.bottle-amount-field{display:flex;align-items:center;min-width:0;border:1.5px solid var(--line);border-radius:14px;background:var(--paper)}
.bottle-entry input{font:inherit;font-size:1.15rem;width:100%;min-width:0;min-height:48px;border:0;border-radius:14px;background:transparent;color:var(--ink);padding:8px 12px;font-variant-numeric:tabular-nums}
.bottle-amount-field:has([aria-invalid=true]){border-color:var(--bottle-error)}
.bottle-unit{padding-inline:12px;white-space:nowrap;pointer-events:none;font-size:.9rem;color:var(--muted)}
.bottle-entry .btn{min-height:48px;padding-inline:16px}
.bottle-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.bottle-units{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--paper)}
.bottle-units button,.bottle-text,.bottle-row-actions button{font:inherit;min-height:44px;padding:8px 12px;color:var(--ink);cursor:pointer}
.bottle-units button{border:0;background:transparent;border-radius:999px;font-size:.95rem}
.bottle-units [aria-pressed=true]{color:var(--cream);background:var(--ink)}
.bottle-text{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;text-align:start}
.bottle-text:disabled{color:var(--muted);opacity:.65;cursor:default}
.bottle-error{color:var(--bottle-error);margin:10px 0;font-size:.95rem}
.bottle-answer{margin-block:18px 12px;border-block:1px solid var(--line);padding-block:14px}
.bottle-answer dl{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}
.bottle-answer dt{font-size:.9rem;color:var(--muted)}
.bottle-answer dd{font-size:1.3rem;font-weight:600;margin:2px 0 0;font-variant-numeric:tabular-nums}
.bottle-answer p{margin:8px 0 0;font-size:.9rem}
.bottle-rows{padding-inline-start:26px;margin:0}
.bottle-rows li{padding:6px 0;border-bottom:1px solid var(--line)}
.bottle-rows li::marker{color:var(--muted)}
.bottle-rows li>bdi{display:inline-block;min-width:78px;font-variant-numeric:tabular-nums;font-weight:600}
.bottle-row-actions{display:inline-flex;flex-wrap:wrap;gap:4px}
.bottle-row-actions button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}
.bottle-check{margin-top:8px}
.bottle-check summary,.bottle-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.bottle-check p{font-size:.95rem;margin:8px 0}
.bottle-check-answers{display:grid;gap:8px}
.bottle-check-answers button{font:inherit;text-align:start;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:10px 12px;cursor:pointer}
.bottle-check-answers [aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.bottle-details{font-size:.9rem;color:var(--muted);margin-top:8px}
.bottle-details p{margin:4px 0 10px}
.bottle-routes{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:8px;font-size:.95rem}
.bottle-routes a{display:inline-flex;align-items:center;min-height:44px}
.bottle-app{margin:12px 0 0;font-size:.95rem}
.bottle-app .btn{display:flex;margin-top:10px;min-height:48px}
.bottle-ledger [hidden]{display:none!important}
@media screen {
  html[data-site-theme="dark"] .bottle-table {--bottle-error:#FFB4A9}}
@media(min-width:460px){.bottle-entry{grid-template-columns:minmax(0,1fr) auto}.bottle-app .btn{display:inline-flex;margin-inline-start:8px}}
@media print{.bottle-table{display:none!important}}