/* Seasonal note — self-hosted for CSP style-src 'self'. Neutral names (adblock-safe). */
.hw-note-wrap{box-sizing:border-box;margin:8px auto;padding:0 12px;max-width:1100px;width:100%}
.hw-note{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:1100px;
  margin:8px auto;
  padding:6px 12px;
  max-height:72px;
  border-radius:12px;
  overflow:hidden;
  background:#2A2148;
  border:2px solid #C9973A;
  font-family:system-ui,-apple-system,Segoe UI,sans-serif;
  text-decoration:none;
  color:#FBF7F0;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.hw-note *,.hw-note *::before,.hw-note *::after{box-sizing:border-box}
.hw-note img{
  flex:0 0 56px;
  width:56px;height:56px;
  border-radius:8px;
  object-fit:cover;
  background:#1F2430;
  aspect-ratio:1/1;
}
.hw-note .hw-note-body{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:10px 14px;
  flex:1 1 auto;
  min-width:0;
  padding:0;
}
.hw-note .hw-note-kicker{display:none}
.hw-note .hw-note-title{
  flex:1 1 auto;
  min-width:0;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  margin:0;
  color:#FBF7F0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hw-note .hw-short{display:none}
.hw-note .hw-long{display:inline}
.hw-note .hw-note-cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:#E07A2F;
  color:#1F2430;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.hw-note:hover .hw-note-cta,.hw-note:focus .hw-note-cta{background:#C9973A}
.hw-note:focus{outline:2px solid #C9973A;outline-offset:3px}
/* Uplift slim row under hero */
.hw-note.hw-note-row{max-height:56px;height:56px;padding:8px 12px;border-width:1px;box-shadow:none;margin:0}
.hw-note.hw-note-row img{flex:0 0 40px;width:40px;height:40px;border-radius:6px}
.hw-note.hw-note-row .hw-note-title{font-size:14px;font-weight:600;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hw-note.hw-note-row .hw-note-cta{min-height:0;padding:0;background:transparent;color:#F0B060;text-decoration:underline;font-size:13px}
.hw-note.hw-note-row:hover .hw-note-cta,.hw-note.hw-note-row:focus .hw-note-cta{background:transparent;color:#FBF7F0}

@media (max-width:767.98px){
  .hw-note-wrap{padding:0 8px;margin:6px auto}
  .hw-note{
    max-height:none;
    min-height:44px;
    padding:8px 10px;
    gap:8px;
    border-width:1px;
    box-shadow:none;
    flex-wrap:wrap;
  }
  .hw-note img{flex:0 0 40px;width:40px;height:40px;border-radius:6px}
  .hw-note .hw-note-body{flex:1 1 auto;flex-wrap:wrap;gap:4px 8px;min-width:0}
  .hw-note .hw-note-title{
    flex:1 1 auto;
    font-size:14px;
    line-height:1.25;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:clip;
  }
  .hw-note .hw-long{display:none}
  .hw-note .hw-short{display:inline}
  .hw-note .hw-note-cta{
    flex:1 1 100%;
    width:100%;
    min-height:44px;
    justify-content:center;
  }
  .hw-note.hw-note-row{height:auto;max-height:none}
  .hw-note.hw-note-row .hw-note-cta{
    flex:1 1 100%;
    width:100%;
    min-height:44px;
    padding:8px 12px;
    background:#E07A2F;
    color:#1F2430;
    text-decoration:none;
    border-radius:999px;
  }
  .hw-note.hw-note-row:hover .hw-note-cta,.hw-note.hw-note-row:focus .hw-note-cta{background:#C9973A;color:#1F2430}
}