.deadline-board {
  margin-top: 1.05rem;
  font-family: inherit;
  --deadline-badge-radius: 0.2rem;
  --deadline-badge-line-height: 1.08;
  --deadline-badge-letter-spacing: 0.04em;
  --deadline-badge-shadow: 0 1px 0 rgba(255, 255, 255, 0.76) inset;
  --deadline-badge-min-height: 1.52rem;
  --deadline-badge-pad-x: 0.42rem;
}

.deadline-board__selection-chip,
.deadline-filter,
.deadline-board__reset,
.deadline-board__section-toggle,
.deadline-chip,
.deadline-card__status,
.deadline-card__deadline-badge {
  border-width: 1px;
  border-style: solid;
  border-radius: var(--deadline-badge-radius);
  line-height: var(--deadline-badge-line-height);
  box-shadow: var(--deadline-badge-shadow);
}

.deadline-board__selection-chip,
.deadline-filter,
.deadline-chip,
.deadline-card__status,
.deadline-card__deadline-badge {
  letter-spacing: var(--deadline-badge-letter-spacing);
}

.deadline-board__intro {
  display: grid;
  gap: 0.7rem;
  padding: 0.82rem 0.94rem;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 0.42rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(249, 250, 251, 0.985));
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.03);
}

.deadline-board__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.deadline-board__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
  font-size: 0.76rem;
  color: var(--gray-500);
}

.deadline-board__stat {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.deadline-board__stat-value {
  display: inline;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
  color: var(--color-link);
}

.deadline-board__stat-label {
  display: inline;
  margin-top: 0;
  font-size: 0.76rem;
  color: var(--gray-500);
}

.deadline-board__toolbar {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.deadline-board__selection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.32rem 0.42rem;
  margin-top: -0.14rem;
  font-size: 0.72rem;
  color: var(--gray-500);
}

.deadline-board__selection-label {
  color: rgba(15, 23, 42, 0.54);
  letter-spacing: 0.01em;
}

.deadline-board__selection-text {
  color: rgba(15, 23, 42, 0.68);
}

.deadline-board__selection-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.18rem;
  padding: 0 var(--deadline-badge-pad-x);
  border-color: color-mix(in srgb, var(--subject-color, var(--color-link)) 24%, rgba(15, 23, 42, 0.08) 76%);
  background: var(--subject-soft, rgba(0, 85, 187, 0.08));
  color: var(--subject-color, var(--color-link));
  font-size: 0.67rem;
  font-weight: 400;
}

.deadline-board__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.deadline-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  min-height: var(--deadline-badge-min-height);
  border-color: var(--gray-200);
  background: white;
  color: inherit;
  padding: 0 var(--deadline-badge-pad-x);
  font: inherit;
  font-size: 0.71rem;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    background-color 150ms ease,
    color 150ms ease,
    box-shadow 150ms ease;
}

.deadline-filter:hover {
  transform: translateY(-1px);
  border-color: var(--subject-color, var(--color-link));
}

.deadline-filter.is-active {
  border-color: var(--subject-color, var(--color-link));
  background: var(--subject-soft, rgba(0, 85, 187, 0.1));
  color: var(--subject-color, var(--color-link));
  box-shadow: inset 0 0 0 1px var(--subject-color, var(--color-link));
}

.deadline-board__reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 7.1rem;
  min-height: var(--deadline-badge-min-height);
  border-color: var(--gray-200);
  background: rgba(255, 255, 255, 0.94);
  color: inherit;
  padding: 0 var(--deadline-badge-pad-x);
  font: inherit;
  font-size: 0.74rem;
  font-weight: 400;
  cursor: pointer;
}

.deadline-board__reset:disabled {
  opacity: 0.55;
  cursor: default;
}

.deadline-board__message,
.deadline-board__noscript {
  margin: 1rem 0 0;
  padding: 0.95rem 1rem;
  border: 1px dashed var(--gray-200);
  border-radius: 0.85rem;
  background: rgba(248, 249, 250, 0.9);
}

.deadline-board__section {
  margin-top: 1.2rem;
}

