@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f8f7f3;--ink:#242424;--muted:#6b6b6b;--green:#1a8917;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.blog-shell{width:min(1120px,calc(100% - 48px));margin:auto}.scroll-progress{position:fixed;top:0;left:0;z-index:30;width:100%;height:3px}.scroll-progress span{display:block;width:0;height:100%;background:var(--green)}.skip{position:fixed;z-index:40;top:-80px;left:16px;padding:12px;background:white}.skip:focus{top:12px}header{height:102px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700}.identity small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}.back{font-size:13px;color:var(--muted)}.hero{padding:51px 0 34px;border-bottom:1px solid #d8d6d0}.eyebrow,.article-kicker{margin:0;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.13em}.hero h1{margin:22px 0 34px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(48px,7vw,82px);font-weight:500;letter-spacing:-.055em;line-height:1}.hero-meta{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}.hero-meta a,footer a{color:var(--green);font-weight:700}.article-list{max-width:850px}.article{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:26px;align-items:center;padding:28px 0;border-bottom:1px solid #e4e2dc;transition:opacity .2s}.article:hover{opacity:.78}.article h2{margin:9px 0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(21px,3vw,29px);font-weight:600;letter-spacing:-.035em;line-height:1.18}.summary{margin:0;color:#555;font-size:13px;line-height:1.6}.article-meta{display:flex;gap:14px;margin-top:14px;color:var(--muted);font-size:10px}.cover,.type-cover{width:170px;height:112px;object-fit:cover}.type-cover{display:grid;align-content:center;padding:14px 17px;background:#e9efe6;color:#274b29;font-family:"Source Serif 4",Georgia,serif;font-size:29px;font-weight:600;line-height:1}.type-cover small{margin-top:7px;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em}.type-cover.flutter{background:#e9eff5;color:#2468a8}.article.featured{padding-top:32px}.article.featured .cover{width:170px;height:120px}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d8d6d0;margin-top:10px;padding:25px 0 31px;color:var(--muted);font-size:11px}main{animation:page-enter .8s ease-out backwards}@media(max-width:600px){.blog-shell{width:calc(100% - 36px)}header{height:82px}.identity{font-size:13px}.hero{padding:36px 0 26px}.hero h1{font-size:clamp(43px,12vw,62px);margin:20px 0 26px}.hero-meta{font-size:11px}.article{grid-template-columns:minmax(0,1fr) 92px;gap:13px;padding:21px 0}.cover,.type-cover{width:92px;height:76px}.article.featured .cover{width:92px;height:76px}.article h2{font-size:20px}.article-kicker{font-size:8px}.summary{font-size:11px}.article-meta{font-size:9px;gap:9px;margin-top:10px}.type-cover{padding:9px;font-size:21px}.type-cover small{font-size:8px}footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
