@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:light dark;--ink: #20231f;--muted: #73786f;--line: #dfe3d9;--paper: #f7f8f3;--card: #ffffff;--accent: #c5ef63;--accent-dark: #557016;--orange: #ff875d;--shadow: 0 18px 50px rgba(35, 46, 27, 0.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans', sans-serif;-webkit-font-smoothing:antialiased}.container{width:min(920px, calc(100% - 48px));margin-inline:auto}.site-header{width:min(1080px, calc(100% - 48px));height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:'Space Grotesk', sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-0.04em;text-decoration:none}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent);border-radius:9px;font-size:1rem}.site-nav{display:flex;gap:18px}.site-nav a,.site-footer,.site-footer a{color:var(--muted);font-family:'DM Mono', monospace;font-size:0.72rem;text-decoration:none}.site-nav a:hover,.site-footer a:hover{color:var(--ink)}main{min-height:calc(100vh - 170px);padding:clamp(52px, 10vw, 110px) 0 96px}h1,h2,h3{color:var(--ink);font-family:'Space Grotesk', sans-serif;letter-spacing:-0.06em;line-height:1.05}h1{max-width:760px;margin:0 0 18px;font-size:clamp(3rem, 8vw, 6rem);font-weight:600}h2{margin:54px 0 18px;font-size:clamp(1.8rem, 4vw, 2.7rem)}h3{margin:34px 0 12px;font-size:1.45rem}p,li{font-size:1rem;line-height:1.75}p{margin:0 0 20px}a{color:var(--accent-dark);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--orange)}.section-heading{margin-bottom:34px}.section-heading h1{margin-bottom:0}.eyebrow{margin:0 0 12px;color:var(--muted);font:500 0.68rem/1.4 'DM Mono', monospace;letter-spacing:.12em;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}.post-card{position:relative;display:flex;min-height:320px;flex-direction:column;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 0 0 transparent;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease}.post-card::after{content:'';position:absolute;right:-36px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:var(--accent);opacity:.2;pointer-events:none}.post-card:hover{border-color:#bec9ad;box-shadow:var(--shadow);transform:translateY(-4px)}.post-card-header,.post-card h2,.post-card-description,.post-card-tags,.frontmatter-list,.post-card-link{position:relative;z-index:1}.post-card-header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:.68rem 'DM Mono', monospace}.post-card-index{color:var(--accent-dark)}.post-card h2{margin:28px 0 14px;font-size:clamp(1.45rem, 3vw, 2rem)}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card h2 a:hover{color:var(--accent-dark)}.post-card-description{margin:0 0 22px;color:var(--muted);font-size:.88rem;line-height:1.55}.post-card-tags{margin:0 0 18px}.frontmatter-list{display:grid;gap:9px;margin:0;padding:0}.frontmatter-item{display:grid;grid-template-columns:minmax(62px, 25%) 1fr;gap:12px;margin:0;padding-top:9px;border-top:1px solid var(--line);font-size:.76rem;line-height:1.45}.frontmatter-item dt{color:var(--muted);font:.64rem 'DM Mono', monospace}.frontmatter-item dd{margin:0;overflow-wrap:anywhere}.tag{display:inline-block;margin:0 4px 4px 0;padding:4px 7px;border-radius:5px;color:var(--muted);background:color-mix(in srgb, var(--line) 55%, transparent);font:.62rem 'DM Mono', monospace}.post-card-link{display:inline-block;margin-top:auto;padding-top:22px;font:.7rem 'DM Mono', monospace;text-decoration:none}.tags-index-link{margin-top:34px;font-family:'DM Mono', monospace;font-size:.75rem}main table{width:100%;margin:28px 0;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;background:var(--card);font-size:.9rem;line-height:1.5}main th,main td{padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}main th:last-child,main td:last-child{border-right:0}main tr:last-child td{border-bottom:0}main th{color:var(--ink);background:color-mix(in srgb, var(--accent) 24%, var(--card));font-family:'Space Grotesk', sans-serif;font-weight:600}main tr:nth-child(even) td{background:color-mix(in srgb, var(--line) 18%, var(--card))}.table-wrapper{margin:28px 0;overflow-x:auto}.meta,.note-meta,.note-tags{margin:0 0 30px;color:var(--muted);font:.72rem 'DM Mono', monospace}.note-tags a{color:var(--muted);text-decoration:none}.note-tags a:hover{color:var(--accent-dark)}article.note,article{max-width:760px}article.note>:first-child{margin-top:0}code,pre{font-family:'DM Mono', monospace}code{padding:.15em .35em;border-radius:4px;background:color-mix(in srgb, var(--line) 55%, transparent);font-size:.88em}pre{margin:28px 0;padding:20px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--card);line-height:1.55}pre code{padding:0;background:transparent}blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:4px solid var(--accent);color:var(--muted)}img{max-width:100%;height:auto;border-radius:12px}hr{margin:42px 0;border:0;border-top:1px solid var(--line)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 35px;border-top:1px solid var(--line)}@media (prefers-color-scheme: dark){:root{--ink: #eef2e7;--muted: #a5ae9c;--line: #384131;--paper: #171a15;--card: #22271d;--accent-dark: #c5ef63;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}.brand-mark{color:#1b2314}}@media (max-width: 650px){.container,.site-header{width:min(100% - 32px, 920px)}.site-header{height:72px}main{padding-top:48px}h1{font-size:clamp(2.7rem, 15vw, 4.5rem)}.post-grid{grid-template-columns:1fr}main th,main td{padding:10px 11px;font-size:.82rem}.site-footer{align-items:flex-start;flex-direction:column;gap:10px}}
