/* The Meat Blog: index, category and animal pages, and the article layout. Cards and the ticker live in site.css. */
.bl-links{margin:14px 0 0;font:600 .9rem/1 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.bl-links a.rss{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brass-lt)}
.bl-search{margin-top:20px}
.bchip{gap:8px}
.bchip img{width:26px;height:26px;border-radius:50%}
.fchip .n{font:700 .8rem/1 var(--cond);letter-spacing:.06em;color:#7a5a3a;margin-left:2px}
.cream a.fchip[aria-current="true"],a.fchip[aria-current="true"]{color:#fff3df;border-color:#4d2208;background:linear-gradient(180deg,#aa581c 0%,#8b4515 55%,#6e340d 100%);text-shadow:0 1px 0 rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,222,170,.5),0 2px 0 #34170a}
.cream a.fchip[aria-current="true"] .n{color:#f0d6ad}

/* ---------- article ---------- */
.post-top{padding-top:22px;padding-bottom:30px}
.post-top h1{margin-top:2px;font-size:clamp(1.65rem,6.2vw,2.6rem);max-width:24ch;text-wrap:balance}
.post-top .eyebrow a{color:var(--brass-lt);text-decoration:none;border-bottom:1px solid rgba(220,192,138,.4)}
.pmeta{margin:12px 0 0;font:600 .92rem/1.4 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#4b2007}
.pchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pchips a{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border:1px solid #8a6a34;border-radius:999px;color:var(--brass-lt);font:600 .92rem/1 var(--body);text-decoration:none;background:rgba(255,255,255,.04)}
.pchips a:hover{background:rgba(184,146,74,.18)}
.post-hero-img{margin:22px 0 0}
.post-hero-img img{width:100%;height:auto;border-radius:8px;border:1px solid #6b5026;box-shadow:0 14px 36px rgba(0,0,0,.5)}
@media (min-width:768px){.post-hero-img img{max-height:none}}

.post-wrap{padding-top:26px}
.post-layout{display:grid;gap:18px}
.post-side{min-width:0}
.toc-d{border:1px solid #cdb98f;border-radius:6px;background:rgba(255,255,255,.55)}
.toc-d summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:6px 16px;font:700 1rem/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#4b2007}
.toc-d summary::-webkit-details-marker{display:none}
.toc-d summary::after{content:"+";font-size:1.4rem;line-height:1}
.toc-d[open] summary::after{content:"\2212"}
.toc-d ol{list-style:none;margin:0;padding:2px 16px 12px;counter-reset:t}
.toc-d li{counter-increment:t;border-top:1px solid #e0d2b2}
.toc-d li a{display:flex;gap:10px;align-items:baseline;padding:9px 0;color:#2a160a;text-decoration:none;font-size:.97rem;line-height:1.3}
.toc-d li a::before{content:counter(t);font:700 .85rem/1 var(--cond);color:#8a3b12;min-width:1.3em}
.toc-d li a:hover{color:#7a3708;text-decoration:underline}
@media (min-width:960px){
  .post-layout{grid-template-columns:minmax(0,740px) 270px;justify-content:center;gap:48px;align-items:start}
  .post-side{order:2;position:sticky;top:18px}
  .toc-d summary{pointer-events:none}.toc-d summary::after{content:none}
}

.post-body{font-size:1.1rem;line-height:1.72;color:#22150c;min-width:0}
.post-body>*:first-child{margin-top:0}
.post-body h2{margin:2.1em 0 .55em;font-size:clamp(1.5rem,5vw,2rem);scroll-margin-top:16px}
.post-body h3{margin:1.7em 0 .4em;font-size:1.22rem;scroll-margin-top:16px}
.post-body p,.post-body li{overflow-wrap:break-word}
.post-body p{margin:0 0 1.05em}
.post-body ul,.post-body ol{margin:0 0 1.2em;padding-left:1.3em}
.post-body li{margin:.4em 0;padding-left:.2em}
.post-body li::marker{color:var(--copper);font-weight:700}
.post-body strong{color:#1a0e07}
.post-body p a,.post-body li a,.post-body td a{display:inline;padding:0;color:#7a2f0a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post-body a[data-auto="cut"],.post-body a[data-auto="term"],.post-body a[data-auto="site"]{text-decoration-style:dotted;text-decoration-thickness:2px}
.post-body a:hover{color:#4b2007;text-decoration-style:solid}
.post-body .cite a{text-decoration:none;font:700 .72em/1 var(--cond);padding:0 1px}
.shortans{border:1px solid #cdb98f;border-left:5px solid var(--copper);background:rgba(181,96,31,.08);border-radius:5px;padding:16px 18px;margin:0 0 1.5em;font-size:1.14rem;line-height:1.6}
.shortans strong:first-child{display:block;font:700 .9rem/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#7a3708;margin-bottom:6px}
.post-fig{margin:1.6em 0}
.post-fig img{width:100%;height:auto;border-radius:8px;border:1px solid #cdb98f;box-shadow:0 10px 26px rgba(70,40,15,.22)}
.post-body .tw{margin:1.3em 0}
.post-body table{font-size:.97rem;line-height:1.45}
.post-body th,.post-body td{padding:10px 12px}
.post-body td:first-child{font-weight:600}
.post-body ol.sources{font-size:.93rem;line-height:1.5;padding-left:1.5em}
.post-body ol.sources li{margin:.35em 0}
.post-body ol.sources a{overflow-wrap:anywhere}
.post-end{margin-top:2.2em;padding-top:14px;border-top:1px solid #cdb98f;font:600 .95rem/1.5 var(--cond);letter-spacing:.1em;text-transform:uppercase}
@media (min-width:768px){.post-body{font-size:1.14rem}.shortans{font-size:1.2rem}}
@media print{.post-side,.pchips{display:none}}

/* index filters: a folded row on phones so search results sit right under the box; open on wide screens */
.bl-f{margin:0 0 12px}
.bl-f>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:6px 16px;border:1px solid #b9a37a;border-radius:999px;background:linear-gradient(180deg,#fffdf6,#f3e8cf);cursor:pointer;list-style:none;font:700 .95rem/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#4b2007}
.bl-f>summary::-webkit-details-marker{display:none}
.bl-f>summary::after{content:"+";font-size:1.4rem;line-height:1}
.bl-f[open]>summary::after{content:"\2212"}
.bl-f[open]>summary{margin-bottom:12px}
@media (min-width:800px){.bl-f>summary{display:none}}

.temp-note{border-left:4px solid #5b8f27;background:rgba(91,143,39,.09);border-radius:4px;padding:10px 14px;font-size:.96em}
.recipe-src,.img-credit{font-size:.84rem;line-height:1.5;color:#6b5238}
.img-credit{margin:-.9em 0 1.2em}
.recipe-fig{margin-bottom:.5em}