/* Auggies Kitchen blog (5 Oct 2026). Static pages, not CMS-managed.
   Header/hero/breadcrumb rules mirror the location pages (meal-delivery-*). */
.loc-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px var(--gutter,20px); flex-wrap:wrap; max-width:var(--container,1200px); margin:0 auto; }
.loc-head .brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
.loc-head .brand img { width:44px; height:44px; border-radius:50%; }
.loc-head .brand-word { font-family:var(--display,inherit); font-weight:700; font-size:1.05rem; }
.loc-head .brand-tag { display:block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; opacity:.7; }
.loc-head-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.loc-hero { padding: clamp(32px,6vw,72px) 0 clamp(24px,4vw,48px); }
.loc-hero .container { max-width: 840px; }
.loc-hero h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height:1.05; margin:10px 0 18px; }
.loc-hero .lede { font-size: clamp(1.05rem,2.4vw,1.35rem); line-height:1.55; max-width:60ch; }
.loc-ctas { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.loc-breadcrumb { font-size:.85rem; opacity:.75; }
.loc-breadcrumb a { text-decoration:none; color:inherit; }
.loc-breadcrumb a:hover { text-decoration:underline; }

/* ---- index ---- */
.blog-list-section { padding-block: clamp(40px,7vw,88px); }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:clamp(20px,3vw,32px); }
.blog-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; }
.blog-card-img { display:block; aspect-ratio: 4 / 3; overflow:hidden; background:var(--paper-alt); }
.blog-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s var(--ease); }
.blog-card:hover .blog-card-img img { transform:scale(1.03); }
.blog-card-body { padding:20px 22px 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.blog-card-date { margin:0; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-muted); }
.blog-card h2 { font-size:clamp(1.2rem,2.4vw,1.4rem); line-height:1.2; margin:0; }
.blog-card h2 a:hover { color:var(--fire); }
.blog-card p { margin:0; line-height:1.55; color:var(--ink-muted); }
.blog-card-more { margin-top:auto; padding-top:6px; font-weight:600; color:var(--fire); }
.blog-index-cta { margin-top:clamp(32px,5vw,48px); }

/* ---- post ---- */
.post-wrap { max-width:760px; margin:0 auto; padding-inline:var(--gutter,20px); }
.post-hero { padding: clamp(28px,5vw,64px) 0 clamp(24px,4vw,40px); }
.post-hero h1 { font-size: clamp(1.9rem, 5.2vw, 3rem); line-height:1.08; margin:10px 0 14px; }
.post-byline { margin:0; font-size:.9rem; color:var(--ink-muted); }
.post-body { padding-block: clamp(24px,4vw,40px) clamp(48px,8vw,96px); font-size:1.06rem; }
.post-body p { line-height:1.7; margin:0 0 1.1em; }
.post-body h2 { font-size:clamp(1.45rem,3.4vw,1.95rem); line-height:1.15; margin:1.9em 0 .6em; }
.post-body h3 { font-size:clamp(1.15rem,2.6vw,1.35rem); margin:1.6em 0 .5em; }
.post-body a:not(.btn) { color:var(--fire-deep); text-decoration:underline; text-underline-offset:2px; }
.post-body a:not(.btn):hover { color:var(--fire); }
.post-figure { margin:0 0 28px; border-radius:20px; overflow:hidden; background:var(--paper-alt); }
.post-figure img { width:100%; height:auto; max-height:520px; object-fit:cover; display:block; }
.post-answer { background:var(--lime-soft); border-left:4px solid var(--lime-deep); padding:18px 20px; border-radius:12px; font-size:1.08rem; }
.post-list { margin:0 0 1.2em; padding-left:1.3em; display:grid; gap:.55em; line-height:1.6; }
.post-list-num { padding-left:1.5em; }
.post-table-wrap { overflow-x:auto; margin:0 0 1.4em; -webkit-overflow-scrolling:touch; }
.post-table { width:100%; border-collapse:collapse; font-size:.97rem; background:#fff; border-radius:12px; overflow:hidden; }
.post-table caption { caption-side:bottom; text-align:left; font-size:.82rem; color:var(--ink-muted); padding-top:8px; }
.post-table th, .post-table td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.post-table thead th { background:var(--paper-alt); font-weight:600; }
.post-table tbody th { font-weight:600; white-space:nowrap; }
.post-faq { margin-top:2.4em; }
.post-faq-item { border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin-bottom:10px; background:#fff; }
.post-faq-item summary { cursor:pointer; font-weight:600; line-height:1.4; }
.post-faq-item p { margin:.7em 0 0; }
.post-cta { margin-top:2.4em; background:var(--dark); color:var(--cream); border-radius:20px; padding:clamp(24px,4vw,36px); }
.post-cta h2 { margin:0 0 .4em; color:var(--cream); }
.post-cta p { color:var(--cream-muted); margin:0; }
.post-cta .btn-ghost { color:var(--cream); border-color:rgba(255,244,236,.5); }
.post-more { margin-top:2.4em; }
.post-more h2 { font-size:1.3rem; margin:0 0 .6em; }
.post-more ul { margin:0 0 1em; padding-left:1.2em; display:grid; gap:.5em; line-height:1.5; }
.blog-card h2, .post-body h2, .post-body h3, .post-hero h1, .loc-hero h1 { max-width:none; }