:root{--bg: #f7f2e8;--ink: #3d3428;--muted: #8a7d6b;--accent: #d97742;--card: #fdfaf3;--card-hover: #fbf6ea;--border: #e8dfc9;--shadow: 0 2px 8px rgba(61, 52, 40, .08);--radius-sm: 4px;--radius-card: 8px;--font-hand: "Caveat", cursive;--font-body: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--z-nav: 10;--z-overlay: 100}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;display:flex;flex-direction:column}img,picture,svg,video{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:720px;margin:0 auto;padding:64px 28px 48px;flex:1}h1,h2,h3,h4,h5,h6{color:var(--ink);text-wrap:balance;line-height:1.2;margin:1.6em 0 .6em}p,li{text-wrap:pretty}a{color:var(--accent);text-decoration:none;transition:color .15s ease-out}a:hover{color:var(--ink)}code{font-family:var(--font-mono);font-size:.92em;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}pre{font-family:var(--font-mono);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;overflow-x:auto;box-shadow:var(--shadow);line-height:1.55;font-size:14px}pre code{background:transparent;border:0;padding:0}blockquote{border-left:3px solid var(--accent);margin:1.4em 0;padding:4px 0 4px 18px;color:var(--muted);font-style:italic}hr{border:0;border-top:1px dashed var(--border);margin:2em 0}.tabular-nums{font-variant-numeric:tabular-nums}header.site{display:flex;align-items:center;gap:20px;margin-bottom:40px;z-index:var(--z-nav)}.avatar{width:64px;height:64px;border-radius:9999px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-hand);font-size:40px;font-weight:700;color:var(--accent);line-height:1;flex-shrink:0}.id h1{font-family:var(--font-hand);font-weight:700;font-size:32px;margin:0 0 2px;color:var(--ink);text-wrap:balance;line-height:1.1}.id p{margin:0;color:var(--muted);font-size:15px;font-style:italic}nav.top{margin-bottom:56px;padding-bottom:20px;border-bottom:1px dashed var(--border)}nav.top ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 0;align-items:center;font-family:var(--font-hand);font-size:22px}nav.top li+li:before{content:"·";color:var(--muted);margin:0 14px}nav.top a{color:var(--ink);text-decoration:none;transition:color .15s ease-out}nav.top a:hover,nav.top a.active,nav.top a[aria-current=page]{color:var(--accent)}footer.site{max-width:720px;width:100%;margin:0 auto;padding:40px 28px 32px;color:var(--muted);font-size:13px;text-align:center;border-top:1px dashed var(--border)}footer.site .year{font-family:var(--font-mono);font-variant-numeric:tabular-nums}main.stack{display:flex;flex-direction:column;gap:32px}article.post{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 30px 26px;box-shadow:var(--shadow);transition:background-color .15s ease-out,transform .15s ease-out;transform:rotate(-.3deg)}article.post:nth-child(2n){transform:rotate(.35deg)}article.post:hover{background:var(--card-hover);transform:translateY(-2px) rotate(-.3deg)}article.post:nth-child(2n):hover{transform:translateY(-2px) rotate(.35deg)}.meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;color:var(--muted)}.tag{font-family:var(--font-hand);font-size:18px;color:var(--accent);line-height:1}.date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.02em;color:var(--muted)}.post h2{font-family:var(--font-hand);font-weight:700;font-size:30px;line-height:1.15;margin:0 0 12px;text-wrap:balance}.post h2 a{color:var(--ink);text-decoration:none;transition:color .15s ease-out}.post h2 a:hover{color:var(--accent)}.excerpt{margin:0;color:var(--ink);text-wrap:pretty;font-size:16px}.page-title{font-family:var(--font-hand);font-weight:700;font-size:32px;color:var(--accent);margin:0 0 40px;text-wrap:balance;line-height:1.15}article.single{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:40px 44px 44px;box-shadow:var(--shadow)}article.single .hero{border-radius:var(--radius-card);border:1px solid var(--border);margin-bottom:24px}article.single h1{font-family:var(--font-hand);font-weight:700;font-size:44px;line-height:1.1;margin:4px 0 14px;text-wrap:balance}article.single .prose p{margin:1em 0}article.single .prose h2{font-family:var(--font-hand);font-size:30px}article.single .prose h3{font-family:var(--font-hand);font-size:24px}.back-link{display:inline-block;margin-bottom:20px;font-family:var(--font-hand);font-size:20px;color:var(--muted)}.back-link:hover{color:var(--accent)}.updated{margin-top:8px;font-size:12px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}article.post,article.post:hover,article.post:nth-child(2n),article.post:nth-child(2n):hover{transform:none}}@media(max-width:520px){.wrap{padding:40px 20px 32px}.id h1{font-size:28px}article.single{padding:28px 22px 32px}article.single h1{font-size:34px}nav.top ul,.filters{font-size:20px}nav.top li+li:before,.filters li+li:before{margin:0 10px}}