body{font-family:ui-serif,Georgia,'Iowan Old Style',serif;-webkit-font-smoothing:antialiased}
.mono,code,pre{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace}
h1,h2,h3,.sans{font-family:ui-sans-serif,-apple-system,'Segoe UI',sans-serif}
.prose-body{font-size:17px;line-height:1.7}
.sidenote{font-size:13.5px;line-height:1.55}
.codeline{display:block;padding:1px 10px;border-radius:3px;cursor:pointer;transition:background .12s}
.codeline:hover{background:#1f2937}
.codeline.pickedwrong{background:#7f1d1d}
.codeline.pickedright{background:#14532d}
.codeline.nopick{cursor:default}
.codeline.nopick:hover{background:transparent}
input.blank{border:0;border-bottom:2px solid #d6d3d1;background:transparent;outline:none;padding:1px 3px}
input.blank:focus{border-bottom-color:#2563eb}
input.blank.ok{border-bottom-color:#16a34a;color:#15803d}
input.blank.no{border-bottom-color:#dc2626;color:#b91c1c}
.card{background:#fff;border:1px solid #e7e5e4;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}
.exlabel{font-family:ui-monospace,Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#78716c;margin-bottom:.25rem}
.callout{border-left-width:4px;padding:1rem;border-radius:0 .25rem .25rem 0;margin-top:1.25rem}
.callout-warn{background:#fffbeb;border-color:#f59e0b;color:#78350f}
.callout-bad{background:#fff1f2;border-color:#f43f5e;color:#881337}
.callout-good{background:#f0fdf4;border-color:#22c55e;color:#14532d}
.callout-info{background:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e}
table.grid{width:100%;border-collapse:collapse;font-size:15px}
table.grid thead tr{text-align:left;background:#f5f5f4;border-bottom:1px solid #d6d3d1}
table.grid th{padding:.625rem 1rem;font-weight:600;font-family:ui-sans-serif,system-ui,sans-serif}
table.grid td{padding:.75rem 1rem;vertical-align:top;border-bottom:1px solid #e7e5e4}
table.grid tbody tr:last-child td{border-bottom:0}
.chip{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:.7rem;padding:.1rem .4rem;border-radius:.25rem}