/* Cook Book left menu (hybrid frameset) - pop-art look, dark orange #c2410c accents, black selected */
@font-face{font-family:"CO Oswald";src:url(/assets/fonts/oswald-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"CO Title";src:url(/assets/fonts/bricolage-grotesque-800.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--ink:#16141f;--or:#c2410c;--cream:#fffaf0;--muted:#5b5866;--lf-coral:#f78656;
  --lf-band:url(/assets/img/recipe/logo-band.jpg);--lf-tile:url(/assets/img/recipe/logo-tile.jpg)}
@supports (background-image:image-set(url(a.webp) type("image/webp"))){
  :root{--lf-band:image-set(url(/assets/img/recipe/logo-band.webp) type("image/webp"),url(/assets/img/recipe/logo-band.jpg) type("image/jpeg"));
        --lf-tile:image-set(url(/assets/img/recipe/logo-tile.webp) type("image/webp"),url(/assets/img/recipe/logo-tile.jpg) type("image/jpeg"))}}
*,*::before,*::after{box-sizing:border-box}
.cbm,.cbx{margin:0;background:var(--cream);color:var(--ink);font:15px/1.45 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background-image:radial-gradient(rgba(194,65,12,.08) 1.1px,transparent 1.3px);background-size:12px 12px}
/* menu panel: plain background (v6) */
.cbm{background:var(--cream);background-image:none}
.cbm a{color:var(--ink)}
.cbm-solohead{display:none}
.cbm-top{position:sticky;top:0;z-index:5;background:var(--cream);padding:10px 10px 10px;border-bottom:2px solid rgba(22,20,31,.15)}
.cbm h1{margin:0;font:800 1.45rem/1.05 "CO Title","Arial Black",sans-serif;letter-spacing:-.01em;text-shadow:2px 2px 0 var(--or)}
.cbm h1 a{text-decoration:none;color:var(--ink)}
.cbm-total{margin:2px 0 8px;font-size:.82rem;color:var(--muted)}
.cbm-total b{color:var(--or)}
.cbm-find{margin:0;background:#fff;border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);padding:7px 8px 6px}
.cbm-find[hidden]{display:none}
.cbm-find label{display:block;font:600 .72rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--or);margin:0 0 3px}
.cbm-find input{width:100%;font:inherit;font-size:16px;border:2px solid var(--ink);border-radius:0;-webkit-appearance:none;appearance:none;padding:5px 12px;background:#fff;color:var(--ink)}
.cbm-find input:focus-visible{outline:3px solid var(--or);outline-offset:1px}
.cbm-find output{display:block;font-size:.78rem;color:var(--muted);min-height:1.1em;margin-top:3px}
.cbm-list{padding:10px 0 4px}
/* no box around categories: header pills sit directly on the menu background */
.cbm-cat{background:none;border:0;box-shadow:none;margin:0}
.cbm-cat[hidden]{display:none}
.cbm-cat summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;border-radius:0;
  font:600 .9rem/1.25 "CO Oswald",Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.cbm-cat summary::-webkit-details-marker{display:none}
.cbm-cat summary::before{content:"";flex:0 0 auto;width:0;height:0;border:5px solid transparent;border-left:7px solid currentColor;border-right:0;transition:transform .15s}
.cbm-cat[open] summary::before{transform:rotate(90deg)}
/* category headers (v8): big rounded pills (~88% of the column) filled with the logo background, plain cream around them */
.cbm-cat{margin:0 0 9px}
.cbm-cat summary{width:82%;margin:0 auto;border-radius:0;padding:5px 9px 5px 11px;min-height:35px;gap:6px;
  background-color:var(--lf-coral);background-image:var(--lf-tile);background-size:200px 200px;background-position:30% 40%;
  border:1.5px solid rgba(22,20,31,.55)}
.cbm-cat:nth-child(3n+2) summary{background-position:70% 15%}
.cbm-cat:nth-child(3n+3) summary{background-position:10% 80%}
.cbm-cat summary::before{filter:drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 1px var(--cream)) drop-shadow(0 0 2px var(--cream))}
.cbm-cname{flex:1 1 auto;min-width:0;white-space:nowrap;font:800 .88rem/1.2 "CO Title","Arial Black",sans-serif;letter-spacing:0;color:var(--ink);
  -webkit-text-stroke:.45px var(--ink);paint-order:stroke fill;
  text-shadow:0 0 2px var(--cream),0 0 2px var(--cream),0 0 3px var(--cream),0 0 4px var(--cream)}
.cbm-n{flex:0 0 auto;min-width:2em;text-align:center;font:800 .76rem/1.5 "Segoe UI",Arial,sans-serif;color:#fff;background:var(--or);border:2px solid var(--ink);border-radius:0;padding:0 6px;letter-spacing:0}
.cbm-cat summary:hover{background-color:var(--lf-coral);filter:saturate(1.15) brightness(1.04)}
/* open: dark orange edge + dark orange arrow */
.cbm-cat[open] summary{color:var(--or);border:2.5px solid var(--or);box-shadow:0 0 0 1px rgba(194,65,12,.25)}
.cbm-cat summary:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.cbm-cat ul{list-style:none;margin:7px 9% 12px calc(9% + 10px);padding:0 0 0 6px;border-left:2px solid rgba(194,65,12,.35)}
.cbm-cat li{display:flex;align-items:baseline;gap:4px}
.cbm-cat li[hidden]{display:none}
.cbm-cat li a{flex:1 1 auto;display:block;padding:3px 6px;border-radius:0;text-decoration:none;line-height:1.3}
.cbm-cat li a:hover{background:#ffe9dc;text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px}
/* selected recipe: plain highlight (no logo fill) - pale cream-orange, dark orange left bar, bold near-black text */
.cbm-cat li a[aria-current=page]{background:#fff1e6;color:var(--ink);font-weight:700;border-left:5px solid var(--or);border-radius:0;padding-left:5px;text-decoration:none}
.cbm-cat li a[aria-current=page]:hover{background:#ffe4d1}
.cbm-cat li a:focus-visible{outline:3px solid var(--or);outline-offset:1px}
.cbm-new a{font-weight:700}
.cbm-tag{flex:0 0 auto;font:600 .64rem/1.4 "CO Oswald",Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--or);border-radius:0;padding:0 6px}
.cbm-ext{color:var(--muted);font-size:.8rem}
.cbm-catpage a{font-size:.8rem;color:var(--or)!important;font-weight:600}
.cbm mark{background:none;color:var(--or);font-weight:700;padding:0}
.cbm-none{margin:4px 14px;font-size:.88rem;color:var(--muted)}
.cbm-none[hidden]{display:none}
.cbm-extra{list-style:none;margin:8px 10px 18px;padding:8px 4px 0;border-top:2px dashed rgba(22,20,31,.3);font-size:.85rem}
.cbm-extra li{padding:2px 0}
.cbm-extra a{color:var(--or);font-weight:600}
.cbm.is-searching .cbm-catpage{display:none}
/* phones / opened on its own (no frameset): full-width page, recipes open as normal pages */
.cbm-solo .cbm-solohead{display:block;background:#fff;border-bottom:4px solid var(--ink);padding:6px 8px 2px}
.cbm-solo .cbm-logo{display:block;width:max-content;margin:0 auto 2px}
.cbm-solo .cbm-logo img{display:block;height:36px;width:auto}
/* site icon nav (cookery-header.css, injected only in solo/phone mode - never in the 260px frame) */
.cbm-solohead .cookery-nav{display:none}
.cbm-solo .cbm-solohead .cookery-nav{display:block;max-width:100%;overflow:hidden}
.cbm-solo .cbm-top,.cbm-solo .cbm-list,.cbm-solo .cbm-extra,.cbm-solo .cbm-none{max-width:640px;margin-left:auto;margin-right:auto}
.cbm-solo .cbm-top{padding:10px 14px 10px}
.cbm-solo .cbm-list{padding:12px 0 4px}
.cbm-solo .cbm-cat li a{padding:6px 8px}
.cbm-solo .cbm-cat summary{padding:6px 13px;font-size:1rem}
.cbm-solo .cbm-cname{font-size:1rem}
@media (prefers-reduced-motion:reduce){.cbm *{transition:none!important}}
/* Excel workbook list (opens in the main frame) */
.cbx{padding:14px 18px 30px}
.cbx h1{font:800 1.8rem/1.1 "CO Title","Arial Black",sans-serif;text-shadow:2px 2px 0 var(--or);margin:0 0 6px}
.cbx>p{max-width:70ch;margin:0 0 14px}
.cbx section{background:#fff;border:3px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 var(--ink);padding:10px 14px;margin:0 0 16px}
.cbx h2{font:600 1rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}
.cbx h2 small{font:700 .75rem/1.5 Arial,sans-serif;color:#fff;background:var(--or);border-radius:0;padding:1px 7px;margin-left:4px}
.cbx ul{list-style:none;margin:0;padding:0;columns:3 200px;column-gap:20px;font-size:.9rem}
.cbx li{break-inside:avoid;padding:1px 0}
.cbx a{color:var(--ink)}
.cbx a:hover{color:var(--or)}
.cbm-cname.cbm-long{font-size:.72rem;letter-spacing:-.01em}
.cbm-solo .cbm-cname.cbm-long{font-size:.95rem;letter-spacing:0}
/* compact 4 x 2 icon grid for phones (overrides the full-size header nav) */
.cbm-solo .cbm-solohead .cookery-nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 2px;padding:2px 0 4px;justify-items:center}
.cbm-solo .cbm-solohead .cookery-nav li{width:100%;display:flex;justify-content:center}
.cbm-solo .cbm-solohead .cookery-nav .cn-btn{width:100%;max-width:92px;height:66px;min-width:0}
.cbm-solo .cbm-solohead .cookery-nav picture,.cbm-solo .cbm-solohead .cookery-nav .cn-pic,.cbm-solo .cbm-solohead .cookery-nav .cn-pic img{width:40px;height:48px}
.cbm-solo .cbm-solohead .cookery-nav .cn-label{font-size:10.5px;margin-top:2px}