:root{--bg:#ffffff;--surface:#f7f8fa;--surface2:#eef1f5;--border:#dfe3ea;--text:#111418;--muted:#5a6472;--accent:#e63946;--accent2:#1d3557;--accent-hover:#c42d3a;--max:780px;--radius:6px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;font-size:18px;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:22px}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;z-index:100}.skip-link:focus{left:0}.site-header{border-bottom:3px solid var(--accent2);background:#fff;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-block:14px;flex-wrap:wrap}.brand{font-weight:900;font-size:1.35rem;color:var(--accent2);text-decoration:none;text-transform:uppercase;letter-spacing:-.02em}.site-header nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.site-header nav a{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--accent)}.lang-switch{display:flex;gap:4px}.lang-switch a{font-size:.72rem;color:var(--muted);text-decoration:none;padding:4px 8px;font-weight:800;border:1px solid var(--border)}.lang-switch a.active{background:var(--accent);color:#fff;border-color:var(--accent)}main{padding-block:48px;min-height:60vh}h1{font-size:clamp(2.1rem,5.5vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 .5em;font-weight:900}h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-top:1.7em;font-weight:800;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:700}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.lead{font-size:1.2rem;color:var(--muted)}.meta{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.hero-section{text-align:left;padding-block:36px 24px;border-bottom:3px solid var(--text)}.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 28px;border-radius:var(--radius);text-decoration:none;font-weight:800;margin-top:14px;text-transform:uppercase;letter-spacing:.02em}.btn:hover{background:var(--accent-hover);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;margin-top:22px;background:var(--border);border:1px solid var(--border)}.card{background:#fff;border:none;border-radius:0;padding:22px}.card h3{margin-top:0}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:hover{color:var(--accent)}.read-more{font-weight:800;font-size:.9rem;text-transform:uppercase}.post-list{list-style:none;padding:0;margin:0}.post-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.post-list a{color:var(--text);text-decoration:none;font-weight:600}.post-list a:hover{color:var(--accent)}.prose{max-width:68ch}.prose p,.prose ul,.prose ol{margin-block:1em}.prose img.hero{width:100%;border-radius:var(--radius);margin-block:1.5em}.prose h2{border-left:4px solid var(--accent);padding-left:12px}.prose code{background:var(--surface2);padding:2px 6px;border-radius:4px;font-size:.9em}.prose pre{background:var(--accent2);color:#fff;padding:16px;border-radius:var(--radius);overflow-x:auto}.prose blockquote{border-left:4px solid var(--accent);margin-inline:0;color:var(--muted);background:var(--surface);padding:12px 16px}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:1em;text-transform:uppercase}.breadcrumb a{color:var(--muted)}.tags{margin-top:2em;display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--accent2);color:#fff;padding:4px 12px;border-radius:var(--radius);font-size:.8rem;font-weight:600}.site-footer{border-top:3px solid var(--accent2);margin-top:64px;padding-block:32px;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.site-footer nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.site-footer nav a{color:var(--muted);text-decoration:none;font-weight:600}.site-footer nav a:hover{color:var(--accent)}@media(max-width:560px){body{font-size:17px}.header-inner{gap:10px}}