:root{--bg-color: #FDFBF7;--text-color: #2C2621;--text-muted: #5E534A;--accent-primary: #C96E28;--accent-hover: #A5551A;--border-color: #E7DFD4;--surface-color: #F7F3EB;--focus-ring: rgba(201, 110, 40, .5);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Lora", "Merriweather", "Playfair Display", Georgia, serif;--container-width: 760px;--radius: 12px;--shadow-sm: 0 4px 6px rgba(44, 38, 33, .04);--shadow-md: 0 10px 20px rgba(44, 38, 33, .08);--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.7;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.skip-link{position:absolute;top:-100px;left:24px;background:var(--accent-primary);color:#fff;padding:12px 20px;z-index:100;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:top var(--transition)}.skip-link:focus{top:24px;outline:4px solid var(--focus-ring);outline-offset:2px}.site-header{background:#fdfbf7f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.header-inner{display:flex;justify-content:space-between;align-items:center;height:88px}.brand{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:-.02em}.brand:focus-visible{outline:2px dashed var(--accent-primary);outline-offset:6px;border-radius:4px}.site-header nav ul{display:flex;gap:28px;list-style:none;align-items:center}.site-header nav a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:1.05rem;transition:color var(--transition);padding:8px 4px}.site-header nav a:hover{color:var(--accent-primary)}.site-header nav a:focus-visible{outline:2px dashed var(--accent-primary);outline-offset:4px;border-radius:4px}.lang-switch{display:flex;gap:8px;margin-left:20px;border-left:2px solid var(--border-color);padding-left:20px}.lang-switch a{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:6px 10px;border-radius:6px;text-decoration:none;transition:all var(--transition)}.lang-switch a:hover{background:var(--surface-color);color:var(--text-color)}.lang-switch a.active{background:var(--accent-primary);color:#fff;font-weight:600;pointer-events:none}main{flex:1;padding:64px 0}h1,h2,h3{font-family:var(--font-serif);color:var(--text-color);margin-bottom:24px;line-height:1.25}h1{font-size:3.4rem;font-weight:800;letter-spacing:-.03em}h2{font-size:2.2rem;font-weight:700;margin-top:56px}h3{font-size:1.6rem;font-weight:600}a{color:var(--accent-primary);text-decoration:underline;text-decoration-color:#c96e2840;text-underline-offset:4px;transition:all var(--transition)}a:hover{text-decoration-color:var(--accent-primary);color:var(--accent-hover)}a:focus-visible{outline:3px solid var(--focus-ring);border-radius:2px;outline-offset:2px}.lead{font-size:1.4rem;color:var(--text-muted);margin-bottom:40px;font-weight:400;line-height:1.6}.meta{font-size:.95rem;color:var(--text-muted);display:flex;gap:16px;margin-bottom:32px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-section{text-align:center;padding:80px 0 96px;border-bottom:2px dashed var(--border-color);margin-bottom:72px;background:radial-gradient(circle at center,var(--surface-color) 0%,transparent 70%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--accent-primary);color:#fff;text-decoration:none;font-weight:600;border-radius:50px;transition:all var(--transition);font-size:1.1rem;letter-spacing:.02em}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 12px var(--focus-ring);color:#fff;text-decoration:none}.btn:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px}.card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:40px;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.card h3{margin-top:0;margin-bottom:16px;font-size:1.7rem}.card h3 a{color:var(--text-color);text-decoration:none}.card h3 a:hover{color:var(--accent-primary)}.card h3 a:before{content:"";position:absolute;inset:0;z-index:1}.read-more{margin-top:auto;font-weight:700;color:var(--accent-primary);display:inline-flex;align-items:center;text-decoration:none;padding-top:32px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:2}.read-more:hover{color:var(--accent-hover)}.post-list{list-style:none;display:flex;flex-direction:column;gap:24px}.post-list li{padding-bottom:24px;border-bottom:1px solid var(--border-color)}.post-list li:last-child{border-bottom:none}.post-list a{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;display:block;margin-bottom:8px}.post-list a:hover{color:var(--accent-primary);text-decoration:underline;text-decoration-color:#c96e2866;text-underline-offset:4px}.prose{font-size:1.15rem;color:#38312b}.prose p{margin-bottom:1.8em}.prose h2{margin-top:2.2em;border-bottom:2px solid var(--border-color);padding-bottom:12px}.prose img.hero{width:100%;height:auto;border-radius:var(--radius);margin-bottom:48px;box-shadow:var(--shadow-sm);background:var(--surface-color);padding:8px;border:1px solid var(--border-color)}.prose code{background:#ebe4da;color:#9c4b13;padding:4px 8px;border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.prose pre{background:var(--text-color);color:var(--surface-color);padding:24px 32px;border-radius:var(--radius);overflow-x:auto;margin-bottom:40px;box-shadow:inset 0 2px 8px #0000004d}.prose pre code{background:transparent;color:inherit;padding:0;font-size:.95em;line-height:1.6}.prose blockquote{border-left:4px solid var(--accent-primary);background:var(--surface-color);padding:32px 40px;margin:48px 0;border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-serif);font-size:1.4rem;font-style:italic;color:var(--text-color);box-shadow:var(--shadow-sm)}.breadcrumb{font-size:.95rem;margin-bottom:40px;color:var(--text-muted);font-weight:500}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-primary);text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:12px;margin:48px 0}.tag{background:var(--surface-color);color:var(--text-color);padding:8px 16px;border-radius:30px;font-size:.9rem;font-weight:600;text-decoration:none;text-transform:lowercase;letter-spacing:.05em;transition:all var(--transition);border:1px solid var(--border-color)}.tag:before{content:"#";color:var(--accent-primary);margin-right:4px}.tag:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.tag:hover:before{color:#fff}.site-footer{background:var(--text-color);color:var(--border-color);padding:80px 0 48px;margin-top:auto;font-size:1rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.site-footer nav ul{display:flex;gap:32px;list-style:none;justify-content:center;flex-wrap:wrap}.site-footer nav a{color:#fff;text-decoration:none;font-weight:500;opacity:.8;transition:all var(--transition)}.site-footer nav a:hover{opacity:1;color:var(--accent-primary)}@media(max-width:560px){.header-inner{flex-direction:column;height:auto;padding:24px 0;gap:20px}.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:16px 24px}.lang-switch{margin-left:0;border-left:none;padding-left:0;border-top:1px dashed var(--border-color);padding-top:20px;width:100%;justify-content:center}main{padding:40px 0}h1{font-size:2.5rem}.lead{font-size:1.2rem;margin-bottom:32px}.hero-section{padding:48px 0 64px;margin-bottom:48px}.grid{grid-template-columns:1fr;gap:24px}.card{padding:32px 24px}.prose{font-size:1.05rem}.prose blockquote{font-size:1.2rem;padding:24px;margin:32px 0}.footer-inner{gap:40px}}
