:root{--bg-color: #f6f4ec;--text-main: #23272a;--text-muted: #5c626b;--accent-red: #d13030;--accent-blue: #226b9c;--accent-gold: #e6a324;--board-border: #ded8c4;--card-bg: #ffffff;--font-heading: "Zilla Slab", "Roboto Slab", "Georgia", serif;--font-body: "Atkinson Hyperlegible", "Inter", system-ui, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--shadow-card: 4px 4px 0px var(--text-main);--shadow-card-hover: 6px 6px 0px var(--text-main);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--board-border) 1px,transparent 1px);background-size:24px 24px}.container{width:100%;max-width:780px;margin:0 auto;padding:0 var(--space-sm)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-red);color:#fff;padding:var(--space-xs) var(--space-sm);z-index:100;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-decoration:none;font-weight:700;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid var(--text-main)}.site-header{background-color:var(--bg-color);border-bottom:2px solid var(--text-main);position:sticky;top:0;z-index:50;box-shadow:0 4px 0 -2px var(--board-border)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.brand{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-main);text-decoration:none;letter-spacing:-.02em;display:inline-block;text-transform:uppercase}.brand:focus-visible{outline:2px dashed var(--accent-red);outline-offset:4px}.site-header nav ul{display:flex;gap:var(--space-sm);list-style:none}.site-header nav a{text-decoration:none;color:var(--text-main);font-weight:600;padding:.25rem .5rem;border:2px solid transparent;transition:all .2s ease}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--text-main);background-color:var(--accent-gold);border-radius:var(--radius-sm);color:var(--text-main);outline:none}.lang-switch{display:flex;gap:.25rem;align-items:center;margin-left:var(--space-sm);border-left:2px solid var(--board-border);padding-left:var(--space-sm)}.lang-switch a{text-decoration:none;font-size:.875rem;font-weight:700;color:var(--text-muted);padding:.15rem .4rem;border-radius:var(--radius-sm);transition:all .2s}.lang-switch a:hover{color:var(--text-main);background:var(--board-border)}.lang-switch a.active{background:var(--text-main);color:#fff}main{padding:var(--space-md) 0 var(--space-lg) 0;min-height:70vh}h1,h2,h3{font-family:var(--font-heading);color:var(--text-main);line-height:1.2;margin-bottom:var(--space-sm)}h1{font-size:2.75rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}a{color:var(--accent-red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}a:hover,a:focus-visible{color:var(--accent-blue);text-decoration-color:var(--accent-blue);outline:2px dashed var(--accent-blue);outline-offset:2px}.lead{font-size:1.25rem;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:500}.meta{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-sm);display:block}.hero-section{background-color:var(--card-bg);border:3px solid var(--text-main);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card);position:relative}.hero-section:after{content:"";position:absolute;top:-10px;right:-10px;width:40px;height:40px;background-color:var(--accent-gold);border:3px solid var(--text-main);border-radius:50%;z-index:-1}.btn{display:inline-block;background-color:var(--accent-red);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1.125rem;text-decoration:none;padding:.6rem 1.25rem;border:2px solid var(--text-main);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--text-main);transition:transform .1s,box-shadow .1s;cursor:pointer}.btn:hover,.btn:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-main);color:#fff;outline:none}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--text-main)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.card{background-color:var(--card-bg);border:2px solid var(--text-main);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:2px 2px 0 var(--text-main)}.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.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:after{content:"";position:absolute;inset:0}.card h3 a:hover,.card h3 a:focus-visible{color:var(--accent-blue);outline:none}.read-more{margin-top:auto;font-weight:700;color:var(--accent-red);text-decoration:none;display:inline-flex;align-items:center;font-size:.875rem;text-transform:uppercase}.read-more:after{content:"→";margin-left:.25rem;transition:transform .2s}.card:hover .read-more:after{transform:translate(4px)}.post-list{list-style:none;margin-bottom:var(--space-lg)}.post-list li{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px dashed var(--board-border)}.post-list a{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);text-decoration:none;font-weight:700;display:block;margin-bottom:.25rem}.post-list a:hover,.post-list a:focus-visible{color:var(--accent-red);text-decoration:underline;text-decoration-thickness:3px}.prose{background-color:var(--card-bg);border:2px solid var(--text-main);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);font-size:1.125rem}.prose p{margin-bottom:1.5em}.prose h2{margin-top:2em;margin-bottom:.75em;border-bottom:2px solid var(--accent-gold);padding-bottom:.2em;display:inline-block}.prose img.hero{width:100%;height:auto;border:2px solid var(--text-main);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background-color:var(--board-border)}.prose code{font-family:var(--font-mono);background-color:#f0ede1;color:var(--accent-blue);padding:.15em .3em;border-radius:3px;font-size:.9em;border:1px solid var(--board-border)}.prose pre{background-color:var(--text-main);color:#f6f4ec;padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5em;box-shadow:inset 0 0 10px #00000080;border:2px solid var(--board-border)}.prose pre code{background-color:transparent;color:inherit;padding:0;border:none;font-size:.875rem}.prose blockquote{margin:0 0 1.5em;padding:1rem 1.5rem;background-color:#f0ede1;border-left:6px solid var(--accent-gold);border-right:2px solid var(--text-main);border-top:2px solid var(--text-main);border-bottom:2px solid var(--text-main);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;font-family:var(--font-heading);font-size:1.25rem;color:var(--text-main)}.breadcrumb{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-md);display:flex;gap:.5rem}.breadcrumb a{color:var(--accent-blue);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-sm);margin-bottom:var(--space-md);list-style:none}.tag{background-color:var(--accent-gold);color:var(--text-main);font-size:.75rem;font-weight:800;text-transform:uppercase;padding:.25rem .75rem;border:2px solid var(--text-main);border-radius:20px;text-decoration:none;box-shadow:1px 1px 0 var(--text-main);transition:all .2s}.tag:hover,.tag:focus-visible{background-color:var(--text-main);color:var(--accent-gold);box-shadow:none;transform:translate(1px,1px)}.site-footer{border-top:3px solid var(--text-main);background-color:var(--text-main);color:#f6f4ec;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{display:flex;gap:var(--space-md);list-style:none;justify-content:center;flex-wrap:wrap}.site-footer nav a{color:var(--accent-gold);text-decoration:none;font-weight:600}.site-footer nav a:hover,.site-footer nav a:focus-visible{color:#fff;text-decoration:underline;outline-color:var(--accent-gold)}@media(max-width:560px){:root{--space-md: 1.5rem;--space-lg: 2.5rem}.header-inner{flex-direction:column;gap:var(--space-sm)}.site-header nav ul{flex-wrap:wrap;justify-content:center}.lang-switch{border-left:none;border-top:2px dashed var(--board-border);margin-left:0;padding-left:0;padding-top:var(--space-xs);width:100%;justify-content:center}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.prose{padding:var(--space-sm);border-left:none;border-right:none;border-radius:0}.hero-section{padding:var(--space-sm)}}