:root{--page-bg: #ecede8;--ink: #24282b;--ink-soft: #5e6660;--line: #d7dad2;--accent: #c64b33;--deep: #2f4a43;--card: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);color:var(--ink);font-family:"Source Serif 4",Georgia,serif}code{font-family:IBM Plex Mono,monospace;background:#24282b0f;padding:.1em .35em;border-radius:4px;font-size:.9em}a{color:var(--accent)}.post a,.site-footer a{text-underline-offset:3px;text-decoration-color:#c64b3359;transition:text-decoration-color .15s ease}.post a:hover,.site-footer a:hover{text-decoration-color:currentColor}.page{max-width:680px;margin:0 auto;padding:40px 20px 60px}.site-header{margin-bottom:32px}.home-link{font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600;letter-spacing:.5px;color:var(--ink-soft);text-decoration:none}.home-link:hover{color:var(--accent)}.site-header h1{font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(32px,6vw,44px);font-weight:700;line-height:1.12;margin:14px 0 12px;color:var(--ink)}.dek{font-style:italic;font-size:18px;line-height:1.55;color:var(--ink-soft);margin:0 0 12px}.byline{font-family:Space Grotesk,system-ui,sans-serif;font-size:13.5px;font-weight:600;color:var(--ink-soft);margin:0}.post{font-size:18px;line-height:1.7}.post p{margin:0 0 22px}.post p.italic{font-style:italic;color:var(--ink-soft)}.post h2{font-family:Space Grotesk,system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1.25;margin:44px 0 18px;scroll-margin-top:24px}.post h2 a.anchor{color:inherit;text-decoration:none}.post h2 a.anchor:hover{color:var(--accent)}.post hr{border:none;border-top:1.5px solid var(--line);margin:40px 0}.demo-figure{margin:32px -12px;padding:16px 12px 20px;background:var(--card);border:1.5px solid var(--line);border-radius:16px}.demo-figure figcaption{margin-top:10px;padding:0 6px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-style:italic;color:var(--ink-soft);text-align:center}.shot-figure{margin:28px 0}.shot-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1.5px solid var(--line)}.shot-scroll{max-height:520px;overflow-y:auto;border-radius:12px;border:1.5px solid var(--line)}.shot-scroll img{border:none;border-radius:0}.shot-figure figcaption{margin-top:8px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-style:italic;line-height:1.5;color:var(--ink-soft)}.real-table{margin:28px 0;background:var(--card);border:1.5px solid var(--deep);border-radius:12px;overflow:hidden}.real-table-scroll{overflow-x:auto}.real-table table{width:100%;border-collapse:collapse;font-size:14.5px}.real-table th,.real-table td{padding:9px 14px;text-align:right;font-family:IBM Plex Mono,monospace}.real-table th:first-child,.real-table td:first-child{text-align:left;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600}.real-table thead th{background:var(--deep);color:#eef3ef;font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:13px}.real-table tbody tr:nth-child(2n){background:#2f4a430d}.real-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--line)}.site-footer{margin-top:60px;padding-top:20px;border-top:1.5px solid var(--line);font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;color:var(--ink-soft)}@media (max-width: 480px){.page{padding:24px 14px 44px}.post{font-size:17px}.demo-figure{margin:28px -14px;border-radius:0;border-left:none;border-right:none}.real-table th,.real-table td{padding:6px 7px;font-size:11.5px}.real-table thead th{font-size:10px}}@media (min-width: 860px){.demo-figure,.shot-figure,.real-table{margin-left:-56px;margin-right:-56px}.post{font-size:18.5px}}.toc{display:none}@media (min-width: 1280px){.demo-figure,.shot-figure,.real-table{margin-left:-80px;margin-right:-80px}.page{max-width:1060px;display:grid;grid-template-columns:680px 220px;column-gap:140px;align-items:start}.page>.site-header,.page>main,.page>.site-footer{grid-column:1}.toc{display:block;grid-column:2;grid-row:1 / span 3;position:sticky;top:48px;align-self:start}.toc-label{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}.toc a{display:block;padding:6px 0 6px 16px;margin-left:-2px;border-left:2px solid transparent;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;line-height:1.4;color:var(--ink-soft);text-decoration:none}.toc a:hover{color:var(--accent);border-left-color:var(--accent)}}