/* Seasonal cross-site strip — adblock-safe names; fixed height → CLS 0 */
.season-strip{
  box-sizing:border-box;
  width:100%;
  max-width:1100px;
  margin:8px auto;
  padding:0 12px;
}
.season-strip *,.season-strip *::before,.season-strip *::after{box-sizing:border-box}
.ss-rotor{
  position:relative;
  width:100%;
  height:56px; /* reserved slot — do not change without updating breakpoints together */
  border-radius:12px;
  overflow:hidden;
  background:#2A2148;
  border:2px solid #C9973A;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
  font-family:system-ui,-apple-system,Segoe UI,sans-serif;
}
.ss-panel{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:6px 12px;
  text-decoration:none;
  color:#FBF7F0;
  opacity:0;
  pointer-events:none;
  transition:opacity 500ms ease;
}
.ss-panel.is-active{
  opacity:1;
  pointer-events:auto;
  z-index:1;
}
.ss-panel:focus{
  outline:2px solid #C9973A;
  outline-offset:3px;
}
.ss-emoji{
  flex:0 0 40px;
  width:40px;height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  border-radius:8px;
  background:#1F2430;
}
.ss-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:10px 14px;
}
.ss-title{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ss-short{display:none}
.ss-long{display:inline}
.ss-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;
}
.ss-panel:hover .ss-cta,.ss-panel:focus .ss-cta{background:#C9973A}
/* tone variants */
.ss-panel[data-kind="hw"]{background:#2A2148}
.ss-panel[data-kind="tg"]{background:#3A2A1A;border-color:#C9973A}
.ss-panel[data-kind="fb"]{background:#1F2430}
.ss-rotor.is-tg .ss-rotor, .ss-panel[data-kind="tg"] .ss-cta{background:#D97706;color:#1F2430}

@media (max-width:767.98px){
  .season-strip{padding:0 8px;margin:6px auto}
  .ss-rotor{height:64px} /* same reserved height at phone breakpoint */
  .ss-panel{gap:8px;padding:8px 10px}
  .ss-emoji{flex-basis:36px;width:36px;height:36px;font-size:24px}
  .ss-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
  .ss-long{display:none}
  .ss-short{display:inline}
  .ss-cta{min-height:36px;padding:6px 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .ss-panel{transition:none}
}