body.cookbook-page { --skn-max: 1240px; }
.cookbook-page .eyebrow { margin: 0 0 .35rem; color: var(--skn-gold); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.cookbook-page .lede { max-width: 82ch; color: #d8e2ec; font-size: clamp(1.05rem, 2vw, 1.25rem); }
.cookbook-page .collection-hero { background: linear-gradient(135deg, rgba(31,55,78,.95), rgba(21,29,39,.92)); border-color: rgba(142,203,255,.28); }
.cookbook-page .stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; margin-top: 1.3rem; }
.cookbook-page .stats div { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(0,0,0,.2); }
.cookbook-page .stats strong { display: block; color: var(--skn-gold); font-size: clamp(1.45rem, 3vw, 2rem); }
.cookbook-page .stats span { display: block; color: var(--skn-muted); font-size: .9rem; }
.cookbook-page .how-to, .cookbook-page .source-overview, .cookbook-page .catalog { margin-top: 1.25rem; }
.cookbook-page .callout, .cookbook-page .independent-note { padding: .9rem 1rem; border-left: 4px solid var(--skn-gold); border-radius: 0 12px 12px 0; background: rgba(232,201,106,.09); }
.cookbook-page .catalog-heading { display: flex; gap: 1rem; justify-content: space-between; align-items: end; }
.cookbook-page .catalog-heading h2 { margin: 0; padding: 0; border: 0; }
.cookbook-page .catalog-heading > p { color: var(--skn-muted); white-space: nowrap; }
.cookbook-page .filters { display: grid; grid-template-columns: minmax(16rem,2fr) minmax(13rem,1fr) auto; gap: .8rem; align-items: end; margin: 1.2rem 0; }
.cookbook-page .filters label { display: grid; gap: .35rem; color: var(--skn-muted); font-weight: 700; font-size: .9rem; }
.cookbook-page input, .cookbook-page select, .cookbook-page button { min-height: 2.8rem; border: 1px solid var(--skn-border); border-radius: 10px; background: #0a1017; color: var(--skn-text); font: inherit; }
.cookbook-page input, .cookbook-page select { width: 100%; padding: .55rem .7rem; }
.cookbook-page button { padding: .55rem .9rem; background: #173a55; border-color: rgba(142,203,255,.42); color: #fff; font-weight: 800; cursor: pointer; }
.cookbook-page button:hover, .cookbook-page button:focus { background: #245777; }
.cookbook-page .recipe-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cookbook-page .recipe-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(10,16,23,.82); }
.cookbook-page .recipe-card a { display: grid; grid-template-rows: 12rem auto; height: 100%; color: inherit; text-decoration: none; }
.cookbook-page .recipe-card img { width: 100%; height: 12rem; object-fit: cover; background: #080b0f; }
.cookbook-page .card-placeholder { display: grid; place-items: center; min-height: 12rem; background: radial-gradient(circle, #283c4f, #101720 70%); font-size: 3rem; }
.cookbook-page .card-body { padding: .9rem; }
.cookbook-page .card-body h3 { margin: .25rem 0 .45rem; font-size: 1.05rem; }
.cookbook-page .card-body p { margin: 0; color: var(--skn-muted); font-size: .88rem; }
.cookbook-page .badge-row, .cookbook-page .tag-row { display: flex; flex-wrap: wrap; gap: .4rem; }
.cookbook-page .badge, .cookbook-page .tag { display: inline-flex; align-items: center; min-height: 1.65rem; padding: .16rem .5rem; border: 1px solid rgba(142,203,255,.28); border-radius: 999px; background: rgba(142,203,255,.08); color: #d9edff; font-size: .78rem; }
.cookbook-page .badge-gold { border-color: rgba(232,201,106,.5); background: rgba(232,201,106,.12); color: #ffe89a; }
.cookbook-page .breadcrumbs { width: min(var(--skn-max), calc(100% - 2rem)); margin: 0 auto 1rem; color: var(--skn-muted); }
.cookbook-page .recipe-main { width: 100%; max-width: none; }
.cookbook-page .cookbook-recipe { width: min(var(--skn-max), calc(100% - 2rem)); }
.cookbook-page .recipe-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(20rem,.95fr); gap: clamp(1rem,3vw,2rem); align-items: start; }
.cookbook-page .recipe-photo { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: #080b0f; }
.cookbook-page .recipe-photo img { display: block; width: 100%; max-height: 34rem; object-fit: contain; }
.cookbook-page .recipe-photo figcaption { padding: .55rem .7rem; color: var(--skn-muted); font-size: .82rem; }
.cookbook-page .recipe-placeholder { display: grid; place-items: center; align-content: center; min-height: 25rem; padding: 2rem; text-align: center; background: radial-gradient(circle, #283c4f, #101720 70%); }
.cookbook-page .recipe-placeholder span { font-size: 5rem; }
.cookbook-page .recipe-placeholder p { max-width: 34rem; color: var(--skn-muted); }
.cookbook-page .recipe-summary h1 { margin-top: .75rem; }
.cookbook-page .import-box { margin-top: 1.25rem; padding: 1rem; border: 1px solid rgba(142,203,255,.26); border-radius: 14px; background: rgba(23,58,85,.26); }
.cookbook-page .import-box h2 { margin: 0 0 .55rem; padding: 0; border: 0; font-size: 1.2rem; }
.cookbook-page .import-box label { display: block; color: var(--skn-muted); font-size: .85rem; font-weight: 700; }
.cookbook-page .copy-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .5rem; }
.cookbook-page .copy-status { min-height: 1.4em; margin: .35rem 0 0; color: #a7e5b0; font-size: .85rem; }
.cookbook-page .recipe-columns { display: grid; grid-template-columns: minmax(16rem,.75fr) minmax(0,1.25fr); gap: 1rem; margin-top: 1.2rem; }
.cookbook-page .recipe-columns section { margin: 0; }
.cookbook-page .instruction-list li { margin-bottom: .85rem; padding-left: .35rem; }
.cookbook-page .ingredient-list li { margin-bottom: .38rem; }
.cookbook-page .source-panel { margin-top: 1.2rem; }
.cookbook-page .source-panel h2 { margin-top: 0; }
.cookbook-page .muted { color: var(--skn-muted); }
@media (max-width: 900px) {
  .cookbook-page .recipe-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cookbook-page .recipe-hero, .cookbook-page .recipe-columns { grid-template-columns: 1fr; }
  .cookbook-page .stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .cookbook-page .recipe-grid { grid-template-columns: 1fr; }
  .cookbook-page .filters { grid-template-columns: 1fr; }
  .cookbook-page .catalog-heading { display: block; }
  .cookbook-page .copy-row { grid-template-columns: 1fr; }
}
@media print {
  .cookbook-page .import-box, .cookbook-page .breadcrumbs { display: none; }
  .cookbook-page .recipe-columns { grid-template-columns: 1fr 1.5fr; }
}