:root {color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1210;color:#e6eee9}
* {box-sizing:border-box}
body {margin:0;padding:28px 18px}
main {max-width:1180px;margin:auto}
.eyebrow {font-size:.74rem;letter-spacing:.2em;color:#87c99f}
h1 {font-size:clamp(1.8rem,5vw,2.9rem);margin:.4em 0}
h2 {font-size:1.25rem}
.lead {font-size:1.12rem;color:#bfd0c5;max-width:700px;line-height:1.6}
section {background:#14201a;border:1px solid #2b4936;border-radius:16px;padding:24px;margin:25px 0}
p,td {line-height:1.65}
.table-wrap {overflow-x:auto}
table {width:100%;border-collapse:collapse;font-size:.91rem;table-layout:fixed}
caption {text-align:left;margin:15px 0;color:#9fd8b3}
th,td {padding:15px 12px;border:1px solid #35503e;text-align:left;vertical-align:top;overflow-wrap:anywhere}
th {color:#b1e2c2;width:20%;background:#1a2c21}
.mobile-label {display:none}
label {display:block;margin:20px 0 10px}
.consent {display:flex;align-items:flex-start;gap:12px;line-height:1.6;padding:16px;background:#1c3325;border-radius:10px}
.consent input {width:22px;height:22px;flex-shrink:0;margin-top:3px}
input[type=password] {display:block;width:100%;max-width:450px;background:#09150e;color:white;border:1px solid #7fa98d;border-radius:8px;padding:14px;font-size:1.1rem}
button {font:inherit;font-weight:700;background:#b6e6c4;color:#102619;padding:15px 20px;margin-top:22px;border:0;border-radius:8px;cursor:pointer}
button:disabled {opacity:.45;cursor:default}
button:focus-visible,input:focus-visible {outline:3px solid #f3d38c;outline-offset:3px}
#result {font-weight:600;white-space:pre-line}
.muted {font-size:.85rem;color:#a5b9ac}
@media(max-width:800px) {
  section {padding:17px}
  table,tbody,tr,td {display:block;width:100%}
  caption {display:block}
  thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  td {padding:16px 12px;border-bottom:0}
  td:last-child {border-bottom:1px solid #35503e}
  .mobile-label {display:block;font-weight:700;color:#b1e2c2;margin-bottom:8px}
}