:root{--bg: #F5F3ED;--bg-surface: #FFFFFF;--text-main: #1A1A1A;--text-muted: #6B665D;--accent: #DF4A31;--accent-hover: #BB3923;--border-color: #DCD8CF;--font-heading: "Georgia", "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg);color:var(--text-main);line-height:1.6;font-size:100%}body{display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:780px;margin:0 auto;padding:0 1.5rem}.skip-link{position:absolute;top:-100%;left:1.5rem;background:var(--accent);color:#fff;padding:var(--space-xs) var(--space-sm);text-decoration:none;font-weight:700;border-radius:var(--radius-sm);z-index:100;transition:top .2s ease}.skip-link:focus{top:1rem;outline:3px solid var(--text-main)}.site-header{background-color:var(--bg);border-bottom:2px solid var(--text-main);padding:var(--space-sm) 0;position:sticky;top:0;z-index:50}.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(--text-main);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.brand:before{content:"";display:inline-block;width:1.25rem;height:1.25rem;border-radius:50%;background:radial-gradient(circle,var(--bg) 20%,var(--text-main) 25%,var(--text-main) 100%);border:2px solid var(--text-main)}.site-header nav ul{list-style:none;display:flex;gap:var(--space-md);align-items:center}.site-header nav a{color:var(--text-main);text-decoration:none;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.site-header nav a:hover,.site-header nav a:focus{color:var(--accent);outline:none}.site-header nav a:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.lang-switch{display:flex;gap:.25rem}.lang-switch a{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;text-decoration:none;color:var(--text-muted);font-weight:700}.lang-switch a:hover{border-color:var(--text-main);color:var(--text-main)}.lang-switch a.active{background-color:var(--text-main);color:var(--bg);border-color:var(--text-main)}main{flex:1;padding:var(--space-lg) 0}h1,h2,h3{font-family:var(--font-heading);font-weight:700;color:var(--text-main);line-height:1.2;margin-bottom:var(--space-sm)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}a:hover,a:focus{color:var(--accent-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.lead{font-size:1.25rem;color:var(--text-muted);font-family:var(--font-heading);font-style:italic;margin-bottom:var(--space-md)}.meta{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block;margin-bottom:var(--space-xs)}.hero-section{background:var(--bg-surface);border:2px solid var(--text-main);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center;margin-bottom:var(--space-lg);box-shadow:6px 6px 0 var(--text-main);position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;border:15px solid var(--accent);opacity:.1;pointer-events:none}.btn{display:inline-block;background-color:var(--accent);color:#fff;padding:.75rem 1.5rem;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:2px solid transparent;transition:all .2s ease}.btn:hover,.btn:focus{background-color:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #df4a314d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.card{background:var(--bg-surface);border:2px solid var(--text-main);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:4px 4px 0 var(--text-main)}.card:hover,.card:focus-within{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-main)}.card h3{margin-top:0;margin-bottom:var(--space-xs);font-size:1.35rem}.card h3 a{color:var(--text-main);text-decoration:none}.card h3 a:hover,.card h3 a:focus{color:var(--accent)}.card h3 a:after{content:"";position:absolute;inset:0}.read-more{margin-top:auto;padding-top:var(--space-sm);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center}.read-more:after{content:"→";margin-left:5px;transition:margin-left .2s ease}.card:hover .read-more:after{margin-left:10px}.post-list{list-style:none;border-top:2px solid var(--text-main);margin-bottom:var(--space-lg)}.post-list li{border-bottom:2px solid var(--text-main)}.post-list a{display:flex;flex-direction:column;padding:var(--space-md) 0;text-decoration:none;color:var(--text-main);transition:background-color .2s ease}.post-list a:hover,.post-list a:focus{background-color:var(--bg-surface);padding-left:var(--space-sm);padding-right:var(--space-sm)}.post-list a .meta{margin-bottom:.25rem}.post-list a h3{margin-bottom:0;transition:color .2s}.post-list a:hover h3,.post-list a:focus h3{color:var(--accent)}.prose{max-width:680px;margin:0 auto}.prose p{margin-bottom:1.5rem;font-size:1.125rem;color:var(--text-main)}.prose h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--text-main)}.prose img.hero{width:100%;height:auto;border-radius:var(--radius-md);border:2px solid var(--text-main);box-shadow:4px 4px 0 var(--text-main);margin-bottom:var(--space-md);display:block}.prose code{background:var(--bg-surface);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--accent);border:1px solid var(--border-color)}.prose pre{background:var(--text-main);color:var(--bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem;box-shadow:4px 4px 0 var(--accent)}.prose pre code{background:transparent;padding:0;border:none;color:inherit;font-size:.95rem}.prose blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--accent);background:var(--bg-surface);font-family:var(--font-heading);font-size:1.25rem;font-style:italic;color:var(--text-muted)}.breadcrumb{display:flex;gap:.5rem;font-size:.85rem;margin-bottom:var(--space-sm);color:var(--text-muted)}.breadcrumb a{color:var(--text-main);text-decoration:none;font-weight:600}.breadcrumb a:hover{text-decoration:underline;color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:var(--space-md) 0}.tag{background:var(--bg-surface);border:1px solid var(--text-main);color:var(--text-main);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;text-decoration:none;transition:all .2s ease}.tag:hover,.tag:focus{background:var(--text-main);color:var(--bg)}.site-footer{border-top:2px solid var(--text-main);background-color:var(--bg);padding:var(--space-md) 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.site-footer nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.site-footer nav a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.site-footer nav a:hover,.site-footer nav a:focus{color:var(--accent)}@media(max-width:560px){:root{--space-lg: 2.5rem}.header-inner{flex-direction:column;gap:var(--space-sm)}.site-header nav ul{gap:var(--space-sm);flex-wrap:wrap;justify-content:center}h1{font-size:2rem}h2{font-size:1.5rem}.grid{grid-template-columns:1fr}.hero-section{padding:var(--space-md) var(--space-sm)}.prose p{font-size:1rem}.footer-inner{font-size:.9rem}}