
/* ── HEY U weekly feed ── */
#page-heyu-week{ background:#fff; font-family:'Nunito',system-ui,sans-serif; }
.hw-top{ background:#FBF6EC; padding:30px 20px 22px; text-align:center; position:relative; }
.hw-back{
  position:absolute; top:16px; left:18px; display:inline-flex; align-items:center; gap:6px;
  background:#243447; border:none; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:10px 16px; border-radius:999px; font:inherit; font-weight:700; font-size:.8rem;
  cursor:pointer; min-height:44px;   /* WCAG target size */
}
.hw-back svg{ width:15px; height:15px; }
#page-heyu-week h2.hw-h{
  font-family:'Playfair Display',serif; font-size:clamp(2rem,4.4vw,3rem); margin:0;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; letter-spacing:.02em;
}
.hw-tag{
  font-family:'Caveat',cursive; font-size:1.5rem; margin:2px 0 0;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important;
}
.hw-nav{
  display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; flex-wrap:wrap;
}
.hw-arrow{
  background:#fff; border:1.5px solid #EAE2D4; border-radius:999px; width:44px; height:44px;
  cursor:pointer; font-size:1rem; color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
}
.hw-arrow:disabled{ opacity:.35; cursor:not-allowed; }
.hw-wk{
  font-weight:800; font-size:.9rem; min-width:170px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.hw-fav{
  background:#fff; border:1.5px solid #EAE2D4; border-radius:999px; padding:9px 16px; min-height:44px;
  font:inherit; font-weight:700; font-size:.82rem; cursor:pointer;
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
}
.hw-fav.on{ background:#E8A9B8; border-color:#E8A9B8; color:#fff !important; -webkit-text-fill-color:#fff !important; }
.hw-feed{ max-width:820px; margin:0 auto; padding:24px 20px 70px; display:grid; gap:14px; }
.hw-it{
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:20px; padding:20px 22px;
  transition:transform .16s ease, box-shadow .16s ease;
}
.hw-it:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(51,64,47,.08); }
.hw-kind{
  font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; margin:0 0 6px;
}
.hw-it h3{
  font-family:'Playfair Display',serif; font-size:1.2rem; margin:0 0 6px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.hw-it p{ margin:0; color:#4a4a44 !important; -webkit-text-fill-color:#4a4a44 !important; font-size:.94rem; line-height:1.6; }
.hw-it .hc-cardbar{ margin-top:12px; }
.hw-arch{ text-align:center; padding:0 20px 60px; }
.hw-arch button{
  background:#fff; border:1.5px solid #EAE2D4; border-radius:999px; padding:11px 22px; min-height:44px;
  font:inherit; font-weight:700; cursor:pointer; margin:4px;
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
}
.hw-arch button.on{ background:#5E7E57; border-color:#5E7E57; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* ── Social Studio composer ── */
.ss-fields{ display:grid; gap:12px; }
.ss-f label{
  display:block; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; margin-bottom:5px;
}
.ss-f input,.ss-f textarea{
  width:100%; border:1.5px solid #EAE2D4; border-radius:12px; padding:10px 12px;
  font:inherit; font-size:.9rem; background:#fff;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.ss-f input:focus,.ss-f textarea:focus{ outline:none; border-color:#7d9e77; }
.ss-plats{ display:flex; flex-wrap:wrap; gap:8px; }
.hc-foot--wrap{ flex-wrap:wrap; }
@media (prefers-reduced-motion:reduce){ .hw-it{ transition:none !important; } }
