:root{font-family:system-ui,sans-serif;color:#e6edf3;background:#101820;color-scheme:dark}body{margin:0}main{max-width:900px;margin:auto;padding:48px 24px}header{border-bottom:1px solid #30434d;padding-bottom:24px;margin-bottom:24px}h1{font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.05em;margin:10px 0}h2{font-size:1.4rem}p{line-height:1.65;color:#bed0d9}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:#7eddb9}section{background:#18252e;border:1px solid #30434d;border-radius:12px;padding:24px;margin:20px 0}nav{display:flex;gap:12px;justify-content:flex-end}button{border:1px solid #7eddb9;border-radius:6px;background:#7eddb9;color:#102a20;padding:10px 18px;font:inherit;cursor:pointer}.secondary{background:transparent;color:#e6edf3}button:disabled{opacity:.55;cursor:wait}button:focus-visible{outline:3px solid white;outline-offset:4px}dl{display:grid;grid-template-columns:100px 1fr;gap:12px}dd{margin:0;overflow-wrap:anywhere}time{font-variant-numeric:tabular-nums}section[role=alert]{border-color:#f4a16c}

.digest { overflow-wrap: anywhere; font-family: monospace; }
details { margin-block: 1rem; }

.table-scroll { overflow-x: auto; max-width: 100%; }
table { border-collapse: collapse; width: 100%; font-size: .9rem; }
th, td { text-align: left; padding: .75rem; border-bottom: 1px solid #33443d; min-width: 6rem; overflow-wrap: anywhere; }
select { max-width: 100%; padding: .75rem; background: #172b22; color: #e9f5ee; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1rem; }
a { color: #95e6bb; }

form { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: .75rem; align-items: end; margin: 1rem 0; }
form label { display: grid; gap: .35rem; font-size: .875rem; }
input { min-width: 0; width: 100%; box-sizing: border-box; padding: .75rem; color: #e9f5ee; background: #172b22; border: 1px solid #4f6d60; border-radius: .3rem; font: inherit; }
form select { width: 100%; box-sizing: border-box; border-radius: .3rem; border: 1px solid #4f6d60; }
form button { margin: 0; }
@media (max-width: 600px) { h1 { font-size: 2rem; } main > header { margin-bottom: 1rem; } }