/* tinyblog default theme -- technical-minimal, after mon.im.
   Edit freely, or drop your own style.css in the site root to replace it. */
:root {
  --bg:#fbfaf7; --ink:#1a1c1b; --ink-soft:#45494a; --ink-faint:#767b7c;
  --rule:#e4e1d8; --rule-strong:#cdcabd; --link:#0f6b6f; --link-hover:#0a4d50;
  --inline-bg:#f0ede4; --code-bg:#1b1e1d; --code-ink:#d5dcd6;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#131513; --ink:#dfe4dd; --ink-soft:#a7ada4; --ink-faint:#757b72;
  --rule:#292c28; --rule-strong:#3a3e39; --link:#59b6b0; --link-hover:#7fcfc8;
  --inline-bg:#22251f; --code-bg:#0d0f0d; --code-ink:#cdd4ce;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.66;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding-inline:22px}
nav.top{border-bottom:1px solid var(--rule);font-size:13.5px}
nav.top .wrap{display:flex;gap:22px;align-items:center;padding-block:14px}
nav.top a{color:var(--ink-soft);text-decoration:none}
nav.top a:hover{color:var(--link)}
nav.top .brand{color:var(--ink);font-weight:600;margin-right:auto}
header.post{padding-block:48px 0}
h1{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;line-height:1.12;
  letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
.meta{font-size:13.5px;color:var(--ink-faint);display:flex;gap:8px 16px;
  flex-wrap:wrap;margin-bottom:20px}
.meta b{color:var(--ink-soft);font-weight:600}
.lede{font-size:1.16rem;line-height:1.5;color:var(--ink-soft);margin:0 0 4px}
main .wrap>h1{margin-top:44px}
h2{font-size:1.42rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;
  margin:46px 0 10px;text-wrap:balance}
h3{font-size:1.06rem;font-weight:700;margin:34px 0 12px}
p{margin:0 0 18px}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--link-hover)}
strong{font-weight:700;color:var(--ink)}
hr{border:0;border-top:1px solid var(--rule);margin:40px 0}
code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.85em;
  background:var(--inline-bg);padding:1.5px 5px;border-radius:3px}
pre{background:var(--code-bg);color:var(--code-ink);border:1px solid var(--rule-strong);
  border-radius:6px;padding:15px;overflow-x:auto;font-size:12.5px;line-height:1.6;
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;tab-size:4}
pre code{background:none;padding:0;font-size:inherit;color:inherit}
blockquote{margin:24px 0;padding:2px 0 2px 20px;border-left:2px solid var(--rule-strong);
  color:var(--ink-soft)}
table{border-collapse:collapse;width:100%;font-size:.9rem;margin:22px 0;
  font-family:ui-monospace,monospace}
th,td{text-align:left;padding:7px 14px 7px 0;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);
  border-bottom-color:var(--rule-strong)}
td{color:var(--ink-soft)}
img{max-width:100%}
.post-index{list-style:none;padding:0;margin:32px 0 0}
.post-index li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  padding:14px 0;border-top:1px solid var(--rule)}
.post-index a{font-size:1.08rem;font-weight:600;text-decoration:none}
.post-index a:hover{text-decoration:underline}
.post-date{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink-faint);
  margin-left:auto}
.post-sum{flex-basis:100%;color:var(--ink-soft);font-size:.95rem}
footer{padding-block:48px 72px;color:var(--ink-faint);font-size:13.5px}
/* pygments (codehilite) -- a few tokens tuned to the dark code block */
.codehilite .k,.codehilite .kd,.codehilite .kt{color:#d8a657}
.codehilite .nf,.codehilite .fm{color:#7fb582}
.codehilite .s,.codehilite .s1,.codehilite .s2{color:#c99b6a}
.codehilite .mi,.codehilite .mf,.codehilite .m{color:#6fa8c4}
.codehilite .c,.codehilite .c1,.codehilite .cm{color:#6c7570;font-style:italic}
.codehilite .n,.codehilite .p{color:var(--code-ink)}