:root{--bg: #f4faf9;--surface: #ffffff;--ink: #12302f;--ink-soft: #4d6b69;--ink-faint: #7c9694;--teal: #0f766e;--teal-deep: #0b5a54;--teal-soft: #14b8a6;--teal-tint: #e3f2f0;--teal-wash: #f0f8f7;--line: #d9e7e5;--line-strong: #bcd2cf;--focus: #0f766e;--ring: rgba(15, 118, 110, .35);--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(18, 48, 47, .04), 0 8px 24px rgba(18, 48, 47, .06);--shadow-lg: 0 12px 40px rgba(18, 48, 47, .12);--font-sans: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--maxw: 780px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:17px;line-height:1.7;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.skip-link{position:absolute;top:-100%;left:16px;z-index:100;padding:10px 18px;background:var(--teal-deep);color:#fff;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:16px;outline:2px solid var(--teal-soft);outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--maxw);margin-inline:auto;padding:14px 24px}.brand{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--teal-deep);text-decoration:none;white-space:nowrap}.brand:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:3px;background:var(--teal-soft);vertical-align:middle}.site-header nav ul{display:flex;gap:24px;list-style:none}.site-header nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;font-weight:500;padding:6px 4px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.site-header nav a:hover{color:var(--teal);border-bottom-color:var(--teal-soft)}.lang-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--teal-wash)}.lang-switch a{padding:4px 12px;font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--ink-soft);border-radius:999px;text-decoration:none;transition:color .15s ease,background-color .15s ease}.lang-switch a:hover{color:var(--teal-deep)}.lang-switch a.active{background:var(--teal);color:#fff}main{padding-block:40px 72px}h1{font-size:2.2rem;line-height:1.2;font-weight:750;letter-spacing:-.02em;color:var(--ink)}h2{font-size:1.55rem;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:var(--ink)}h3{font-size:1.2rem;line-height:1.4;font-weight:650;letter-spacing:-.01em;color:var(--ink)}a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:var(--teal-deep);text-decoration-color:var(--teal)}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.lead{font-size:1.2rem;line-height:1.6;color:var(--ink-soft)}.meta{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.hero-section{margin-bottom:40px;padding-block:48px;border-bottom:1px dashed var(--line-strong);background-color:var(--teal-wash);background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(15,118,110,.05) 39px,rgba(15,118,110,.05) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(15,118,110,.05) 39px,rgba(15,118,110,.05) 40px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid var(--teal-deep);border-radius:999px;background:var(--teal);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 2px 8px #0f766e40;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:hover{background:var(--teal-deep);transform:translateY(-2px);box-shadow:0 6px 16px #0b5a5447}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card h3{font-size:1.1rem;line-height:1.35}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--teal)}.read-more{margin-top:auto;align-self:flex-start;font-size:.9rem;font-weight:600;color:var(--teal);text-decoration:none}.read-more:after{content:" →";display:inline-block;transition:transform .15s ease}.read-more:hover{color:var(--teal-deep)}.read-more:hover:after{transform:translate(3px)}.post-list{list-style:none;display:grid;gap:8px}.post-list li{border-bottom:1px solid var(--line);padding-block:14px}.post-list li:last-child{border-bottom:none}.post-list a{display:inline-block;font-size:1.05rem;font-weight:600;color:var(--ink);text-decoration:none;transition:color .15s ease,padding-left .15s ease}.post-list a:hover{color:var(--teal);padding-left:6px}.prose{max-width:70ch;line-height:1.8}.prose p{margin-bottom:1.25em}.prose h2{margin-top:2em;margin-bottom:.75em;padding-bottom:.4em;border-bottom:1px solid var(--line)}.prose img.hero{width:100%;border-radius:var(--radius);border:1px solid var(--line);margin-block:1.5em;box-shadow:var(--shadow)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--teal-tint);color:var(--teal-deep);padding:2px 6px;border-radius:5px;border:1px solid var(--line)}.prose pre{background:#0f2423;color:#d7f5f0;padding:16px 20px;border-radius:var(--radius);border:1px solid #0b5a54;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;margin-block:1.5em}.prose pre code{background:transparent;color:inherit;border:none;padding:0;font-size:inherit}.prose blockquote{border-left:4px solid var(--teal);background:var(--teal-wash);padding:14px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:1.5em;color:var(--ink-soft);font-style:italic}.breadcrumb{font-size:.8rem;letter-spacing:.03em;color:var(--ink-faint);margin-bottom:24px}.breadcrumb a{color:var(--ink-soft)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.03em;color:var(--teal-deep);background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:4px 12px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.tag:hover{background:var(--teal-tint);border-color:var(--teal)}.site-footer{margin-top:48px;border-top:1px solid var(--line);background:var(--teal-wash);padding-block:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin-inline:auto;padding-inline:24px;font-size:.85rem;color:var(--ink-faint)}.site-footer nav ul{display:flex;gap:18px;list-style:none}.site-footer nav a{color:var(--ink-soft);text-decoration:none;font-size:.85rem;transition:color .15s ease}.site-footer nav a:hover{color:var(--teal)}@media(max-width:560px){body{font-size:16px}.container{padding-inline:18px}.header-inner{flex-wrap:wrap;gap:10px;padding:12px 18px}.site-header nav ul{gap:14px;flex-wrap:wrap}h1{font-size:1.75rem}h2{font-size:1.35rem}.hero-section{padding-block:32px}.grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}