/* Cookeryonline: Tying up meat and poultry (know-how guide, 2 Nov 2026). Loads after recipe.css + eatingout.css + guide.css + askchef-bar.css.
   Pop-art house style: square corners, ink borders, hard shadows; Know How sage (#c0da99) as the section pastel. */
.ty-body{--ty-sage:#c0da99;--ty-sage-l:#e6f0d6}
.ty-hero .ty-hero-fig img{aspect-ratio:320/260;object-fit:contain;background:var(--ty-sage)}
.ty-h2{scroll-margin-top:52px}
.ty-h2 small{display:none}
.ty-h3{margin:22px 0 10px;font:800 1.25rem/1.2 "CO Title","Arial Black",sans-serif}
.ty-intro{margin:0 0 12px;font-size:1rem;max-width:72ch}
.ty-steps{counter-reset:ty;list-style:none;margin:0 0 6px;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ty-steps>li{counter-increment:ty;position:relative;display:flex;flex-direction:column;background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink)}
.ty-steps>li::before{content:counter(ty);position:absolute;left:-3px;top:-3px;z-index:1;width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  font:400 1.35rem/1 var(--eo-display);color:#fff;background:var(--eo-burnt);border:3px solid var(--eo-ink);-webkit-text-stroke:1px var(--eo-ink);paint-order:stroke fill}
.ty-steps figure{margin:0;border-bottom:3px solid var(--eo-ink);background:var(--ty-sage)}
.ty-steps figure img{display:block;width:100%;height:auto;aspect-ratio:320/260}
.ty-steps li>div{padding:10px 12px 12px}
.ty-steps b{display:block;font:800 1.05rem/1.25 "CO Title","Arial Black",sans-serif;margin-bottom:3px}
.ty-steps p{margin:0;font-size:.95rem;line-height:1.5}
.ty-needle,.ty-cont,.ty-remove{margin:18px 0}
.ty-cont{display:grid;gap:8px 18px}
.ty-cont h3{grid-column:1/-1}
.ty-cont figure{margin:0;border:3px solid var(--eo-ink);background:var(--ty-sage);max-width:360px}
.ty-cont figure img{display:block;width:100%;height:auto}
.ty-cont ol{margin:0;padding-left:1.3em}
.ty-cont>p{grid-column:1/-1}
@media(min-width:760px){.ty-cont{grid-template-columns:minmax(240px,340px) 1fr;align-items:start}}
.ty-safe{margin:16px 0;padding:10px 14px;background:var(--ty-sage-l);border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-burnt);font-size:.95rem}
.ty-timing{background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);padding:12px 14px}
.ty-timing p{margin:4px 0;font-size:.97rem}
.ty-timing ul{margin:8px 0;padding-left:1.25em}
.ty-timing li{margin:5px 0;font-size:.95rem}
/* Ask Chef Col box */
.ty-ask{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:start;margin:26px 0;padding:14px 16px;background-color:var(--ty-sage);border:3px solid var(--eo-ink);box-shadow:6px 6px 0 var(--eo-ink)}
.ty-ask-pic img{display:block;width:120px;height:auto}
.ty-ask-kick{margin:0;font:600 .8rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.1em;color:var(--eo-ink)}
.ty-ask h2{margin:2px 0 4px;font:400 clamp(1.5rem,3.6vw,2rem)/1.05 var(--eo-display);letter-spacing:.02em}
.ty-ask h2 a{color:var(--eo-ink);text-decoration:none}
.ty-ask-try{margin:0 0 8px;font-size:.93rem}
.ty-ask .acb{margin:0}
@media(max-width:560px){.ty-ask{grid-template-columns:1fr}.ty-ask-pic img{width:84px}.ty-ask-pic{justify-self:start}}
/* sources */
.ty-src{margin:22px 0 8px;background:#fff;border:2px solid var(--eo-ink);padding:8px 12px}
.ty-src summary{cursor:pointer;font:600 .86rem/1.3 var(--eo-label);text-transform:uppercase;letter-spacing:.08em}
.ty-src ol{margin:8px 0 2px;padding-left:1.4em;font-size:.86rem;line-height:1.45}
.ty-src li{margin:3px 0}