.more-cases-entry,
.more-cases-panel { box-sizing: border-box; }
.more-cases-entry *,
.more-cases-panel * { box-sizing: border-box; }
.more-cases-panel [hidden] { display: none !important; }

.more-cases-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 27px;
  padding: clamp(19px, 3vw, 28px);
  border: 1px solid #8b765d;
  border-left: 7px solid #bd6343;
  background: #f8ecd9;
  box-shadow: 5px 5px 0 #decdb3;
}
.more-cases-entry-copy { min-width: 0; }
.more-cases-entry-copy > span,
.more-cases-heading p,
.more-cases-choices button > span,
.more-cases-choices em {
  color: #8b4634;
  font: 800 .66rem/1.4 var(--home-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.more-cases-entry h3 { margin: 6px 0 4px; font-size: clamp(1.35rem, 2.5vw, 2rem); letter-spacing: -.04em; }
.more-cases-entry p { margin: 0; color: #554c3e; font-size: .83rem; line-height: 1.5; }
.more-cases-entry-actions { display: grid; justify-items: center; gap: 9px; flex: 0 0 auto; }
.more-cases-entry-actions button {
  min-width: 156px;
  min-height: 50px;
  padding: 11px 16px;
  border: 1px solid #17342f;
  border-radius: 0;
  color: #fffdf8;
  background: #17342f;
  font-family: inherit;
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
}
.more-cases-entry-actions button:hover { background: #2e5d4a; }
.more-cases-entry-actions button span { margin-left: 12px; }
.more-cases-entry-actions a { font-size: .73rem; font-weight: 750; text-underline-offset: 3px; }

.more-cases-panel {
  margin-top: 36px;
  padding: clamp(17px, 3.5vw, 37px);
  border: 2px solid #263f3c;
  background: repeating-linear-gradient(0deg, #e4dfd1 0 31px, #ddd6c4 32px);
  scroll-margin-top: 20px;
}
.more-cases-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.more-cases-heading p { margin: 0 0 6px; }
.more-cases-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1; letter-spacing: -.065em; }
.more-cases-heading span { display: block; max-width: 610px; margin-top: 10px; font-size: .85rem; line-height: 1.5; }
.more-cases-heading a { flex: 0 0 auto; margin-bottom: 4px; font-size: .75rem; font-weight: 780; text-underline-offset: 3px; }
.more-cases-current { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 16px 18px; border: 1px solid #8b765d; background: #fffaf0; }
.more-cases-current > div { min-width: 0; }
.more-cases-current p { margin: 0 0 6px; color: #8b4634; font: 800 .66rem/1.4 var(--home-mono); }
.more-cases-current h2 { margin: 0; font-size: clamp(1.15rem, 2.5vw, 1.6rem); line-height: 1.2; letter-spacing: -.03em; overflow-wrap: anywhere; }
.more-cases-current-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.more-cases-current button { min-height: 46px; padding: 10px 13px; border: 1px solid #17342f; border-radius: 0; color: #17342f; background: #f5ecdc; font-family: inherit; font-size: .8rem; font-weight: 800; cursor: pointer; }
.more-cases-current button:hover { background: #e5ebdf; }
.more-cases-current button:focus-visible { outline: 3px solid #a64732; outline-offset: 4px; }
.more-cases-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.more-cases-choices button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  min-height: 188px;
  padding: 19px 17px;
  border: 1px solid #907f6c;
  border-top: 5px solid #c86949;
  border-radius: 0;
  color: #17342f;
  background: #fffaf0;
  box-shadow: 3px 4px 0 #bdb19e;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
.more-cases-choices button:nth-child(2) { border-top-color: #789582; transform: rotate(.6deg); }
.more-cases-choices button:nth-child(3) { border-top-color: #b48760; transform: rotate(-.5deg); }
.more-cases-choices button:nth-child(4) { border-top-color: #7592a0; transform: rotate(.5deg); }
.more-cases-choices button:nth-child(5) { border-top-color: #a37c47; transform: rotate(-.5deg); }
.more-cases-choices button:nth-child(6) { border-top-color: #ad6145; transform: rotate(.4deg); }
.more-cases-choices button:hover { transform: translateY(-4px); box-shadow: 4px 7px 0 #bdb19e; }
.more-cases-choices button[aria-pressed="true"] { border-color: #2f7659; background: #e9f3e6; box-shadow: 3px 4px 0 #72967c; transform: translateY(-3px); }
.more-cases-choices button[data-file-state="made"] { border-top-color: #3d7a5d; }
.more-cases-choices button[data-file-state="made"] em { color: #225b42; }
.more-cases-choices button[data-file-state="interrupted"] { border-top-color: #b64d31; }
.more-cases-choices button[data-file-state="interrupted"] em { color: #8a3928; }
.more-cases-choices strong { font-size: 1rem; line-height: 1.25; letter-spacing: -.025em; }
.more-cases-choices small { color: #50615b; font-size: .76rem; line-height: 1.45; }
.more-cases-choices .more-cases-progress { padding-top: 8px; border-top: 1px dashed #adab91; color: #17342f; }
.more-cases-choices em { margin-top: auto; font-style: normal; }
.more-cases-choices :is(button, a):focus-visible, .more-cases-entry-actions button:focus-visible { outline: 3px solid #a64732; outline-offset: 4px; }
.more-cases-empty { margin: 18px 0 0; padding: 20px; border: 1px dashed #9c8b72; background: rgb(255 250 240 / 72%); font-size: .84rem; }
.more-cases-storage-note { margin: 14px 0 0; padding: 12px 14px; border-left: 4px solid #a64732; background: #fff4e6; font-size: .78rem; line-height: 1.45; }
.more-cases-panel > section { margin-top: 26px; scroll-margin-top: 20px; }
.more-cases-exit { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding: 21px 1px 2px; }
.more-cases-exit a { font-size: .8rem; font-weight: 800; text-underline-offset: 4px; }

@media (max-width: 1000px) {
  .more-cases-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .more-cases-choices button { min-height: 155px; }
}
@media (max-width: 640px) {
  .more-cases-entry { display: grid; padding: 18px 16px; }
  .more-cases-entry-actions { justify-items: stretch; }
  .more-cases-entry-actions button { width: 100%; }
  .more-cases-entry-actions a { justify-self: start; }
  .more-cases-panel { margin-top: 27px; padding: 15px; }
  .more-cases-heading { display: grid; }
  .more-cases-heading a { justify-self: start; }
  .more-cases-current { padding: 13px; }
  .more-cases-choices { grid-template-columns: 1fr; gap: 9px; margin-top: 18px; }
  .more-cases-choices button { min-height: 0; gap: 5px; padding: 13px 15px; transform: none !important; }
  .more-cases-choices button small { display: block; }
  .more-cases-choices em { margin-top: 2px; }
  .more-cases-panel > section { margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .more-cases-choices button { transition: none; }
}