:root{color-scheme:light;--night:#423126;--color-bg:#fcf0e1;--color-surface:#fffaf3;--color-text:#423126;--color-text-muted:#6b5446;--color-primary:#90d7b4;--color-accent:#ea9b90;--border:#423126;--shadow:5px 5px 0 var(--night);--font-display:"Fredoka","Nunito Sans","Segoe UI",sans-serif;--font-body:"Nunito Sans","DejaVu Sans","Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 1.08rem/1.7 var(--font-body)}
a{color:#a8483d}
a:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
header.site{background:var(--color-bg);border-bottom:2px solid var(--border)}
header.site .bar{display:flex;align-items:center;gap:16px;min-height:76px;flex-wrap:wrap}
.logo img{height:56px;width:auto;display:block}
nav.main{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
nav.main a{text-decoration:none;font-weight:700;color:var(--color-text);min-height:44px;display:inline-flex;align-items:center}
nav.main a:hover{color:#a8483d}
main.post{max-width:720px;margin:0 auto;padding:32px 16px 56px}
.crumbs{font-size:.9rem;color:var(--color-text-muted);margin:0 0 12px}
.crumbs a{color:var(--color-text-muted)}
h1,h2,h3{font-family:var(--font-display);line-height:1.2;font-weight:700}
h1{font-size:clamp(1.9rem,4.5vw,2.6rem);margin:0 0 12px}
h2{font-size:1.5rem;margin:40px 0 8px}
h3{font-size:1.15rem;margin:24px 0 4px}
.meta{color:var(--color-text-muted);font-size:.95rem;margin:0 0 24px}
figure{margin:24px 0;border:2px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--color-surface)}
figure img{display:block;width:100%;height:auto}
figcaption{padding:10px 16px;font-size:.92rem;color:var(--color-text-muted)}
table{width:100%;border-collapse:collapse;margin:16px 0;background:var(--color-surface);border:2px solid var(--border);font-size:.98rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #d9c6b0;vertical-align:top}
th{background:#fddebb;font-family:var(--font-display);font-weight:600}
.cta{margin:40px 0 8px;padding:20px 24px;border:2px solid var(--border);border-radius:18px;background:var(--color-primary);box-shadow:var(--shadow)}
.cta p{margin:0 0 12px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:2px solid var(--border);border-radius:999px;background:var(--color-accent);color:var(--color-text);font:700 1rem var(--font-body);text-decoration:none;box-shadow:3px 3px 0 var(--night)}
.posts{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}
.posts li{border:2px solid var(--border);border-radius:18px;background:var(--color-surface);padding:16px 20px;box-shadow:var(--shadow)}
.posts h2{margin:0 0 4px;font-size:1.25rem}
.posts h2 a{color:var(--color-text);text-decoration:none}
.posts p{margin:0}
footer{border-top:2px solid var(--border);padding:32px 0;font-size:.92rem;color:var(--color-text-muted)}