:root{--bg-color:#f0ead6;--text-color:#000;--heading-font:"Merriweather", serif;--body-font:"Roboto", sans-serif;--font-size-base:18px;--font-size-headline:36px;--line-height-heading:1.1;--line-height-body:1.5;--max-width-body:74ch;--link-color:#06c;--link-hover-color:#995e00}*{box-sizing:border-box}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-color);font-family:var(--body-font);font-size:var(--font-size-base);line-height:var(--line-height-body);margin:0;padding:0}header{text-align:center;border-bottom:1px solid #eee;padding:4rem 1rem;overflow:hidden}.header-img{max-width:600px;height:auto;margin:0 auto;display:block;position:relative}h1{font-family:var(--heading-font);font-size:3rem;line-height:var(--line-height-heading);margin-bottom:1rem}h2{font-family:var(--heading-font);margin-top:2rem;margin-bottom:1.2rem;font-size:2rem}h3{font-family:var(--heading-font);margin-top:1.8rem;margin-bottom:1.2rem;font-size:1.5rem}.section,main section{max-width:var(--max-width-body);margin:0 auto;padding:0 1.5rem;overflow:hidden}.text-content{margin-bottom:1.2rem}p{margin-bottom:1.8rem}strong{font-weight:700}a{color:var(--link-color);text-underline-offset:3px;text-decoration:underline}a:hover{color:var(--link-hover-color);text-decoration:none}.callout{background-color:#f9f9f9;border-left:4px solid #333;margin:1rem 0;padding:1rem 0}img{border-radius:4px;max-width:100%;height:auto;margin-bottom:1rem;display:block}div[style*="text-align: center"]>p{text-align:center}div[style*="text-align: center"]>p>img{margin:1rem auto;display:inline-block}.float-right{float:right;width:50%;max-width:50%;margin-bottom:1rem;margin-left:1rem}.page-title{font-family:var(--heading-font);text-align:center;margin-top:2rem;margin-bottom:2rem;font-size:2.5rem}.post-title{font-family:var(--heading-font);text-align:center;margin-top:2rem;margin-bottom:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:3rem;display:grid}.card{color:inherit;background-color:#fff8ef;border:1px solid #e0d5c1;border-radius:8px;padding:1.5rem;text-decoration:none;transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-title{font-family:var(--heading-font);margin-top:0;margin-bottom:.5rem;font-size:1.3rem;line-height:1.3}.card-date{color:#8a7d6b;margin-bottom:.75rem;font-size:.9rem}.card-description{color:#4a4032;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.card-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.card-tag{color:#6b5d4a;background-color:#eae0cf;border-radius:12px;padding:.2rem .6rem;font-size:.8rem}.empty-state{text-align:center;color:#8a7d6b;margin-top:2rem;font-style:italic}.navbar{z-index:100;background-color:#5cb3ff;border-bottom:1px solid #e0d5c1;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex;position:sticky;top:0}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo-img{width:auto;height:40px}.nav-logo-text{font-family:var(--heading-font);color:var(--text-color);margin-left:.6rem;font-size:1.3rem;font-weight:700}.hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.hamburger-icon{width:auto;height:28px}.nav-dropdown{opacity:0;visibility:hidden;background-color:#fff8ef;border:1px solid #e0d5c1;border-radius:4px;flex-direction:column;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;top:100%;right:1.5rem;overflow:hidden;transform:translateY(-8px);box-shadow:0 4px 12px #0000001a}.navbar.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{font-family:var(--body-font);color:var(--text-color);white-space:nowrap;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s}.dropdown-link:hover{background-color:#eae0cf}@media (prefers-color-scheme:dark){.nav-dropdown{background-color:#fff;border-color:#3a3528}.dropdown-link:hover{background-color:#f0ead6}}.tag-filter-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag-filter-pill{font-family:var(--body-font);color:#4a4032;cursor:pointer;background-color:#eae0cf;border:1px solid #d4c9b3;border-radius:16px;padding:.3rem .8rem;font-size:.85rem;transition:background-color .2s,color .2s,border-color .2s}.tag-filter-pill:hover{background-color:#d4c9b3}.tag-filter-pill.active{color:#fff8ef;background-color:#6b5d4a;border-color:#6b5d4a}.card.hidden{display:none}