/* Cookeryonline Cook Books guide (/Cookbook/books/), PREVIEW 1 Nov 2026. bk-* only; same pop-art language as fish-guide.css / pots-pans.css
   (square corners, hard ink shadows, halftone fills). Covers: real cover images held in /Cookbook/books/covers/ (not hot-linked; sources in sources.json);
   a CSS word tile only for a book with no cover image. */
.bk-h2{scroll-margin-top:56px;margin-top:26px}
.bk-intro{margin:6px 0 10px;font-size:1rem;line-height:1.6;max-width:72ch}
.bk-fine{font-size:11px;color:#333;margin:6px 0 0}
.bk-preview{background:#fff3cd;border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-ink);padding:8px 12px;margin:12px 0;font:600 .95rem/1.45 var(--eo-sans)}
/* word-tile covers */
.bk-cover{--c:#ffd400;position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:2/3;width:100%;min-width:0;box-sizing:border-box;
  padding:10% 8% 9% 14%;background-color:var(--c);background-image:radial-gradient(rgba(22,20,31,.16) 1.2px,transparent 1.5px);background-size:8px 8px;
  border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-ink);color:var(--eo-ink);overflow:hidden}
.bk-cover::before{content:"";position:absolute;left:7%;top:0;bottom:0;width:4px;background:rgba(22,20,31,.55)}
.bk-cover-t{display:block;font:900 .8rem/1.08 var(--eo-sans);text-transform:uppercase;letter-spacing:0;
  overflow-wrap:break-word;word-break:normal;hyphens:manual;-webkit-line-clamp:6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.bk-cover-a{display:block;align-self:flex-end;background:#fff;border:2px solid var(--eo-ink);padding:2px 5px;font:700 .62rem/1.2 var(--eo-sans);text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}
.bk-c-yellow{--c:#ffd400}.bk-c-blue{--c:#4cc3ff}.bk-c-pink{--c:#ff7aa2}.bk-c-coral{--c:#ff8a5c}.bk-c-green{--c:#7ee081}.bk-c-purple{--c:#c3a6ff}
.bk-c-ink{--c:#16141f;color:#fff}.bk-c-ink .bk-cover-a{color:var(--eo-ink)}.bk-c-ink::before{background:rgba(255,255,255,.5)}
.bk-c-ink{background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.5px)}
/* book cards */
.bk-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))}
.bk-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);padding:14px;scroll-margin-top:60px;min-width:0}
.bk-card:target{outline:4px solid var(--eo-pink);outline-offset:2px}
.bk-card h3{margin:0 0 2px;font:800 1.08rem/1.25 var(--eo-sans);overflow-wrap:anywhere}
.bk-by{margin:0 0 6px;font-size:.88rem;color:var(--eo-muted)}
.bk-review{margin:0 0 8px;font-size:.95rem;line-height:1.55}
.bk-award{display:inline-block;margin:0 0 8px;background:#ffd400;border:2px solid var(--eo-ink);padding:2px 7px;font:700 .74rem/1.35 var(--eo-sans)}
.bk-old{display:inline-block;margin:0 0 8px 0;background:#fff;border:2px dashed var(--eo-ink);padding:2px 7px;font:600 .72rem/1.35 var(--eo-sans)}
.bk-buy{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:2px 0 0}
.bk-amz{display:inline-block;background:var(--eo-ink);color:#fff!important;text-decoration:none;border:2px solid var(--eo-ink);box-shadow:3px 3px 0 var(--eo-pink);padding:5px 11px;font:800 .8rem/1.2 var(--eo-sans)}
.bk-amz:hover,.bk-amz:focus{background:#fff;color:var(--eo-ink)!important}
.bk-us{font-size:.78rem}
.bk-amz-us .bk-us{display:none}
.bk-amz .bk-l-us{display:none}.bk-amz-us .bk-amz .bk-l-us{display:inline}.bk-amz-us .bk-amz .bk-l-uk{display:none}
/* jump chips */
.bk-jump{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 4px;padding:0}
.bk-jump a{display:inline-block;background:#fff;border:2px solid var(--eo-ink);padding:3px 8px;font:600 .78rem/1.3 var(--eo-sans);color:var(--eo-ink);text-decoration:none;box-shadow:2px 2px 0 var(--eo-ink)}
.bk-jump a:hover{background:#ffd400}
/* hub: category cards and hero mosaic */
.bk-cats{list-style:none;margin:12px 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.bk-cats>li{display:flex;background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);transition:transform .12s,box-shadow .12s;min-width:0}
.bk-cats>li:hover,.bk-cats>li:focus-within{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--eo-ink)}
.bk-cats a{display:flex;flex-direction:column;flex:1;color:var(--eo-ink);text-decoration:none;min-width:0}
.bk-cat-pic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-bottom:3px solid var(--eo-ink);
  background:#fff;background-image:radial-gradient(rgba(10,123,214,.16) 1.3px,transparent 1.6px);background-size:9px 9px}
.bk-cat-pic .bk-cover{box-shadow:2px 2px 0 var(--eo-ink);border-width:2px;padding:9% 7%}
.bk-cat-pic .bk-cover-t{-webkit-line-clamp:5}.bk-cat-pic .bk-cover-a{font-size:.42rem;padding:1px 3px;border-width:1px}
.bk-cat-body{padding:10px 12px 12px}.bk-cat-body b{display:block;font:800 1.05rem/1.25 var(--eo-sans)}.bk-cat-body small{display:block;margin-top:3px;font-size:.84rem;color:var(--eo-muted)}
.bk-hero{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:3px solid var(--eo-ink);box-shadow:6px 6px 0 var(--eo-ink);
  background-color:var(--eo-coral,#ff8a5c);background-image:var(--eo-tile,none);background-size:200px 200px}
.bk-hero .bk-cover:nth-child(odd){transform:rotate(-3deg)}.bk-hero .bk-cover:nth-child(even){transform:rotate(2deg)}
.bk-hero .bk-cover-a{font-size:.5rem}
.bk-how{background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-blue,#0a7bd6);padding:12px 16px;margin:16px 0}
.bk-how h2{margin:0 0 6px;font:800 1.1rem/1.3 var(--eo-sans)}.bk-how p,.bk-how li{font-size:.93rem;line-height:1.55}
@media (max-width:620px){
  .bk-card{grid-template-columns:84px minmax(0,1fr);gap:11px;padding:11px}
  .bk-cover-a{font-size:.5rem}
  .bk-hero{gap:7px;padding:10px}
}
.bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* title size by longest word, so words never break mid-word (card cover ~112px; phone 84px) */
.bk-w7 .bk-cover-t{font-size:.7rem}.bk-w9 .bk-cover-t{font-size:.6rem}.bk-w11 .bk-cover-t{font-size:.5rem}
.bk-hero{max-width:430px;justify-self:center}
.bk-hero .bk-cover-t{font-size:.78rem}.bk-hero .bk-w7 .bk-cover-t{font-size:.7rem}.bk-hero .bk-w9 .bk-cover-t{font-size:.6rem}.bk-hero .bk-w11 .bk-cover-t{font-size:.52rem}
.bk-cat-pic .bk-cover-t{font-size:.5rem}.bk-cat-pic .bk-w7 .bk-cover-t{font-size:.44rem}.bk-cat-pic .bk-w9 .bk-cover-t{font-size:.4rem}.bk-cat-pic .bk-w11 .bk-cover-t{font-size:.34rem}
@media (max-width:620px){.bk-hero .bk-cover:nth-child(n+4){display:none}
  .bk-card .bk-cover-t{font-size:.6rem}.bk-card .bk-w7 .bk-cover-t{font-size:.54rem}.bk-card .bk-w9 .bk-cover-t{font-size:.46rem}.bk-card .bk-w11 .bk-cover-t{font-size:.4rem}
  .bk-hero .bk-cover-t{font-size:.66rem}.bk-hero .bk-w7 .bk-cover-t{font-size:.58rem}.bk-hero .bk-w9 .bk-cover-t{font-size:.5rem}.bk-hero .bk-w11 .bk-cover-t{font-size:.42rem}}
/* real cover images (Nov 2026): pop-art square frame, hard ink shadow; the image keeps its own proportions */
.bk-pic{display:block;width:100%;min-width:0;box-sizing:border-box;border:3px solid var(--eo-ink);box-shadow:4px 4px 0 var(--eo-ink);background:#fff;border-radius:0;line-height:0}
.bk-pic img,.gd-hero .bk-pic img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:fill;border:0;box-shadow:none;background:none;border-radius:0}
a.bk-amz-cover{display:block;min-width:0;text-decoration:none;transition:transform .12s;background:none;border:0;box-shadow:none;padding:0;font:inherit}
a.bk-amz-cover:hover,a.bk-amz-cover:focus{background:none}
a.bk-amz-cover:hover,a.bk-amz-cover:focus-visible{transform:translate(-2px,-2px)}
a.bk-amz-cover:hover .bk-pic,a.bk-amz-cover:focus-visible .bk-pic{box-shadow:6px 6px 0 var(--eo-pink,#e4007c)}
a.bk-amz-cover:focus-visible{outline:3px solid var(--eo-blue,#0a7bd6);outline-offset:3px}
.bk-cat-pic .bk-pic{border-width:2px;box-shadow:2px 2px 0 var(--eo-ink);align-self:start}
.bk-hero{align-items:start}.bk-hero .bk-pic:nth-child(odd){transform:rotate(-3deg)}.bk-hero .bk-pic:nth-child(even){transform:rotate(2deg)}
@media (max-width:620px){.bk-hero .bk-pic:nth-child(n+4){display:none}}