.deadline-board__section--featured {
  padding: 0.95rem 1rem 1.05rem;
  border: 1px solid rgba(29, 79, 145, 0.08);
  border-radius: 0.42rem;
  background:
    radial-gradient(circle at top left, rgba(29, 79, 145, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(252, 253, 255, 0.985), rgba(246, 249, 255, 0.985));
  box-shadow: 0 10px 24px rgba(29, 79, 145, 0.04);
}

.deadline-board__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.deadline-board__section-meta {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  min-width: 0;
}

.deadline-board__section-head h3 {
  margin: 0;
  font-size: 1.18rem;
}

.deadline-board__section-title {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

.deadline-board__section-title i {
  flex: 0 0 auto;
  font-size: 1.12rem;
  opacity: 0.82;
}

.deadline-board__section-title svg {
  width: 1.04rem;
  height: 1.04rem;
  flex: 0 0 auto;
  opacity: 0.82;
}

.deadline-board__section-head span {
  color: var(--gray-500);
  font-size: 0.85rem;
}

.deadline-board__section--featured .deadline-board__section-head {
  margin-bottom: 0.95rem;
}

.deadline-board__section--featured .deadline-board__section-title {
  color: #1d4f91;
}

.deadline-board__section--featured .deadline-board__section-title i,
.deadline-board__section--featured .deadline-board__section-title svg {
  color: #1d4f91;
  opacity: 0.84;
}

.deadline-board__section--featured .deadline-board__section-head span {
  color: rgba(29, 79, 145, 0.62);
}

.deadline-board__section--secondary .deadline-board__section-title {
  color: rgba(15, 23, 42, 0.84);
}

.deadline-board__section--secondary .deadline-board__section-title i,
.deadline-board__section--secondary .deadline-board__section-title svg {
  color: rgba(15, 23, 42, 0.58);
  opacity: 0.74;
}

.deadline-board__section--secondary .deadline-board__section-title .fa-yin-yang {
  font-size: 1.2rem;
  color: rgba(15, 23, 42, 0.9);
  opacity: 1;
}

.deadline-board__section--secondary .deadline-board__section-head span {
  color: rgba(15, 23, 42, 0.44);
}

.deadline-board__section-toggle {
  flex: 0 0 auto;
  min-height: 1.42rem;
  border-color: var(--gray-200);
  background: rgba(255, 255, 255, 0.92);
  color: var(--body-font-color);
  padding: 0 0.52rem;
  font: inherit;
  font-size: 0.74rem;
  cursor: pointer;
}

.deadline-board__section-toggle:hover {
  border-color: var(--gray-300);
}

.deadline-board__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.deadline-board__section--featured .deadline-board__grid {
  gap: 1.15rem;
}

.deadline-board__grid[hidden] {
  display: none;
}

.deadline-board__subject-group {
  display: grid;
  width: 100%;
  grid-column: 1 / -1;
}

.deadline-board__subject-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
  align-items: start;
}

.deadline-card {
  --deadline-header-track: 1.56rem;
  --deadline-header-optical-trim: 0.8rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-self: start;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.28rem;
  padding: 0.9rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 249, 250, 0.98)),
    var(--deadline-accent-soft, rgba(0, 85, 187, 0.08));
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.deadline-board__section--featured .deadline-card {
  border-color: rgba(29, 79, 145, 0.07);
  box-shadow: 0 12px 28px rgba(29, 79, 145, 0.05);
}

.deadline-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.32rem;
  background: var(--deadline-accent, var(--color-link));
}

.deadline-card--archived,
.deadline-card--past {
  border-color: rgba(15, 23, 42, 0.05);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(251, 251, 249, 0.985)),
    color-mix(in srgb, var(--deadline-accent-soft, rgba(0, 85, 187, 0.05)) 52%, rgba(255, 255, 255, 0.92) 48%);
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.025);
}

.deadline-card--ongoing {
  background:
    linear-gradient(180deg, rgba(253, 255, 255, 0.992), rgba(249, 251, 255, 0.992)),
    color-mix(in srgb, var(--deadline-accent-soft, rgba(59, 130, 246, 0.08)) 14%, rgba(255, 255, 255, 0.975) 86%);
  border-color: rgba(15, 23, 42, 0.055);
  box-shadow: 0 5px 14px rgba(37, 99, 235, 0.018);
}

.deadline-card--archived::before,
.deadline-card--past::before {
  width: 0.18rem;
  opacity: 0.22;
}

.deadline-card__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
  min-height: var(--deadline-header-track);
  margin-top: calc(var(--deadline-header-optical-trim) * -1);
  margin-bottom: calc(0.08rem - var(--deadline-header-optical-trim));
}

.deadline-card__header-main {
  min-width: 0;
  display: flex;
  align-items: center;
  min-height: var(--deadline-header-track);
}

.deadline-card__header-tags {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.32rem;
  min-height: var(--deadline-header-track);
}

.deadline-card__subjects {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.3rem;
  margin-bottom: 0;
}

