:root{--bg: #F4F6F3;--surface: #FFFFFF;--sage-dark: #455F4D;--sage: #7B9E87;--sage-light: #C9D9CE;--sage-lightest: #E8EFEA;--text-main: #2D3A31;--text-muted: #627768;--border: #DDE5E0;--border-focus: #7B9E87;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-sans: ui-rounded, "Nunito", "Varela Round", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 2px 8px rgba(69, 95, 77, .04);--shadow-md: 0 8px 24px rgba(69, 95, 77, .08)}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px;border-radius:2px}html{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);scroll-behavior:smooth;line-height:1.6;font-size:16px}body{min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:760px;margin:0 auto;padding:0 1.25rem}.skip-link{position:absolute;top:-100vh;left:1rem;background-color:var(--sage-dark);color:var(--surface);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:700;text-decoration:none;z-index:9999;transition:top .2s ease-in-out}.skip-link:focus{top:1rem}.site-header{background-color:var(--bg);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.brand{font-size:1.25rem;font-weight:800;color:var(--sage-dark);text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.brand:before{content:"";display:block;width:24px;height:24px;background-color:var(--sage);border-radius:var(--radius-sm);box-shadow:inset 0 -3px 0 var(--sage-dark)}.site-header nav ul{display:flex;list-style:none;gap:1.5rem;align-items:center}.site-header nav a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s ease}.site-header nav a:hover{color:var(--sage-dark)}.lang-switch{display:flex;background:var(--border);padding:.25rem;border-radius:var(--radius-full);gap:.25rem}.lang-switch a{padding:.35rem .85rem;border-radius:var(--radius-full);color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:700;transition:all .2s ease}.lang-switch a.active{background-color:var(--surface);color:var(--sage-dark);box-shadow:var(--shadow-sm)}main{flex:1;padding:3rem 0}h1{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--text-main);margin-bottom:1rem;letter-spacing:-.03em}h2{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;color:var(--sage-dark)}h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}a{color:var(--sage-dark);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .2s ease}a:hover{color:var(--sage)}.lead{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem;font-weight:500}.meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-muted);font-weight:600;margin-bottom:1.5rem;align-items:center}.hero-section{background-color:var(--sage-lightest);border:2px dashed var(--sage-light);border-radius:var(--radius-xl);padding:3.5rem 2rem;text-align:center;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--sage-dark);color:var(--surface);padding:.85rem 1.75rem;border-radius:var(--radius-full);font-weight:700;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 0 var(--text-main);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{color:var(--surface)}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--text-main)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);border-color:var(--sage);box-shadow:var(--shadow-md)}.card h3{margin-top:0;margin-bottom:.75rem}.card h3 a{text-decoration:none;color:inherit}.card h3 a:after{content:"";position:absolute;inset:0}.read-more{margin-top:auto;padding-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;color:var(--sage-dark);text-decoration:none}.read-more:after{content:"→";transition:transform .2s ease}.card:hover .read-more:after{transform:translate(4px)}.post-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.post-list li{background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;align-items:center;transition:all .2s ease}.post-list li:before{content:"";display:inline-block;width:22px;height:22px;border:2px solid var(--border);border-radius:50%;margin-right:1.25rem;flex-shrink:0;transition:all .2s ease;background-color:var(--bg)}.post-list li:hover{border-color:var(--sage);transform:translate(4px);box-shadow:var(--shadow-sm)}.post-list li:hover:before{border-color:var(--sage);background-color:var(--sage);box-shadow:inset 0 0 0 3px var(--surface)}.post-list a{text-decoration:none;font-weight:700;color:var(--text-main);flex:1}.prose{max-width:100%}.prose p{margin-bottom:1.5rem;font-size:1.05rem}.prose h2{margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px dashed var(--border)}.prose img.hero{width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:2rem;border:2px solid var(--border);background-color:var(--surface);padding:.5rem}.prose code{background-color:var(--sage-lightest);color:var(--sage-dark);padding:.2em .4em;border-radius:6px;font-size:.9em;font-family:monospace;font-weight:600}.prose pre{background-color:var(--text-main);color:var(--surface);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem;box-shadow:inset 0 0 0 4px #ffffff1a}.prose pre code{background-color:transparent;color:inherit;padding:0;font-weight:400}.prose blockquote{border-left:4px solid var(--sage);padding:1rem 1.5rem;margin-bottom:1.5rem;background-color:var(--sage-lightest);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--sage-dark);font-weight:500;font-style:italic}.breadcrumb{display:flex;gap:.5rem;align-items:center;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:1.5rem}.breadcrumb:before{content:"⌂";font-size:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background-color:var(--surface);color:var(--sage-dark);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;text-decoration:none;border:2px solid var(--border);transition:all .2s ease}.tag:hover{background-color:var(--sage-lightest);border-color:var(--sage)}.site-footer{border-top:2px dashed var(--border);padding:2.5rem 0;margin-top:4rem;background-color:var(--bg)}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.9rem;font-weight:600}.site-footer nav ul{display:flex;gap:1.5rem;list-style:none}.site-footer nav a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.site-footer nav a:hover{color:var(--sage-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}@media(max-width:560px){.header-inner{flex-direction:column;gap:1.25rem}.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.hero-section{padding:2.5rem 1.25rem}.grid{grid-template-columns:1fr}.post-list li{padding:.85rem 1rem}.post-list li:before{margin-right:1rem;width:18px;height:18px}.footer-inner{flex-direction:column;gap:1.5rem;text-align:center}.site-footer nav ul{justify-content:center;flex-wrap:wrap}}