:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#2f5d50;--warn:#b3261e;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:960px;margin:0 auto;padding:16px}h1{font-size:1.25rem}dl{grid-template-columns:max-content 1fr;gap:4px 16px;display:grid}dt{font-weight:700}dd{margin:0}.actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}button{border:1px solid var(--accent);color:inherit;background:0 0;border-radius:8px;padding:10px 16px;font-size:1rem}button.primary{background:var(--accent);color:#fff}.band{z-index:1;color:#4a3700;text-align:left;background:#f4e3b5;border:0;border-radius:0;width:100%;padding:12px 16px;display:block;position:sticky;top:0}.band.expired{background:var(--warn);color:#fff}.band[hidden]{display:none}.warn{color:var(--warn);font-weight:700}.piggyback{border:1px dashed #8886;border-radius:8px;margin:12px 0;padding:8px 12px}.piggyback h2{margin:0;font-size:1rem}.piggyback p{font-size:.85rem}#notes button.selected{outline:2px solid}#pad{aspect-ratio:600/220;touch-action:none;background:#fff;border:1px solid #8886;border-radius:6px;width:100%;max-width:600px}.diag{opacity:.6;font-size:.75rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #8884;padding:4px 8px}td:last-child{word-break:break-all}