.deadline-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: var(--subject-color, var(--gray-200));
  min-height: calc(var(--deadline-header-track) - 0.04rem);
  padding: 0 0.4rem;
  background: var(--subject-soft, rgba(0, 85, 187, 0.08));
  color: var(--subject-color, var(--color-link));
  font-size: 0.65rem;
  font-weight: 400;
  text-transform: uppercase;
}

.deadline-card__title {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.deadline-card__title a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--deadline-header-track);
  padding: 0 0.72rem;
  border: 1px solid var(--deadline-accent, var(--color-link));
  border-radius: 0.22rem;
  background: var(--deadline-accent-soft, rgba(0, 85, 187, 0.08));
  color: var(--deadline-accent, var(--color-link));
  font-weight: 300;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset;
}

.deadline-card__title a:hover {
  text-decoration: none;
  background: var(--deadline-accent-soft, rgba(0, 85, 187, 0.08));
}

.deadline-card__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--deadline-header-track) - 0.04rem);
  padding: 0 0.4rem;
  font-size: 0.64rem;
  font-weight: 400;
  text-transform: uppercase;
}

.deadline-card__status--upcoming {
  border-color: rgba(15, 118, 110, 0.18);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

.deadline-card__status--ongoing {
  border-color: rgba(37, 99, 235, 0.12);
  background: rgba(37, 99, 235, 0.05);
  color: rgba(37, 99, 235, 0.84);
}

.deadline-card__status--archived,
.deadline-card__status--past {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(15, 23, 42, 0.05);
  color: var(--gray-500);
}

.deadline-card__meta {
  display: grid;
  gap: 0.3rem;
  margin-top: 0.18rem;
  font-family: inherit;
}

.deadline-card__schedule-item {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.08rem 0;
  flex-wrap: nowrap;
}

.deadline-card__schedule-part {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: var(--body-font-color);
  font-size: 0.79rem;
  line-height: 1.35;
  white-space: nowrap;
  font-family: inherit;
  padding: 0.2rem 0.54rem;
  border: 1px solid rgba(15, 23, 42, 0.055);
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset, 0 4px 12px rgba(15, 23, 42, 0.03);
}

.deadline-card__schedule-part svg {
  width: 0.76rem;
  height: 0.76rem;
  flex: 0 0 auto;
  opacity: 0.68;
}

.deadline-card__schedule-part--location {
  color: rgba(15, 23, 42, 0.66);
  background: rgba(255, 255, 255, 0.94);
}

.deadline-card__schedule-part--dates {
  color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 62%, rgba(15, 23, 42, 0.75) 38%);
  border-color: color-mix(in srgb, var(--deadline-accent-soft, rgba(0, 85, 187, 0.12)) 32%, rgba(15, 23, 42, 0.06) 68%);
  background: rgba(255, 255, 255, 0.94);
}

.deadline-card--archived .deadline-card__title a,
.deadline-card--past .deadline-card__title a {
  border-color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 18%, rgba(15, 23, 42, 0.08) 82%);
  background: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 5%, rgba(255, 255, 255, 0.94) 95%);
  color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 42%, rgba(15, 23, 42, 0.5) 58%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.deadline-card--archived .deadline-chip,
.deadline-card--past .deadline-chip {
  border-color: color-mix(in srgb, var(--subject-color, var(--color-link)) 24%, rgba(15, 23, 42, 0.08) 76%);
  background: color-mix(in srgb, var(--subject-color, var(--color-link)) 7%, rgba(255, 255, 255, 0.93) 93%);
  color: color-mix(in srgb, var(--subject-color, var(--color-link)) 52%, rgba(15, 23, 42, 0.52) 48%);
}

.deadline-card--archived .deadline-card__status--archived,
.deadline-card--archived .deadline-card__status--past,
.deadline-card--past .deadline-card__status--archived,
.deadline-card--past .deadline-card__status--past {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.035);
  color: rgba(15, 23, 42, 0.48);
}

.deadline-card--archived .deadline-card__schedule-part,
.deadline-card--past .deadline-card__schedule-part {
  border-color: rgba(15, 23, 42, 0.04);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

.deadline-card--archived .deadline-card__schedule-part--location,
.deadline-card--past .deadline-card__schedule-part--location {
  color: rgba(15, 23, 42, 0.54);
}

.deadline-card--archived .deadline-card__schedule-part--dates,
.deadline-card--past .deadline-card__schedule-part--dates {
  color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 40%, rgba(15, 23, 42, 0.62) 60%);
  border-color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 14%, rgba(15, 23, 42, 0.06) 86%);
}

