/* ── Food Friends townships: Rainbow Valley · Berry Bluffs · Citrus Grove Cove · Honeycomb Hill ──
   Prefix tw- (clear of the global wildcard traps: hero/-card/-tile/tag/badge/-section...). */
#page-rainbow-valley,#page-berry-bluffs,#page-citrus-grove,#page-honeycomb-hill{
  background:#fff; font-family:'Nunito',system-ui,sans-serif; color:#33402f;
}
.tw-top{ position:relative; background:#FBF6EC; }
.tw-top img{ display:block; width:100%; height:auto; }
.tw-back{
  position:absolute; top:14px; left:16px; z-index:5;
  display:inline-flex; align-items:center; gap:6px;
  background:#243447; border:none; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:9px 16px; border-radius:999px; font:inherit; font-weight:700; font-size:.82rem;
  cursor:pointer; box-shadow:0 6px 16px rgba(36,52,71,.24); min-height:42px;
}
.tw-back svg{ width:15px; height:15px; }
.tw-intro{ max-width:900px; margin:0 auto; padding:34px 20px 10px; text-align:center; }
.tw-intro h2{
  font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(1.6rem,3.4vw,2.3rem);
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; margin:0 0 10px;
}
.tw-intro p{ color:#78766c !important; -webkit-text-fill-color:#78766c !important;
  font-size:1.02rem; line-height:1.6; margin:0 auto; max-width:62ch; }
.tw-lead-wrap{ max-width:1120px; margin:0 auto; padding:26px 20px 6px; }
.tw-eb{
  display:block; text-align:center; font-size:.72rem; font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important;
  margin:0 0 16px;
}
.tw-grid{
  max-width:1120px; margin:0 auto; padding:8px 20px 60px;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:20px;
  justify-items:center;
}
.tw-grid--lead{ grid-template-columns:minmax(190px,240px); padding-bottom:10px; }
.tw-note{
  max-width:900px; margin:0 auto 50px; padding:0 20px; text-align:center;
  color:#78766c !important; -webkit-text-fill-color:#78766c !important; font-size:.9rem;
}
.tw-note button{
  background:#5E7E57; border:none; border-radius:999px; padding:12px 26px; min-height:46px;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  font:inherit; font-weight:800; cursor:pointer; margin-top:12px;
}
.tw-note button:focus-visible,.tw-back:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
@media (max-width:600px){
  .tw-grid{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; padding:8px 14px 44px; }
  .tw-back{ top:8px; left:10px; padding:7px 12px; font-size:.76rem; }
}