/* Dated compensation notice and direct Board event access: native, non-animated. */
.snr-compensation-notice {
  margin: 32px 0;
  min-width: 0;
  border: 1px solid #a9b9b6;
  border-top: 6px solid #c7a45a;
  border-radius: 12px;
  background: #fffaf0;
  color: #17394d;
  overflow: hidden;
  box-shadow: 0 8px 22px #17394d12;
}
.snr-compensation-notice *, .snr-board-event-shortcut * { box-sizing: border-box; }
.snr-compensation-masthead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 17px 25px;
  background: #17394d;
  color: #fffaf0;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 750;
  letter-spacing: .035em;
}
.snr-compensation-notice .snr-cares-post-label {
  margin: 0;
  padding: 6px 10px;
  color: #fffaf0;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 4px;
}
.snr-compensation-layout {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 26px;
  padding: 28px;
  align-items: start;
}
.snr-compensation-date { text-align: center; color: #5e4514; }
.snr-compensation-date > span { display: block; margin: 0 0 7px; font-size: 12px; font-weight: 750; }
.snr-compensation-date time {
  display: grid;
  padding: 12px;
  border: 1px solid #c7a45a;
  border-top: 6px solid #a37b2d;
  border-radius: 6px;
  background: #fff;
}
.snr-compensation-date time span { font-size: 12px; font-weight: 750; line-height: 1.5; letter-spacing: .08em; }
.snr-compensation-date time strong { font-size: 44px; line-height: 1.05; }
.snr-compensation-copy { min-width: 0; }
.snr-compensation-notice h2 { margin: 0 0 17px; font-size: clamp(27px, 3vw, 37px); line-height: 1.15; color: #17394d; letter-spacing: -.025em; }
.snr-compensation-notice p, .snr-compensation-notice li { font-size: 15px; line-height: 1.7; color: #263f4b; }
.snr-compensation-notice p { margin: 0 0 17px; }
.snr-compensation-notice .snr-compensation-status { padding: 13px 16px; border-left: 4px solid #8f651d; background: #f3e5c1; color: #483716; }
.snr-compensation-notice ul { padding-left: 22px; margin: 0 0 20px; }
.snr-compensation-notice li { margin-bottom: 10px; }
.snr-compensation-notice .snr-compensation-caution { padding: 16px; border: 1px solid #bbcbc1; border-radius: 6px; background: #eef2e9; font-size: 14px; }
.snr-compensation-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.snr-compensation-actions a, .snr-board-event-shortcut > a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  border: 2px solid #17394d;
  border-radius: 6px;
  background: #17394d;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 750;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.snr-compensation-actions a:last-child { background: #fff; color: #17394d; }
.snr-compensation-actions a span, .snr-board-event-shortcut > a span { flex-shrink: 0; font-size: 20px; }
.snr-compensation-notice .snr-compensation-source { font-size: 12px; color: #4b615b; margin: 19px 0 0; }
.snr-compensation-actions a:focus-visible, .snr-board-event-shortcut > a:focus-visible { outline: 3px solid #155eb0; outline-offset: 4px; }
.snr-compensation-actions a:hover, .snr-board-event-shortcut > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.snr-board-event-shortcut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 25px 28px;
  margin: 30px 0;
  border: 1px solid #c7a45a;
  border-left: 6px solid #a37b2d;
  border-radius: 8px;
  background: #fffaf0;
  color: #17394d;
}
.snr-board-event-shortcut > div { min-width: 0; }
.snr-board-event-kicker { font-size: 11px; line-height: 1.5; font-weight: 750; letter-spacing: .065em; text-transform: uppercase; color: #5e4514; }
.snr-board-event-shortcut h2 { font-size: clamp(24px, 2.7vw, 32px); line-height: 1.15; margin: 9px 0 12px; color: #17394d; }
.snr-board-event-shortcut p { font-size: 15px; line-height: 1.65; margin: 0; }
.snr-board-event-shortcut .snr-board-event-source { font-size: 12px; margin-top: 8px; }
.snr-board-event-shortcut > a { flex-shrink: 0; max-width: 100%; }
@media (max-width: 720px) {
  .snr-compensation-layout { grid-template-columns: minmax(0, 1fr); padding: 23px 20px; gap: 21px; }
  .snr-compensation-date { width: 100px; }
  .snr-compensation-actions { flex-direction: column; }
  .snr-compensation-actions a { width: 100%; }
  .snr-board-event-shortcut { flex-direction: column; align-items: stretch; padding: 22px 18px; gap: 18px; }
}
@media (max-width: 380px) {
  .snr-compensation-masthead { padding: 15px 18px; }
  .snr-compensation-layout { padding: 21px 17px; }
  .snr-compensation-notice h2 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .snr-compensation-notice *, .snr-board-event-shortcut * { animation: none !important; transition: none !important; }
}
@media print {
  .snr-compensation-notice { box-shadow: none; }
  .snr-compensation-masthead { background: #fff; color: #111; }
  .snr-compensation-notice .snr-cares-post-label { color: #111; }
}
