:root{--clr-bg: #F9F8F6;--clr-surface: #FFFFFF;--clr-text-main: #2A3B31;--clr-text-muted: #66756B;--clr-accent: #C56A56;--clr-accent-hover: #A45543;--clr-border: #E1DFDA;--clr-focus: #C56A56;--font-heading: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(42, 59, 49, .04);--shadow-md: 0 6px 16px rgba(42, 59, 49, .08);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--clr-bg);color:var(--clr-text-main);font-family:var(--font-body);line-height:1.65;font-size:1.05rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}.container{max-width:780px;margin:0 auto;padding:0 var(--space-lg);width:100%}.skip-link{position:absolute;top:-9999px;left:-9999px;background:var(--clr-accent);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);z-index:999;text-decoration:none;font-weight:600;font-family:var(--font-heading)}.skip-link:focus{top:var(--space-sm);left:var(--space-sm);outline:3px solid var(--clr-text-main);outline-offset:2px}.site-header{background-color:#f9f8f6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(225,223,218,.6);position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.brand{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--clr-text-main);text-decoration:none;letter-spacing:-.02em}.site-header nav ul{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.site-header nav a{color:var(--clr-text-muted);text-decoration:none;font-weight:500;font-size:.95rem;font-family:var(--font-heading);transition:var(--transition)}.site-header nav a:hover,.site-header nav a:focus{color:var(--clr-accent)}.lang-switch{display:flex;gap:var(--space-xs);background:var(--clr-surface);padding:4px 6px;border-radius:var(--radius-lg);border:1px solid var(--clr-border);font-size:.8rem;font-family:var(--font-heading)}.lang-switch a{color:var(--clr-text-muted);text-decoration:none;padding:4px 10px;border-radius:var(--radius-lg);transition:var(--transition);font-weight:500}.lang-switch a:hover{background:var(--clr-bg);color:var(--clr-text-main)}.lang-switch a.active{color:var(--clr-text-main);background:var(--clr-border);font-weight:700}main{padding:var(--space-xl) 0;flex:1}h1,h2,h3{font-family:var(--font-heading);color:var(--clr-text-main);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.75rem;margin-bottom:var(--space-md)}h2{font-size:1.85rem;margin-bottom:var(--space-md);margin-top:var(--space-xl)}h3{font-size:1.35rem;margin-bottom:var(--space-sm)}a{color:var(--clr-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:var(--transition)}a:hover{color:var(--clr-accent-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px dashed var(--clr-focus);outline-offset:4px;border-radius:2px}.lead{font-size:1.25rem;color:var(--clr-text-muted);margin-bottom:var(--space-lg);line-height:1.7}.meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.9rem;color:var(--clr-text-muted);margin-bottom:var(--space-lg);align-items:center;font-family:var(--font-heading);letter-spacing:.01em}.hero-section{background:linear-gradient(145deg,var(--clr-surface) 0%,#F0EEE9 100%);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);border:1px solid #EAE8E3;text-align:center;margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--clr-text-main);color:var(--clr-surface);padding:.8rem 1.75rem;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-family:var(--font-heading);border:2px solid transparent;transition:var(--transition)}.btn:hover{background-color:var(--clr-surface);color:var(--clr-text-main);border-color:var(--clr-text-main);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d3d0c7}.card h3{margin-top:0}.card h3 a{color:var(--clr-text-main);text-decoration:none}.card h3 a:hover{color:var(--clr-accent)}.card h3 a:after{content:"";position:absolute;inset:0;z-index:1}.read-more{margin-top:auto;padding-top:var(--space-md);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-accent);text-decoration:none;font-family:var(--font-heading)}.post-list{list-style:none}.post-list li{padding:var(--space-md) 0;border-bottom:1px solid rgba(225,223,218,.6);display:flex;flex-direction:column;gap:var(--space-xs)}.post-list li:last-child{border-bottom:none}.post-list a{font-size:1.15rem;font-weight:600;text-decoration:none;color:var(--clr-text-main);font-family:var(--font-heading)}.post-list a:hover{color:var(--clr-accent)}.prose{max-width:100%}.prose p{margin-bottom:1.25rem;color:#384a3f}.prose h2{margin-top:var(--space-xl);border-bottom:2px solid #EAE8E2;padding-bottom:var(--space-xs)}.prose img.hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--clr-border)}.prose code{background-color:#e1dfda66;color:var(--clr-text-main);padding:.25em .45em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em;border:1px solid #EAE8E2}.prose pre{background-color:#1f2a23;color:#eae8e2;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg);box-shadow:inset 0 2px 4px #0000001a}.prose pre code{background:none;color:inherit;padding:0;font-size:.9rem;border:none}.prose blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--clr-accent);background:#c56a560a;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--clr-text-muted);font-size:1.1rem}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;margin-bottom:var(--space-md);color:var(--clr-text-muted);font-family:var(--font-heading)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tag{background-color:var(--clr-surface);color:var(--clr-text-muted);padding:6px 14px;border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:1px solid var(--clr-border);transition:var(--transition);font-family:var(--font-heading)}.tag:hover{background-color:var(--clr-text-main);border-color:var(--clr-text-main);color:var(--clr-surface)}.site-footer{background-color:var(--clr-bg);border-top:1px solid var(--clr-border);padding:var(--space-lg) 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;color:var(--clr-text-muted);font-size:.9rem}.site-footer nav ul{display:flex;list-style:none;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.site-footer nav a{color:var(--clr-text-muted);text-decoration:none;transition:var(--transition);font-weight:500}.site-footer nav a:hover{color:var(--clr-text-main);text-decoration:underline;text-underline-offset:4px}@media(max-width:560px){:root{--space-xl: 2.5rem;--space-lg: 1.25rem;--space-md: .875rem}.header-inner{flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0}.site-header nav ul{gap:var(--space-md);flex-wrap:wrap;justify-content:center}h1{font-size:2.15rem}h2{font-size:1.6rem}.hero-section{padding:var(--space-lg) var(--space-md)}.grid{grid-template-columns:1fr}.prose pre{padding:var(--space-md);border-radius:var(--radius-sm)}.prose blockquote{padding:var(--space-md)}}