/* #css_blog @CSS_house_style Blog CSS for the actual HTML we have: bare Markdown output directly in (h1/h2/p/etc), no wrappers or layout layers. Sets readable width on body, typographic defaults, code/blockquote/table styles, and dark mode via prefers-color-scheme. Single-line rules, no @layer, no class- or ID-only fantasies. Manually maintained. */ :root{--bg:#ffffff;--fg:#111218;--muted:#555b66;--accent:#0b6cff;--accent-visited:#7a49ff;--border:#e5e7eb;--code-bg:#f6f8fa;--quote-bg:#f9fafb;--table-head:#f3f4f6;--shadow:0 1px 2px rgba(0,0,0,.06)} @media (prefers-color-scheme: dark){:root{--bg:#0f1115;--fg:#e6e8ef;--muted:#a0a6b5;--accent:#7aa2ff;--accent-visited:#b29aff;--border:#242734;--code-bg:#1a1f29;--quote-bg:#141923;--table-head:#141923;--shadow:0 1px 2px rgba(0,0,0,.4)}} html{box-sizing:border-box;scroll-behavior:smooth} *,*::before,*::after{box-sizing:inherit} ::selection{background:rgba(11,108,255,.2);color:inherit} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";max-width:72ch;margin:3rem auto;padding:0 1.25rem} h1,h2,h3,h4,h5,h6{line-height:1.25;margin:2rem 0 1rem;font-weight:700} h1{font-size:2rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)} h2{font-size:1.6rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)} h3{font-size:1.25rem} h4{font-size:1.1rem} h5{font-size:1rem} h6{font-size:.95rem;color:var(--muted)} p{margin:1rem 0} strong{font-weight:700} em{font-style:italic} a{color:var(--accent);text-decoration:underline;text-underline-offset:2px} a:hover{filter:brightness(1.08)} a:visited{color:var(--accent-visited)} ul,ol{margin:1rem 0;padding-left:1.4rem} li{margin:.25rem 0} li>ul,li>ol{margin:.25rem 0} code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.95em} code{background:var(--code-bg);padding:.1em .35em;border-radius:.3em;border:1px solid var(--border)} pre{background:var(--code-bg);padding:1rem;border-radius:.5rem;border:1px solid var(--border);box-shadow:var(--shadow);overflow:auto;margin:1.25rem 0} pre code{background:transparent;border:0;padding:0;font-size:inherit} blockquote{margin:1.25rem 0;padding:.75rem 1rem;border-left:4px solid var(--border);background:var(--quote-bg);color:var(--muted);border-radius:.25rem} hr{height:1px;border:0;background:var(--border);margin:2rem 0} img,video{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:.3rem} table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-variant-numeric:tabular-nums} thead th{background:var(--table-head);color:var(--fg)} th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--border)} sup,sub{font-size:.8em;line-height:0} sup{vertical-align:super} sub{vertical-align:sub} details{margin:1rem 0;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:transparent} summary{cursor:pointer;font-weight:600;outline:none}