.deadline-card__deadlines {
  margin: 0.48rem 0 0;
  padding-left: 0.04rem;
  font-family: inherit;
  display: grid;
  gap: 0.24rem;
}

.deadline-card__deadline-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.52rem;
}

.deadline-card__deadline-group {
  display: grid;
  gap: 0.34rem;
  padding: 0.38rem 0.42rem 0.42rem;
  border: 1px solid rgba(15, 23, 42, 0.045);
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset;
}

.deadline-card__deadline-group-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 1.18rem;
  padding: 0 0.4rem;
  border: 1px solid color-mix(in srgb, var(--deadline-accent, var(--color-link)) 18%, rgba(15, 23, 42, 0.08) 82%);
  border-radius: 0.18rem;
  background: color-mix(in srgb, var(--deadline-accent-soft, rgba(0, 85, 187, 0.08)) 52%, rgba(255, 255, 255, 0.9) 48%);
  color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 84%, rgba(15, 23, 42, 0.22) 16%);
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset;
}

.deadline-card__deadline-group-items {
  display: grid;
  gap: 0.24rem;
}

.deadline-card__deadline {
  display: grid;
  grid-template-columns: 5.55rem auto minmax(0, 1fr) max-content;
  align-items: center;
  gap: 0.38rem;
  padding: 0.16rem 0.42rem;
  border: 1px solid rgba(15, 23, 42, 0.055);
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset, 0 4px 12px rgba(15, 23, 42, 0.03);
  color: inherit;
}

.deadline-card__deadline--compact {
  grid-template-columns: 2.15rem minmax(0, 1fr) max-content;
  gap: 0.34rem;
  padding: 0.16rem 0.34rem;
}

.deadline-card--ongoing .deadline-card__deadline--elapsed {
  border-color: color-mix(
    in srgb,
    var(--deadline-accent, var(--color-link)) 12%,
    rgba(15, 23, 42, 0.08) 88%
  );
  background:
    repeating-linear-gradient(
      -45deg,
      color-mix(
        in srgb,
        var(--deadline-accent, var(--color-link)) 9%,
        rgba(255, 255, 255, 0.95) 91%
      ) 0 8px,
      color-mix(
        in srgb,
        var(--deadline-accent, var(--color-link)) 9%,
        rgba(255, 255, 255, 0.95) 91%
      ) 8px 10px,
      transparent 10px 18px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.968),
      color-mix(in srgb, var(--deadline-accent, var(--color-link)) 3%, rgba(250, 248, 242, 0.968) 97%)
    );
}

.deadline-card--ongoing .deadline-card__title a {
  border-color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 72%, rgba(15, 23, 42, 0.12) 28%);
  background: color-mix(in srgb, var(--deadline-accent-soft, rgba(0, 85, 187, 0.08)) 56%, rgba(255, 255, 255, 0.94) 44%);
  color: color-mix(in srgb, var(--deadline-accent, var(--color-link)) 82%, rgba(15, 23, 42, 0.28) 18%);
}

.deadline-card--ongoing .deadline-chip {
  border-color: color-mix(in srgb, var(--subject-color, var(--color-link)) 74%, rgba(15, 23, 42, 0.12) 26%);
  background: color-mix(in srgb, var(--subject-soft, rgba(0, 85, 187, 0.08)) 52%, rgba(255, 255, 255, 0.94) 48%);
  color: color-mix(in srgb, var(--subject-color, var(--color-link)) 82%, rgba(15, 23, 42, 0.22) 18%);
}

.deadline-card--ongoing .deadline-card__schedule-part {
  border-color: rgba(15, 23, 42, 0.045);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset;
}

.deadline-card--archived .deadline-card__deadline,
.deadline-card--past .deadline-card__deadline {
  border-color: color-mix(
    in srgb,
    var(--deadline-accent, var(--color-link)) 11%,
    rgba(15, 23, 42, 0.08) 89%
  );
  background:
    repeating-linear-gradient(
      -45deg,
      color-mix(
        in srgb,
        var(--deadline-accent, var(--color-link)) 9%,
        rgba(255, 255, 255, 0.95) 91%
      ) 0 8px,
      color-mix(
        in srgb,
        var(--deadline-accent, var(--color-link)) 9%,
        rgba(255, 255, 255, 0.95) 91%
      ) 8px 10px,
      transparent 10px 18px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.96),
      color-mix(in srgb, var(--deadline-accent, var(--color-link)) 3%, rgba(250, 248, 242, 0.96) 97%)
    );
}

