/* Cookeryonline: Steak doneness, bleu to well done (know-how chart, 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. */
.sd-body{--sd-sage:#c0da99;--sd-sage-l:#e6f0d6}
.sd-hero .sd-hero-fig img{aspect-ratio:320/260;object-fit:contain;background:var(--sd-sage)}
.sd-h2{scroll-margin-top:52px}
.sd-intro{margin:0 0 12px;font-size:1rem;max-width:72ch}
.sd-wrap{background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);overflow-x:auto}
.sd-table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.4}
.sd-table th,.sd-table td{padding:8px 10px;border-bottom:2px solid var(--eo-ink);text-align:left;vertical-align:top}
.sd-table thead th{background:var(--sd-sage);font:600 .78rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.sd-table tbody th{font:800 1.02rem/1.2 "CO Title","Arial Black",sans-serif;white-space:nowrap}
.sd-table tbody tr:last-child>*{border-bottom:0}
.sd-table td b{font-size:1.05rem;white-space:nowrap}
.sd-none{font:italic 400 .85rem/1.2 Georgia,serif;color:#555;white-space:normal}
.sd-dot{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid var(--eo-ink);vertical-align:-2px}
.sd-r1 .sd-dot{background:#7a1830}.sd-r2 .sd-dot{background:#b51e3a}.sd-r3 .sd-dot{background:#d9506a}.sd-r4 .sd-dot{background:#e7a0a6}.sd-r5 .sd-dot{background:#cfb0a4}.sd-r6 .sd-dot{background:#9c7a68}
@media(max-width:760px){
 .sd-wrap{background:none;border:0;box-shadow:none;overflow:visible}
 .sd-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .sd-table,.sd-table tbody,.sd-table tr,.sd-table th,.sd-table td{display:block;width:auto}
 .sd-table tr{margin:0 0 14px;background:#fff;border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-ink)}
 .sd-table tbody th{background:var(--sd-sage-l);border-bottom:2px solid var(--eo-ink)}
 .sd-table td{display:grid;grid-template-columns:8.5em 1fr;gap:8px;border-bottom:1px solid #ccc;padding:6px 10px}
 .sd-table td::before{content:attr(data-l);font:600 .72rem/1.5 var(--eo-label);text-transform:uppercase;letter-spacing:.05em;color:#444}
 .sd-table tr>td:last-child{border-bottom:0}
}
.sd-fine{font-size:.88rem;color:#333;max-width:80ch;margin:10px 0 4px}
.sd-box{background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);padding:12px 14px}
.sd-box p{margin:0;font-size:.98rem;line-height:1.55}
.sd-finger,.sd-method{margin:0 0 6px;padding-left:1.4em;max-width:76ch}
.sd-finger li,.sd-method li{margin:6px 0;font-size:.98rem;line-height:1.5}
.sd-safe{margin:12px 0;padding:10px 14px;background:var(--sd-sage-l);border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-burnt);font-size:.95rem}
.sd-ask{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:start;margin:26px 0;padding:14px 16px;background-color:var(--sd-sage);border:3px solid var(--eo-ink);box-shadow:6px 6px 0 var(--eo-ink)}
.sd-ask-pic img{display:block;width:120px;height:auto}
.sd-ask-kick{margin:0;font:600 .8rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.1em;color:var(--eo-ink)}
.sd-ask h2{margin:2px 0 4px;font:400 clamp(1.5rem,3.6vw,2rem)/1.05 var(--eo-display);letter-spacing:.02em}
.sd-ask h2 a{color:var(--eo-ink);text-decoration:none}
.sd-ask-try{margin:0 0 8px;font-size:.93rem}
.sd-ask .acb{margin:0}
@media(max-width:560px){.sd-ask{grid-template-columns:1fr}.sd-ask-pic img{width:84px}.sd-ask-pic{justify-self:start}}
.sd-src{margin:22px 0 8px;background:#fff;border:2px solid var(--eo-ink);padding:8px 12px}
.sd-src summary{cursor:pointer;font:600 .86rem/1.3 var(--eo-label);text-transform:uppercase;letter-spacing:.08em}
.sd-src ol{margin:8px 0 2px;padding-left:1.4em;font-size:.86rem;line-height:1.45}
.sd-src li{margin:3px 0}