:root { --ink:#171a21; --paper:#f6f4ee; --accent:#0a7d5a; --warn:#b3541e; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, "Times New Roman", serif; background:var(--paper); color:var(--ink); line-height:1.55; }
main { max-width: 720px; margin: 0 auto; padding: 24px 18px 64px; }
h1 { font-size: 2rem; margin-bottom: 4px; }
.tag { font-style: italic; color:#4a4f5a; margin-top:0; }
h2 { font-size: 1.15rem; margin-top: 28px; }
.row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:3px 0; }
.row label { flex:1; }
.row input { width:110px; padding:6px; border:1px solid #b9b3a6; background:#fff; font-size:1rem; }
button { margin-top:18px; background:var(--accent); color:#fff; border:0; padding:12px 26px; font-size:1.05rem; cursor:pointer; }
button:hover { background:#086347; }
#out { margin-top:26px; }
#verdict { font-size:1.2rem; font-weight:bold; padding:12px; border-left:5px solid var(--accent); background:#fff; }
#verdict.warn { border-left-color: var(--warn); }
table { width:100%; border-collapse:collapse; margin-top:14px; background:#fff; }
th, td { border:1px solid #d8d2c4; padding:7px 10px; text-align:right; }
th:first-child, td:first-child { text-align:left; }
tr.win td { background:#e8f5ef; }
#notes { color:#4a4f5a; font-size:.95rem; }
.about { margin-top:40px; border-top:1px solid #d8d2c4; padding-top:18px; }
a { color: var(--accent); }