/* Verdict: minimal functional tool. Plain, information-first, no decoration. */
:root{ --link:#0b3d91; --ai:#b0201a; --human:#0a7a37; --bd:#cccccc; --bd2:#999999; --mut:#555555; --ink:#141414; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 Helvetica,Arial,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:20px 20px 64px}
a{color:var(--link);text-decoration:underline}
a:hover{text-decoration:none}
h1{font-size:1.5rem;font-weight:700;margin:0}
h2{font-size:1.05rem;font-weight:700;margin:0 0 9px;border-bottom:1px solid var(--bd);padding-bottom:3px}
h3{font-size:1rem;font-weight:700;margin:0}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin:2px 0}
.mut{color:var(--mut)}
.mono{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
hr{border:0;border-top:1px solid var(--bd);margin:24px 0}

header.top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:7px;margin-bottom:14px}
header.top .home{font-size:1.4rem;font-weight:700;color:var(--ink);text-decoration:none}
header.top .nav a{margin-left:16px;font-size:.9rem}
.tagline{color:var(--mut);margin:0 0 18px;max-width:60ch}

textarea{width:100%;border:1px solid var(--bd2);padding:9px 10px;font:14px/1.5 Helvetica,Arial,sans-serif;min-height:158px;resize:vertical;background:#fff;color:var(--ink)}
textarea:focus{outline:1px solid var(--ink)}
button{font:inherit;font-size:.92rem;padding:6px 15px;border:1px solid var(--ink);background:#f2f2f2;cursor:pointer;color:var(--ink)}
button:hover{background:#e6e6e6}
button:disabled{color:#999;border-color:#bbb;cursor:default}
input[type=email]{font:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--bd2)}

table.data{border-collapse:collapse;font-size:.92rem;margin:2px 0 10px}
table.data td{padding:3px 16px 3px 0;vertical-align:baseline}
table.data td.n{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-weight:700;text-align:right;white-space:nowrap;color:var(--human)}

/* prose (blog) */
.prose{font-size:1rem;line-height:1.6}
.prose h2{margin-top:26px}
.prose h3{margin-top:20px}
.prose .table-wrap{overflow-x:auto}
.prose table{border-collapse:collapse;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;margin:12px 0;min-width:24rem}
.prose th,.prose td{border:1px solid var(--bd);padding:3px 9px;text-align:right}
.prose th:first-child,.prose td:first-child{text-align:left;font-family:Helvetica,Arial,sans-serif}
.prose code{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:#f2f2f2;padding:0 3px}
.prose blockquote{margin:0;padding-left:12px;border-left:2px solid var(--bd2);color:var(--mut)}
.prose hr{margin:22px 0}
.article h1{font-size:1.5rem;margin-bottom:6px}
.article .dek{color:var(--mut);margin:0 0 10px}
.article .meta{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;color:var(--mut);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:6px 0;margin-bottom:22px}
.readcta{border:1px solid var(--bd);padding:14px;margin:28px 0 0}
.readcta h3{margin-bottom:5px}
.readcta p{margin:0 0 10px;color:var(--mut)}

footer.foot{margin-top:30px;border-top:1px solid var(--bd);padding-top:14px;color:var(--mut);font-size:.85rem}