:root{color-scheme:light dark;--bg:#f4ecd8;--text:#2d2d2d;--link:#0087ff;--border:#bfa76f;--accent:#ffb347;@media(prefers-color-scheme:dark){--bg: #181818; --text: #e6e1c5; --link: #ffd700; --border: #44403a; --accent: #ffb347;}}body{font-family:segoe ui,roboto,arial,helvetica neue,sans-serif;color:var(--text);background:var(--bg);margin:0;padding:2rem 1rem 3rem;line-height:1.6}header{border-bottom:2.5px dashed var(--border);font-family:var(--font-mono),system-ui,sans-serif;max-width:760px;margin:0 auto;padding:0 0 1rem}main{max-width:760px;margin:0 auto;padding:2rem 0}.layout{position:relative}.content{min-width:0}.sidebar-wrap{position:absolute;top:0;right:calc(100% + 1.5rem);width:230px}.sidebar{position:sticky;top:2rem;transform:translateX(-.35rem);padding-right:.75rem}a{color:var(--link);text-decoration:underline;font-weight:700}article{h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--text); }}a:focus-visible{outline:2px dashed var(--link);outline-offset:3px}pre{padding:1rem;overflow-x:auto;white-space:pre}.home-intro{margin-bottom:2rem}.posts{padding:0;list-style:none;margin:0;li { margin-bottom: 1.2em; }}.sidebar-posts{list-style:none;padding:0;margin:0;li + li { margin-top: 0.9rem; } li { display: grid; gap: 0.1rem; } li.is-active a { color: var(--text); }}time{display:block;opacity:.8;font-size:.95rem}.post-header{margin-bottom:1.5rem;h1 { margin: 0.2rem 0 0; }}@media(max-width:1080px){.sidebar-wrap{position:static;width:auto;margin-bottom:1rem}.sidebar{position:static;transform:none;border-top:2px dashed var(--border);padding:1rem 0 0}}footer{border-top:2.5px dashed var(--border);text-align:center;font-size:.8em;max-width:760px;margin:0 auto;padding:1rem;a { margin: 0 0.3em; text-decoration: underline; } address { font-style: normal; }}