:root{--bg-color: #f2f7f9;--text-main: #1d2d35;--text-muted: #4a6773;--accent-color: #0d7a7a;--accent-hover: #075252;--heading-color: #0f4c5c;--card-bg: #ffffff;--border-color: #d3e4e8;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Playfair Display", "Georgia", serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-soft: 0 8px 24px rgba(15, 76, 92, .06);--shadow-hover: 0 12px 32px rgba(15, 76, 92, .12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:780px;margin:0 auto;padding:0 1.5rem}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent-color);color:#fff;padding:.75rem 1.25rem;text-decoration:none;font-weight:600;border-radius:var(--radius-sm);z-index:9999;transition:top .2s ease-in-out}.skip-link:focus{top:1rem;outline:3px solid #fff;box-shadow:0 0 0 5px var(--accent-color)}.site-header{background-color:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;padding:1rem 0}.header-inner{display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--heading-color);text-decoration:none;letter-spacing:-.02em}.site-header nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}.site-header nav a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.site-header nav a:hover,.site-header nav a:focus{color:var(--accent-color);outline:none}.lang-switch{display:flex;gap:.25rem;background:var(--bg-color);padding:.25rem;border-radius:var(--radius-sm)}.lang-switch a{padding:.25rem .5rem;font-size:.8rem;border-radius:4px;color:var(--text-muted);text-decoration:none;font-weight:600;text-transform:uppercase}.lang-switch a:hover{color:var(--accent-color)}.lang-switch a.active{background:var(--card-bg);color:var(--accent-color);box-shadow:0 2px 4px #0000000d}main{padding-top:3rem;padding-bottom:5rem;min-height:calc(100vh - 160px)}h1,h2,h3{font-family:var(--font-heading);color:var(--heading-color);line-height:1.3;margin-bottom:1rem}h1{font-size:2.5rem;letter-spacing:-.03em}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent-color);text-decoration:underline;text-decoration-color:#0d7a7a4d;text-underline-offset:4px;transition:all .2s ease}a:hover,a:focus{color:var(--accent-hover);text-decoration-color:var(--accent-hover);outline:2px dashed var(--accent-color);outline-offset:4px}.lead{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.meta{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.hero-section{background:linear-gradient(135deg,#e3f0f2,#fff);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;margin-bottom:3rem;box-shadow:var(--shadow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover,.btn:focus{background-color:var(--accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card h3{margin-bottom:.75rem;font-size:1.35rem}.card h3 a{color:var(--heading-color);text-decoration:none}.card h3 a:hover{color:var(--accent-color)}.read-more{margin-top:auto;padding-top:1.25rem;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;color:var(--accent-color)}.read-more:after{content:"→";margin-left:.4rem;transition:transform .2s}.read-more:hover:after{transform:translate(4px)}.post-list{list-style:none;margin-bottom:2rem}.post-list li{padding:1rem 0;border-bottom:1px solid var(--border-color)}.post-list li:last-child{border-bottom:none}.post-list a{font-family:var(--font-heading);font-size:1.25rem;color:var(--heading-color);text-decoration:none;display:block}.post-list a:hover{color:var(--accent-color)}.prose{max-width:100%;background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.prose p{margin-bottom:1.5rem;font-size:1.05rem;color:var(--text-main)}.prose h2{margin-top:2.5rem;margin-bottom:1.25rem;border-bottom:2px solid var(--bg-color);padding-bottom:.5rem}.prose img.hero{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:2rem;object-fit:cover;aspect-ratio:16 / 9}.prose code{background:var(--bg-color);color:var(--accent-hover);padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.prose pre{background:#111a1f;color:#e2e8f0;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem}.prose pre code{background:transparent;color:inherit;padding:0}.prose blockquote{margin:2rem 0;padding:1.5rem;background:var(--bg-color);border-left:4px solid var(--accent-color);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-muted)}.breadcrumb{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-color);text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.tag{background:#e1eff2;color:var(--accent-hover);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.tag:hover{background:var(--accent-color);color:#fff;text-decoration:none}.site-footer{background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:3rem 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.site-footer nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.site-footer nav a{color:var(--text-muted);text-decoration:none;font-size:.95rem}.site-footer nav a:hover{color:var(--accent-color)}@media(max-width:560px){.header-inner{flex-direction:column;gap:1rem}.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}h1{font-size:2rem}h2{font-size:1.6rem}.hero-section{padding:2rem 1.5rem}.prose{padding:1.5rem}.grid{grid-template-columns:1fr}}