:root{color-scheme:light dark;--bg:#fafbf8;--surface:#fff;--ink:#192d2b;--muted:#576d67;--line:#dae4dd;--accent:#186750;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%}.siteHeader,.siteFooter{max-width:1280px;padding:26px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.siteHeader{border-bottom:1px solid var(--line)}.siteBrand{font-size:18px;font-weight:750;letter-spacing:-.03em;text-decoration:none;overflow-wrap:anywhere}.siteHeader nav{display:flex;gap:24px}.siteHeader nav a{text-decoration:none;font-size:14px;color:var(--muted)}.siteMain{max-width:1180px;margin:0 auto;padding:0 32px 80px;min-height:70vh}.siteHero{padding:85px 0 65px;max-width:800px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em;color:var(--accent);text-decoration:none}.siteHero h1,.postHero h1{font-size:clamp(36px,6vw,66px);line-height:1.12;letter-spacing:-.05em;margin:20px 0}.siteHero p{color:var(--muted);font-size:19px;max-width:580px}.postGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.postCard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);transition:transform .2s,box-shadow .2s}.postCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #152b2210}.postCardImage{display:block;aspect-ratio:1.6;overflow:hidden;background:var(--line)}.postCardImage img{width:100%;height:100%;object-fit:cover;display:block}.postCardContent{padding:25px}.postCardContent time,.postHero time{font-size:12px;color:var(--muted)}.postCardContent h2{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:14px 0}.postCardContent h2 a{text-decoration:none}.postCardContent p{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.readPost{font-size:13px;font-weight:650;color:var(--accent);text-decoration:none;display:flex;justify-content:space-between;margin-top:24px}.siteButton{display:inline-block;border:1px solid var(--accent);border-radius:30px;padding:12px 24px;text-decoration:none;font-size:14px;font-weight:650;color:var(--accent)}.allPosts{text-align:center;margin-top:48px}.siteEmpty{padding:60px 24px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.sitePagination{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:50px;font-size:14px}.sitePagination a{color:var(--accent)}.siteFooter{border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.postMain{max-width:900px}.postHero{padding:70px 0 45px}.postBody{font-size:18px;overflow-wrap:anywhere;display:flow-root}.postBody h2{font-size:32px;line-height:1.3;letter-spacing:-.03em;margin-top:1.7em}.postBody h3{font-size:25px;line-height:1.4;margin-top:1.5em}.postBody p{margin:0 0 1.3em}.postBody img{border-radius:10px;max-width:100%}.postBody img:not([height]){height:auto}.postBody img[align=left]{margin:8px 24px 16px 0}.postBody img[align=right]{margin:8px 0 16px 24px}.postBody table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;margin:24px 0}.postBody th,.postBody td{border:1px solid var(--line);padding:12px 16px;text-align:left}.postBody a{color:var(--accent)}.postBody hr{border:0;border-top:1px solid var(--line);margin:40px 0}.postEnd{border-top:1px solid var(--line);padding-top:36px;margin-top:56px;clear:both}@media(max-width:900px){.postGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.siteHeader,.siteFooter{padding:22px}.siteHeader nav{gap:15px}.siteMain{padding:0 22px 55px}.siteHero{padding:55px 0 35px}.postGrid{grid-template-columns:1fr}.postHero{padding:45px 0 30px}.postBody{font-size:16px}.sitePagination{font-size:12px;gap:12px}.postCardContent{padding:22px}}@media(prefers-color-scheme:dark){:root{--bg:#101b18;--surface:#172620;--ink:#e3eee7;--muted:#a7beb1;--line:#30483a;--accent:#8bd8b3}.postCard:hover{box-shadow:0 16px 40px #0003}}
