:root{--bg: #f7f2e9;--surface: #fffdf8;--ink: #231f30;--ink-soft: #3c3549;--muted: #6f687c;--accent: #d9481f;--accent-strong: #b53814;--teal: #0f7a70;--line: #e6ded0;--line-strong: #d5cbb8;--code-bg: #262136;--code-ink: #f1edf8;--focus: #d9481f;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(35, 31, 48, .05), 0 1px 6px rgba(35, 31, 48, .05);--shadow-md: 0 8px 28px -10px rgba(35, 31, 48, .22);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-body: "Outfit", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, Menlo, Consolas, monospace;--max-w: 780px;--pad: clamp(1.1rem, 4vw, 2.4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(1100px 560px at 88% -12%,color-mix(in srgb,var(--teal) 7%,transparent),transparent 60%),radial-gradient(900px 520px at -12% 8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%);background-attachment:fixed;min-height:100vh}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad)}.skip-link{position:absolute;top:-120%;left:1rem;z-index:100;padding:.6rem 1.1rem;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;border-radius:0 0 10px 10px;box-shadow:var(--shadow-md);transition:top .15s ease}.skip-link:focus{top:0;color:#fff;outline:3px solid var(--focus);outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-block:.9rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;line-height:1}.brand:before{content:"";width:.55em;height:.55em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd9a3,var(--accent));box-shadow:0 0 0 .3em color-mix(in srgb,var(--accent) 16%,transparent)}.brand:hover{color:var(--accent)}.site-header nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.site-header nav a{display:inline-block;padding:.45rem .8rem;border-radius:999px;color:var(--ink-soft);font-size:.95rem;font-weight:550;text-decoration:none;transition:color .18s ease,background-color .18s ease}.site-header nav a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.site-header nav a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lang-switch{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:999px}.lang-switch a{padding:.3rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .18s ease,background-color .18s ease}.lang-switch a:hover{color:var(--accent)}.lang-switch a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lang-switch a.active{background:var(--ink);color:#fff}main{padding-block:clamp(2.2rem,6vw,3.8rem);min-height:60vh}h1,h2,h3{font-family:var(--font-display);font-weight:650;line-height:1.15;letter-spacing:-.015em;color:var(--ink)}h1{font-size:clamp(2.1rem,5.5vw,3.1rem);margin-bottom:1rem}h2{font-size:clamp(1.5rem,3.2vw,1.95rem);margin:2.2rem 0 .8rem}h3{font-size:1.3rem;margin:1.6rem 0 .5rem}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:color .18s ease,text-decoration-color .18s ease}a:hover{color:var(--accent-strong);text-decoration-color:var(--accent)}a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}.lead{font-size:1.2rem;line-height:1.65;color:var(--muted);margin-bottom:1.6rem}.meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1.2rem;font-size:.85rem;letter-spacing:.01em;color:var(--muted)}.hero-section{position:relative;padding:clamp(2.2rem,6vw,4rem) 0;margin-bottom:2.4rem;border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 55%,transparent);transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{background:var(--accent-strong);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}