  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--ink);
  background:rgba(245,243,238,.55);
  color:var(--ink);
  font-size:.75rem;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  font-style:normal;
}

.prep-more .prep-list .arrow {
  display:grid;
  place-items:center;
  width:24px;
  font-size:1.1rem;
}

.prep-more .prep-list a:focus-visible {
  outline:2px solid var(--ink);
  outline-offset:-2px;
}

.readiness-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:var(--space-xl);
  border:1px solid var(--ink);
  background:var(--ink);
}

.readiness-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-md);
  margin-top:var(--space-xl);
}

.readiness-head h3 {
  margin:0;
  font-size:1rem;
  letter-spacing:-.025em;
}

.readiness-head > span {
  color:rgba(16,24,40,.68);
  font:500 .6875rem/1.4 'DM Mono',monospace;
}

.readiness-head + .readiness-grid {
  margin-top:var(--space-sm);
}

.readiness-item,
.readiness-grid > a {
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr auto;
  min-width:0;
  min-height:112px;
  padding:12px 10px 11px;
  background:var(--paper);
  color:var(--ink);
  text-decoration:none;
}

.readiness-item::before,
.readiness-grid > a::before {
  position:absolute;
  top:9px;
  right:9px;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border:1px solid var(--ink);
  font:500 .6875rem/1 'DM Mono',monospace;
}

.readiness-item > span:first-child,
.readiness-grid > a > span:first-child {
  min-width:0;
  padding-right:24px;
  font:500 .625rem/1.4 'DM Mono',monospace;
  letter-spacing:.04em;
  overflow-wrap:anywhere;
}

.readiness-item strong,
.readiness-grid > a strong {
  align-self:end;
  display:block;
  min-width:0;
  margin-top:14px;
  font-size:.9375rem;
  line-height:1.3;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}

.readiness-item small,
.readiness-grid > a small {
  display:block;
  min-width:0;
  margin-top:5px;
  color:rgba(16,24,40,.7);
  font-size:.6875rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.readiness-item[data-state="attention"],
.readiness-grid > a[data-state="attention"],
.readiness-grid > a:nth-child(1),
.readiness-grid > a:nth-child(2) {
  background:#ffe2dc;
  background:color-mix(in srgb,var(--coral) 18%,var(--paper));
}

.readiness-item[data-state="attention"]::before,
.readiness-grid > a[data-state="attention"]::before,
.readiness-grid > a:nth-child(1)::before,
.readiness-grid > a:nth-child(2)::before {
  content:'!';
  background:var(--coral);
}

.readiness-item[data-state="confirmed"],
.readiness-grid > a[data-state="confirmed"],
.readiness-grid > a:nth-child(3) {
  background:#cbeaff;
  background:color-mix(in srgb,var(--blue) 55%,var(--paper));
}

.readiness-item[data-state="confirmed"]::before,
.readiness-grid > a[data-state="confirmed"]::before,
.readiness-grid > a:nth-child(3)::before {
  content:'✓';
  background:var(--blue);
}

.readiness-item[data-state="reference"],
.readiness-grid > a[data-state="reference"] {
  background:var(--ink);
  color:var(--paper);
}

.readiness-item[data-state="reference"]::before,
.readiness-grid > a[data-state="reference"]::before {
  content:'i';
  border-color:var(--paper);
  background:var(--paper);
  color:var(--ink);
}

.readiness-item[data-state="reference"] small,
.readiness-grid > a[data-state="reference"] small {
  color:#d0d5dd;
}

.readiness-grid > a:focus-visible {
  z-index:1;
  outline:2px solid var(--ink);
  outline-offset:-4px;
}

.home-section-intro,
.timeline-summary {
  max-width:38ch;
  margin:-12px 0 var(--space-xl);
  color:var(--muted);
  font-size:.9375rem;
  line-height:1.65;
  text-wrap:pretty;
}

.timeline .day-card {
  padding-top:12px;
  padding-right:44px;
}

.timeline .day-card::before {
  top:16px;
}

.timeline .day-card p {
  display:-webkit-box;
  max-width:none;
  padding-right:2px;
  overflow:hidden;
  white-space:normal;
  text-overflow:clip;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.timeline .day-more {
  right:4px;
  top:50%;
  transform:translateY(-50%);
}

.day-status {
  position:absolute;
  z-index:1;
  top:10px;
  right:44px;
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 7px;
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  font:500 .625rem/1 'DM Mono',monospace;
  letter-spacing:.05em;
}

.day-status:empty {
  display:none;
}

.day-card.is-next {
  background:#fff3bd;
  background:color-mix(in srgb,var(--yellow) 32%,var(--paper));
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.18);
}

.day-card-link.is-next .day-card::before,
.day-card.is-next::before {
  border-color:var(--ink);
  border-radius:0;
  background:var(--yellow);
  transform:rotate(45deg);
}

.day-card-link.is-next .day-status,
.day-card.is-next .day-status {
  background:var(--yellow);
}

.day-card.is-today {
  background:var(--yellow);
  box-shadow:inset 0 0 0 1px var(--ink);
}

.day-card.is-today::before {
  border-color:var(--ink);
  border-radius:0;
  background:var(--yellow);
}

.day-card.is-today .day-status {
  border-color:var(--ink);
  background:var(--ink);
  color:var(--yellow);
}

.timeline .day-card-link.is-next:hover .day-card,
.timeline .day-card-link.is-next:focus-visible .day-card {
  background:color-mix(in srgb,var(--yellow) 48%,var(--paper));
}

.timeline .day-card-link.is-today:hover .day-card,
.timeline .day-card-link.is-today:focus-visible .day-card {
  background:var(--yellow);
}

.bottom-nav a {
  position:relative;
  color:var(--muted);
  transition:background .16s ease-out, color .16s ease-out;
}

.bottom-nav a::before {
  content:'';
  position:absolute;
  top:3px;
  left:50%;
  width:24px;
  height:4px;
  background:var(--coral);
  opacity:0;
  transform:translateX(-50%) scaleX(.35);
  transition:opacity .16s ease-out, transform .16s ease-out;
}

.bottom-nav a.active,
.bottom-nav a[aria-current="page"] {
  background:#ffe9e4;
  background:color-mix(in srgb,var(--coral) 13%,var(--paper));
  color:var(--ink);
  font-weight:800;
}

.bottom-nav a.active::before,
.bottom-nav a[aria-current="page"]::before {
  opacity:1;
  transform:translateX(-50%) scaleX(1);
}

.bottom-nav a.active > span:first-child,
.bottom-nav a[aria-current="page"] > span:first-child {
  color:var(--coral);
}

.bottom-nav a:hover,
.bottom-nav a:focus-visible {
  background:rgba(16,24,40,.06);
  color:var(--ink);
}

.bottom-nav a.active:hover,
.bottom-nav a.active:focus-visible,
.bottom-nav a[aria-current="page"]:hover,
.bottom-nav a[aria-current="page"]:focus-visible {
  background:color-mix(in srgb,var(--coral) 19%,var(--paper));
}

.bottom-nav a:active {
  background:var(--yellow);
  color:var(--ink);
}