.deadline-card--archived .deadline-card__deadline-label,
.deadline-card--archived .deadline-card__deadline-date,
.deadline-card--past .deadline-card__deadline-label,
.deadline-card--past .deadline-card__deadline-date {
  color: rgba(15, 23, 42, 0.74);
}

.deadline-card--archived .deadline-card__deadline-separator,
.deadline-card--past .deadline-card__deadline-separator {
  color: rgba(15, 23, 42, 0.24);
}

.deadline-card--archived .deadline-card__deadline-time,
.deadline-card--past .deadline-card__deadline-time {
  color: rgba(15, 23, 42, 0.46);
}

.deadline-card--archived .deadline-card__schedule-part svg,
.deadline-card--archived .deadline-card__deadline-date svg,
.deadline-card--past .deadline-card__schedule-part svg,
.deadline-card--past .deadline-card__deadline-date svg {
  opacity: 0.56;
}

.deadline-card__deadline-label {
  justify-self: start;
  color: var(--body-font-color);
  font-size: 0.92rem;
  font-family: inherit;
  white-space: nowrap;
  min-width: 0;
}

.deadline-card__deadline--compact .deadline-card__deadline-label {
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.62);
}

.deadline-card__deadline-separator {
  color: rgba(15, 23, 42, 0.38);
  font-size: 0.9rem;
  line-height: 1;
  justify-self: center;
}

.deadline-card__deadline-date {
  display: inline-flex;
  align-items: center;
  gap: 0.24rem;
  color: inherit;
  white-space: nowrap;
  font-size: 0.92rem;
  font-family: inherit;
  min-width: 0;
}

.deadline-card__deadline--compact .deadline-card__deadline-date {
  font-size: 0.84rem;
}

.deadline-card__deadline-time {
  color: rgba(15, 23, 42, 0.62);
  font-size: 0.74rem;
  margin-left: 0.08rem;
}

.deadline-card__deadline-zone {
  color: rgba(15, 23, 42, 0.52);
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-left: 0.02rem;
}

.deadline-card__deadline-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  justify-self: end;
  margin-left: 0.06rem;
  min-height: 1.46rem;
  padding: 0 0.42rem;
  border: 1px solid rgba(185, 28, 28, 0.16);
  background: rgba(185, 28, 28, 0.08);
  color: #b91c1c;
  font-size: 0.68rem;
  font-weight: 400;
  white-space: nowrap;
}

.deadline-card__deadline--compact .deadline-card__deadline-badge {
  min-height: 1.28rem;
  padding: 0 0.34rem;
  font-size: 0.64rem;
}

.deadline-card__deadline-date svg {
  width: 0.84rem;
  height: 0.84rem;
  flex: 0 0 auto;
  opacity: 0.82;
}

.deadline-card__deadline time {
  white-space: nowrap;
  line-height: 1;
}

.deadline-card__note {
  margin: 0.72rem 0 0;
  color: var(--gray-500);
  line-height: 1.6;
}

@media (max-width: 960px) {
  .deadline-board__hero {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 720px) {
  .deadline-board__toolbar {
    gap: 0.7rem;
  }

  .deadline-board__summary {
    gap: 0.4rem 0.65rem;
  }

  .deadline-board__selection {
    margin-top: -0.04rem;
  }

  .deadline-board__reset {
    width: 100%;
  }

  .deadline-board__grid {
    gap: 0.88rem;
  }

  .deadline-board__subject-grid {
    grid-template-columns: 1fr;
  }

  .deadline-card__deadline {
    text-align: left;
  }

  .deadline-card__schedule-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.16rem;
  }

  .deadline-card__header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
  }

  .deadline-card__header-tags {
    justify-content: flex-start;
    min-height: 0;
  }

  .deadline-card__header-main,
  .deadline-card__title a,
  .deadline-chip,
  .deadline-card__status {
    min-height: 0;
  }

  .deadline-card__deadline {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 0.18rem;
  }

  .deadline-card__deadline-groups {
    grid-template-columns: 1fr;
  }

  .deadline-card__deadline--compact {
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: flex-start;
    gap: 0.16rem 0.28rem;
  }

  .deadline-card__deadline-label {
    justify-self: start;
  }

  .deadline-card__deadline-badge {
    justify-self: start;
  }

  .deadline-card__deadline--compact .deadline-card__deadline-badge {
    grid-column: 2;
    justify-self: start;
    margin-left: 0;
  }
}