/* Cookeryonline home page (preview, Oct 2026). Loaded after cookery-header.css + recipe.css (shared header, dark-orange search bar,
   fonts, logo-fill variables). Mobile first; rectangular buttons; logo-tile fill instead of the old flat yellow. */
.hm-body{background-image:radial-gradient(rgba(255,59,107,.07) 1.2px,transparent 1.4px)}
.hm{max-width:1200px;margin:0 auto;padding:0 14px 36px}
.hm a{color:#0a5fa8}
.hm h2{font-family:"CO Title","Arial Black",Impact,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0 0 .45em;font-size:1.45rem;color:#16141f}
.hm h2 a{color:inherit;text-decoration:none}
.hm h2 a:hover,.hm h2 a:focus-visible{text-decoration:underline;text-decoration-color:#c2410c;text-decoration-thickness:3px}
.hm-small{font-size:.86rem;color:#5b5866}
.hm-kicker{font:700 .82rem/1.2 "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c2410c;margin:0 0 8px}
.hm-btn{display:inline-block;background:#1a1a1a;color:#fff!important;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:0;
  box-shadow:0 2px 3px rgba(40,10,0,.25),0 5px 12px rgba(40,10,0,.18)}
.hm-btn:hover,.hm-btn:focus-visible{background:#3a3a3a}
/* intro line */
.hm-intro{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:14px 0 8px}
.hm-intro h1{font:800 clamp(1.15rem,2.6vw,1.6rem)/1.15 "CO Title","Arial Black",sans-serif;margin:0;color:#16141f}
.hm-date{margin:0;font:700 .9rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#c2410c}
/* today band: logo-tile fill behind the two cards */
.hm-today{display:grid;gap:18px;padding:18px;margin:0 -14px 22px;background-color:var(--lf-coral,#f78656);background-image:var(--lf-tile);background-size:420px 420px;
  border-top:4px solid #1a1a1a;border-bottom:4px solid #1a1a1a}
@media (min-width:900px){.hm-today{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);margin:0 0 24px;border:4px solid #1a1a1a;border-radius:0}}
.hm-card{background:#fff;border:3px solid #1a1a1a;border-radius:0;padding:16px 18px;box-shadow:6px 6px 0 #1a1a1a}
.hm-card p{margin:.4em 0}
/* feature */
.hm-feature h2{font-size:clamp(1.7rem,3.6vw,2.5rem);text-shadow:2px 2px 0 #fbd5c2}
.hm-feature-grid{display:grid;gap:16px;align-items:center}
@media (min-width:640px){.hm-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.hm-feature-pic{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fffaf0;border:2px solid #1a1a1a;border-radius:0;padding:12px;overflow:hidden}
.hm-feature-pic img{display:block;max-width:100%;max-height:280px;width:auto;height:auto;object-fit:contain;image-rendering:auto}
.hm-feature-pic.is-icon{background-color:var(--lf-coral,#f78656);background-image:var(--lf-tile);background-size:300px 300px}
.hm-feature-pic .hm-icon{width:120px;height:144px;filter:drop-shadow(4px 5px 0 rgba(26,26,26,.85))}
.hm-feature-text p:not(.hm-kicker){font-size:1.05rem}
/* recipe of the day */
.hm-rotd-pic{display:block;margin:0 0 10px}
.hm-rotd-pic img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:2px solid #1a1a1a;border-radius:0}
.hm-rotd h2{font-size:1.5rem}
.hm-cat{font:700 .78rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5b5866}
/* trending / popular / newsletter */
.hm-row3{display:grid;gap:18px;margin:0 0 26px}
@media (min-width:760px){.hm-row3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.hm-row3{grid-template-columns:1fr 1fr 1.15fr}}
.hm-row3 h2{font-size:1.3rem}
.hm-row3 ul,.hm-row3 ol{margin:0;padding-left:1.2em}
.hm-row3 li{margin:.35em 0}
.hm-trending ul{list-style:none;padding:0}
.hm-trending li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;border-bottom:1px dashed #e3d9cc;padding-bottom:6px}
.hm-trend-topic{font:700 .78rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#1a1a1a;color:#fff;padding:1px 7px;border-radius:2px}
.hm-example{display:inline-block;font-size:.76rem;font-weight:700;color:#b0123f;border:1.5px dashed #ff3b6b;background:#fff3f6;padding:1px 8px;border-radius:0;margin:0 0 8px!important}
.hm-news{background-color:#fffaf0}
.hm-news-row{display:flex;border:2px solid #1a1a1a;border-radius:0;background:#fff;margin:8px 0;box-shadow:0 2px 3px rgba(40,10,0,.2)}
.hm-news-row input{flex:1;min-width:0;border:0;padding:9px 10px;font:inherit;background:transparent}
.hm-news-row button{border:0;background:#c2410c;color:#fff;font-weight:700;padding:0 16px;cursor:pointer}
.hm-news-row button[disabled]{opacity:.9;cursor:not-allowed}
.hm-consent{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;margin:6px 0}
.hm-consent input{margin-top:4px}
/* sections */
.hm-section{margin:0 0 28px}
.hm-section>h2{display:inline-block;background:#1a1a1a;color:#fff;padding:4px 12px 5px;border-radius:0;font-size:1.3rem;box-shadow:4px 4px 0 #c2410c}
.hm-cats{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.hm-cats a{display:block;background:#fff;border:2px solid #1a1a1a;border-radius:0;overflow:hidden;text-decoration:none;color:#16141f;box-shadow:4px 4px 0 #1a1a1a;height:100%}
.hm-cats a:hover,.hm-cats a:focus-visible{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #c2410c}
.hm-cats img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:2px solid #1a1a1a}
.hm-cats span{display:block;padding:6px 8px 8px;font-weight:700;line-height:1.2}
.hm-cats small{display:block;font-weight:400;color:#5b5866;font-size:.8rem}
.hm-more{margin:14px 0 0}
.hm-steve{display:flex;gap:16px;align-items:center;background:#fff;border:3px solid #1a1a1a;border-radius:0;padding:12px 16px;box-shadow:6px 6px 0 #1a1a1a;
  background-image:linear-gradient(90deg,#fff 55%,rgba(255,255,255,.75)),var(--lf-tile);background-size:auto,300px 300px}
.hm-steve img{display:block;width:90px;height:auto}
.hm-steve h2{margin:0 0 .2em}
.hm-tiles{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.hm-tile{background:#fff;border:2px solid #1a1a1a;border-radius:0;padding:10px 14px 12px;box-shadow:4px 4px 0 #1a1a1a}
.hm-tile-head{display:flex;align-items:center;gap:10px;text-decoration:none;color:#16141f!important;font:800 1.15rem "CO Title","Arial Black",sans-serif}
.hm-tile-head img{width:46px;height:auto}
.hm-tile p{margin:.4em 0;font-size:.94rem}
.hm-tile ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.9rem}
.hm-topics{list-style:none;padding:0;margin:6px 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.hm-topics a{display:block;background:#fff;border:2px solid #1a1a1a;border-radius:0;padding:3px 10px;text-decoration:none;color:#16141f;font-weight:600;font-size:.94rem}
.hm-topics a:hover,.hm-topics a:focus-visible{background:#1a1a1a;color:#fff}
.hm-foot{border-top:4px solid #1a1a1a;background:#fff;padding:14px;text-align:center}
.hm-foot p{max-width:900px;margin:.4em auto}
@media (max-width:600px){.hm-card{padding:13px 14px;box-shadow:4px 4px 0 #1a1a1a}.hm-today{padding:14px}.hm-feature-pic{min-height:150px}.hm-feature-pic img{max-height:200px}}
@media print{.hm-today{background:none}.hm-news,.hm-trending .hm-example{display:none}.hm-card,.hm-cats a,.hm-tile{box-shadow:none}}
.hm-more-feat{margin-top:16px;padding-top:12px;border-top:2px dashed #e3d9cc}
.hm-more-feat ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.hm-more-feat a{display:block;height:100%;border:2px solid #1a1a1a;border-radius:0;padding:6px 10px;text-decoration:none;color:#16141f;font-weight:700;background:#fffaf0}
.hm-more-feat a:hover,.hm-more-feat a:focus-visible{background:#1a1a1a;color:#fff}
@media (min-width:900px){.hm-feature{display:flex;flex-direction:column}.hm-feature .hm-more-feat{margin-top:auto}}
@media (min-width:900px){.hm-feature-pic{min-height:300px}.hm-feature-pic img{max-height:320px}.hm-rotd-pic img{aspect-ratio:3/2}}
.hm-feature-pic img{min-width:min(100%,230px)}
/* in season & coming up + newsletter (live version) */
.hm-row2{display:grid;gap:18px;margin:0 0 26px}
@media (min-width:860px){.hm-row2{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
.hm-row2 h2{font-size:1.3rem}
.hm-occ{list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media (min-width:640px){.hm-occ{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hm-occ li{border:2px solid #1a1a1a;border-radius:0;padding:8px 10px;background:#fffaf0}
.hm-occ p{margin:0 0 4px}
.hm-occ-when{font:700 .78rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#c2410c}
.hm-occ-note{font-size:.92rem;color:#3b3946}
.hm-occ-links{font-size:.92rem}
.hm-gtrends{list-style:none;padding:0;margin:0 0 4px}
.hm-trending h3.hm-kicker{margin:14px 0 6px}
.hm-soon{display:inline-block;margin-top:6px!important;font:700 .95rem "CO Oswald",Oswald,"Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;
  background:#1a1a1a;color:#fff;padding:6px 14px;border-radius:0;box-shadow:4px 4px 0 #c2410c}
.hm-news{display:flex;flex-direction:column;background-color:#fffaf0;background-image:linear-gradient(180deg,rgba(255,250,240,.93),rgba(255,250,240,.93)),var(--lf-tile);background-size:auto,300px 300px}
.hm-soon{align-self:flex-start}

.hm-credit{margin:.4em 0 0;font-size:.75rem;color:#666}.hm-credit a{color:#666;text-decoration:none}.hm-credit a:hover{text-decoration:underline}