/* telltale.bot: the viewer's palette and window look (server/viewer_auth.go themeCSS), sized for reading. */
:root{--root:#b3dad2;--weave:#c2e2dc;--bg:#e4f2ef;--card:#f6fbfa;--fg:#15302f;--mut:#4d6d6a;--line:#b4d4ce;--edge:#23474a;
--title:#9fd6ca;--stripe:#7fbdb1;--acc:#1d5c86;--hum:#16654a;--agt:#2a529a;--bot:#a2382c;
--sans:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;--mono:"DejaVu Sans Mono",Menlo,Consolas,"Liberation Mono",monospace}
@media (prefers-color-scheme:dark){:root{--root:#0e1b1a;--weave:#142624;--bg:#132322;--card:#182a29;--fg:#d5ebe6;--mut:#8db0aa;--line:#2f4d4a;--edge:#5f928b;
--title:#2a5a54;--stripe:#1f4440;--acc:#8fc0ea;--hum:#79d3aa;--agt:#a3bff2;--bot:#f2a092}}
*{box-sizing:border-box}
body{margin:0;color:var(--fg);font:16px/1.55 var(--sans);background-color:var(--root);background-image:conic-gradient(var(--weave) 25%,transparent 0 50%,var(--weave) 0 75%,transparent 0);background-size:4px 4px}
main{max-width:44rem;margin:32px auto;background:var(--bg);border:1px solid var(--edge)}
.bar{display:flex;justify-content:space-between;padding:3px 4px;font:700 13px var(--mono);border-bottom:1px solid var(--edge);background:repeating-linear-gradient(var(--title) 0 2px,var(--stripe) 2px 3px) var(--title)}
.bar a,.bar span{background:var(--title);padding:1px 8px;color:var(--fg);text-decoration:none}.bar a:hover{text-decoration:underline}
.body{padding:8px 28px 24px}
h1{font-size:28px;line-height:1.2;margin:20px 0 8px}
h2{font-size:13px;font-weight:700;margin:28px 0 10px;padding:3px 8px;background:var(--title);border:1px solid var(--edge)}
p,ul{margin:0 0 12px}ul{padding-left:1.2em}li{margin:0 0 6px}
.lede{font-size:18px}
a{color:var(--acc);text-underline-offset:2px}
code{font:14px var(--mono)}
.kinds{display:grid;gap:10px;margin:14px 0}
.kind{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--k);padding:8px 12px}
.kind b{color:var(--k)}.kind p{margin:2px 0 0}
.h{--k:var(--hum)}.a{--k:var(--agt)}.o{--k:var(--bot)}
footer{padding:10px 28px 14px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
footer a{color:var(--mut)}
@media (max-width:600px){main{margin:0;border-width:0 0 1px}.body,footer{padding-left:16px;padding-right:16px}h1{font-size:24px}}