/* BLOG v1 (Oct 25 2026): blog index + posts. Titles Luckiest Guy (via styles.css), body Fredoka Bold. */
.post-hero{background:var(--midnight);color:var(--cream);padding:2.6rem 0 2rem}
.post-wrap{max-width:740px}
.post-hero h1{font-family:var(--display);font-weight:400;color:var(--gold);text-shadow:var(--edge-dark);font-size:clamp(2rem,7vw,3.1rem);line-height:1.1;margin:.2rem 0 .8rem;text-align:left;letter-spacing:.015em}
.post-hero .eyebrow{color:var(--avocado)}
.crumbs{font-family:var(--round);font-weight:700;font-size:.9rem;margin:0 0 1rem;color:#9ea2ad}
.crumbs a{color:var(--glow)}
.post-meta{font-family:var(--round);font-weight:700;font-size:.95rem;color:#9ea2ad;margin:0}
.post-section{padding:2.4rem 0 3.5rem}
.post-body{font-family:var(--round);font-weight:700;font-size:1.08rem;line-height:1.7;color:var(--midnight)}
.post-body p,.post-body ul,.post-body ol{margin:0 0 1.15rem}
.post-body ul,.post-body ol{padding-left:1.4rem}
.post-body li{margin:0 0 .5rem}
.post-body strong{color:#000}
.post-body h2{margin:2.2rem 0 .9rem;font-size:clamp(1.6rem,5vw,2.2rem)}
.post-body a,.post-card h2 a{color:#6b4a14;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.post-body a:hover,.post-card h2 a:hover{color:#000}
.post-body a:focus-visible,.post-card a:focus-visible,.crumbs a:focus-visible{outline:3px solid var(--midnight);outline-offset:2px;border-radius:4px}
.post-answer{font-size:1.18rem;background:#fff;border-left:6px solid var(--gold);border-radius:12px;padding:1rem 1.2rem}
.post-note{font-size:.95rem;color:#3b3f4a;border-top:2px solid rgba(195,160,109,.5);padding-top:1rem}
.post-list{list-style:none;margin:0;padding:0}
.post-card{background:#fff;border:2px solid rgba(195,160,109,.5);border-radius:var(--radius);padding:1.4rem 1.4rem 1.6rem;font-family:var(--round);font-weight:700}
.post-card h2{font-size:clamp(1.4rem,4.6vw,1.9rem);margin:0 0 .4rem}
.post-card h2 a{color:var(--midnight);text-decoration:none}
.post-card p{margin:.4rem 0 1rem}
.post-card .post-meta{color:#5b5f6a}
.post-hero .wrap,.post-hero .wrap.post-wrap{display:block;padding:0}
@media(min-width:900px){.post-hero .wrap,.post-hero .wrap.post-wrap{grid-template-columns:none;padding:0}.post-hero{padding:3.4rem 0 2.6rem}}
.post-hero .crumbs{margin-bottom:1.2rem}
.post-hero .eyebrow{margin-bottom:.3rem}