/* October 7 remembrance strip — visible until 2026-11-01 00:00 Asia/Jerusalem.
   Intentionally self-contained; does not alter page metadata or layout styles. */
.oct7-remembrance,
.oct7-remembrance * { box-sizing: border-box; }
.oct7-remembrance {
  display: block;
  position: relative;
  z-index: 4;
  inline-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-block-start: 1px solid rgba(218, 182, 112, .32);
  border-block-end: 1px solid rgba(218, 182, 112, .29);
  color: #f8f5ee;
  background: linear-gradient(105deg, #081925 0%, #142b38 51%, #091925 100%);
  font-family: 'DM Sans', 'Noto Sans Arabic', 'Noto Sans Hebrew', system-ui, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: start;
  text-transform: none;
  overflow: hidden;
}
.oct7-remembrance::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: clamp(3px, .35vw, 5px);
  background: #c8a66b;
}
.oct7-remembrance__inner {
  inline-size: 100%;
  max-inline-size: 1280px;
  min-block-size: 51px;
  margin-inline: auto;
  padding: 8px clamp(16px, 3.25vw, 34px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.4vw, 16px);
}
.oct7-remembrance__mark {
  inline-size: 30px;
  block-size: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(204, 172, 112, .46);
  color: #d7b978;
  background: rgba(213, 184, 125, .08);
}
.oct7-remembrance__mark svg {
  inline-size: 17px;
  block-size: 17px;
  stroke: currentColor;
  stroke-width: 1.65;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.oct7-remembrance__copy {
  min-inline-size: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 0;
}
.oct7-remembrance__title {
  flex: 0 1 auto;
  color: #f5eddd;
  font-size: clamp(13px, 1.05vw, 15px);
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: .005em;
  white-space: normal;
  text-wrap: pretty;
}
.oct7-remembrance__message {
  min-inline-size: 0;
  color: #d4d3ca;
  font-size: clamp(12px, .98vw, 13.5px);
  line-height: 1.48;
  font-weight: 400;
  text-wrap: pretty;
}
html[dir="rtl"] .oct7-remembrance__title {
  letter-spacing: 0;
}
@media (max-width: 680px) {
  .oct7-remembrance__inner {
    min-block-size: 61px;
    justify-content: flex-start;
    padding-block: 9px;
    gap: 10px;
  }
  .oct7-remembrance__mark {
    inline-size: 27px;
    block-size: 27px;
    flex-basis: 27px;
  }
  .oct7-remembrance__copy {
    display: block;
    text-align: start;
  }
  .oct7-remembrance__title,
  .oct7-remembrance__message { display: block; }
  .oct7-remembrance__title { font-size: 13px; }
  .oct7-remembrance__message { font-size: 12px; }
}
@media (max-width: 355px) {
  .oct7-remembrance__inner { padding-inline: 14px; }
  .oct7-remembrance__title { font-size: 12.5px; }
  .oct7-remembrance__message { font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .oct7-remembrance, .oct7-remembrance * { animation: none !important; transition: none !important; }
}
