:root{--bg: #faf5ec;--bg-elevated: #fffdf8;--surface: #ffffff;--ink: #312419;--ink-soft: #6f5d4b;--ink-faint: #9a8a76;--crust: #c9542e;--crust-deep: #a13c1c;--honey: #d99b2b;--olive: #7a8a4d;--line: #e9dcc5;--line-strong: #dcc9a9;--shadow-sm: 0 1px 2px rgba(74, 52, 27, .06), 0 1px 6px rgba(74, 52, 27, .05);--shadow-md: 0 4px 14px rgba(74, 52, 27, .09), 0 1px 3px rgba(74, 52, 27, .06);--shadow-lg: 0 12px 34px rgba(74, 52, 27, .14), 0 3px 8px rgba(74, 52, 27, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body: "Avenir Next", "Avenir", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--container: 780px;--header-h: 72px;--focus: 3px solid var(--crust)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 500px at 80% -10%,rgba(217,155,43,.08),transparent 60%),radial-gradient(900px 420px at 0% 0%,rgba(201,84,46,.05),transparent 55%),var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.7;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 18px;background:var(--crust);color:#fff7ec;font-weight:700;font-size:.95rem;border-radius:999px;text-decoration:none;box-shadow:var(--shadow-lg);transform:translateY(-250%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:var(--focus);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:#faf5ecd9;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--header-h);padding-block:10px}.brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:10px}.brand:before{content:"";width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f2c878,var(--honey) 55%,var(--crust));box-shadow:0 0 0 4px #d99b2b26;flex-shrink:0}.site-header nav ul{display:flex;align-items:center;gap:4px;list-style:none}.site-header nav a{display:inline-block;padding:8px 14px;border-radius:999px;color:var(--ink-soft);font-weight:600;font-size:.92rem;text-decoration:none;letter-spacing:.02em;transition:color .18s ease,background .18s ease}.site-header nav a:hover{color:var(--ink);background:#c9542e14}.site-header nav a:focus-visible{outline:var(--focus);outline-offset:2px}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-elevated)}.lang-switch a{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink-faint);transition:color .18s ease,background .18s ease}.lang-switch a:hover{color:var(--ink)}.lang-switch a.active{background:var(--crust);color:#fff7ec;box-shadow:0 2px 6px #c9542e59}.lang-switch a:focus-visible{outline:var(--focus);outline-offset:2px}main{flex:1 0 auto;width:100%;padding-block:40px 64px}h1,h2,h3{font-family:var(--font-display);color:var(--ink);line-height:1.18;font-weight:650;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(2.1rem,5vw,3rem);margin-bottom:18px}h2{font-size:clamp(1.6rem,3.5vw,2.1rem);margin-top:8px;margin-bottom:16px}h3{font-size:1.3rem;margin-bottom:10px}a{color:var(--crust);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#c9542e59;transition:color .18s ease,text-decoration-color .18s ease}a:hover{color:var(--crust-deep);text-decoration-color:var(--crust)}a:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:3px}.lead{font-size:1.2rem;line-height:1.65;color:var(--ink-soft);max-width:60ch;margin-bottom:28px}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.86rem;color:var(--ink-faint);letter-spacing:.03em;margin-bottom:20px}.hero-section{position:relative;padding:56px 28px;margin-bottom:40px;border-radius:var(--radius-lg);background:radial-gradient(700px 320px at 85% 10%,rgba(217,155,43,.16),transparent 60%),linear-gradient(135deg,#fff9ee,#fdf1dd 55%,#fbe6c8);border:1px solid var(--line);box-shadow:var(--shadow-md);overflow:hidden}.hero-section:after{content:"";position:absolute;inset:auto -40px -70px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(201,84,46,.14),transparent 65%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;background:var(--crust);color:#fff7ec;font-weight:700;font-size:.98rem;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;box-shadow:0 4px 14px #c9542e52;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{background:var(--crust-deep);color:#fff7ec;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px #c9542e61}.btn:focus-visible{outline:var(--focus);outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-block:24px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--crust),var(--honey));opacity:0;transition:opacity .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.card:hover:before{opacity:1}.card h3{font-size:1.24rem;margin-bottom:8px}.card h3 a{color:var(--ink);text-decoration:none;transition:color .18s ease}.card h3 a:hover{color:var(--crust)}.card h3 a:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:3px}.read-more{margin-top:auto;align-self:flex-start;padding-top:14px;font-weight:700;font-size:.9rem;letter-spacing:.02em;color:var(--crust);text-decoration:none}.read-more:after{content:" →";transition:transform .18s ease;display:inline-block}.read-more:hover{text-decoration:underline;text-underline-offset:4px}.read-more:hover:after{transform:translate(4px)}.read-more:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:3px}.post-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-block:24px}.post-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.post-list li:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.post-list a{display:flex;align-items:center;gap:16px;padding:16px 20px;color:var(--ink);text-decoration:none;font-weight:600}.post-list a:before{content:"";flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--honey);box-shadow:0 0 0 3px #d99b2b2e}.post-list a:hover{color:var(--crust);text-decoration:none}.post-list a:focus-visible{outline:var(--focus);outline-offset:-3px;border-radius:var(--radius-md)}.prose{max-width:68ch;line-height:1.75;color:var(--ink)}.prose p{margin-bottom:1.35em}.prose h2{margin-top:2em;margin-bottom:.6em;padding-bottom:.3em;border-bottom:2px solid var(--line)}.prose img.hero{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-block:8px 28px;border:1px solid var(--line)}.prose code{font-family:var(--font-mono);font-size:.85em;background:#f6eddc;color:var(--crust-deep);padding:.18em .45em;border-radius:6px;border:1px solid var(--line)}.prose pre{margin:1.5em 0;padding:20px 22px;background:#2f2418;color:#f6ecd9;border-radius:var(--radius-md);overflow-x:auto;line-height:1.6;box-shadow:var(--shadow-md);border:1px solid #4a3a28}.prose pre code{background:transparent;color:inherit;border:none;padding:0;font-size:.9rem}.prose blockquote{position:relative;margin:1.8em 0;padding:18px 22px 18px 26px;background:#fdf3e0;border-left:4px solid var(--honey);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-soft);font-style:italic}.prose blockquote:before{content:"“";position:absolute;top:-6px;left:6px;font-family:var(--font-display);font-size:2.6rem;color:#d99b2b66;line-height:1}.breadcrumb{font-size:.85rem;color:var(--ink-faint);letter-spacing:.03em;margin-bottom:22px}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--crust);text-decoration:underline;text-underline-offset:3px}.breadcrumb a:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:3px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:18px}.tag{display:inline-block;padding:5px 13px;border-radius:999px;background:#f1eadb;color:var(--ink-soft);border:1px solid var(--line-strong);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.tag:hover{background:var(--olive);border-color:var(--olive);color:#fdfaf0;text-decoration:none}.tag:focus-visible{outline:var(--focus);outline-offset:2px}.site-footer{margin-top:auto;background:#2c2116;color:#e8dcc6;padding-block:44px 52px;border-top:4px solid var(--honey)}.footer-inner{display:flex;flex-direction:column;gap:20px}.site-footer nav ul{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none}.site-footer nav a{color:#e8dcc6;font-weight:600;font-size:.92rem;text-decoration:none;transition:color .18s ease}.site-footer nav a:hover{color:var(--honey);text-decoration:underline;text-underline-offset:4px}.site-footer nav a:focus-visible{outline:3px solid var(--honey);outline-offset:3px;border-radius:3px}@media(max-width:560px){body{font-size:16px}.container{padding-inline:18px}.header-inner{flex-wrap:wrap;gap:12px}.brand{font-size:1.3rem}.site-header nav ul{gap:2px}.site-header nav a{padding:7px 10px;font-size:.85rem}main{padding-block:28px 44px}.hero-section{padding:36px 22px;margin-bottom:28px}.grid{grid-template-columns:1fr;gap:18px}.post-list a{padding:14px 16px;gap:12px}.prose pre{padding:16px;border-radius:var(--radius-sm)}.footer-inner{gap:16px}}