.choice-cards {
  min-width: 0;
  padding: var(--space-12);
  border: 1px solid var(--color-line-strong);
  background: var(--color-paper);
}
.choice-cards__total {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-16);
  margin-block: var(--space-8);
  font-family: var(--font-number);
  font-size: var(--font-size-section);
}
.choice-cards__total strong {
  color: var(--color-vermilion);
}
.choice-cards__note,
.choice-cards__previous,
.choice-cards__reason {
  font-size: var(--font-size-table);
}
.choice-cards__desktop-note {
  display: none;
}
.choice-cards__reason {
  margin-top: var(--space-4);
  color: var(--color-text-muted);
}
.choice-cards__copy {
  margin-block: var(--space-8);
}
.choice-cards__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
}
.choice-cards__card {
  min-width: 0;
  padding: var(--space-12);
  border: 1px solid var(--color-line);
  background: var(--color-paper);
  overflow-wrap: anywhere;
}
.choice-cards__card--placed {
  border: var(--border-state) solid var(--color-green-dark);
  background: #edf1e8;
}
.choice-cards__card--confirmed {
  border-style: double;
  border-width: 4px;
}
.choice-cards__name {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--font-size-body);
}
.choice-cards__target {
  margin-top: var(--space-4);
  font-weight: bold;
}
.choice-cards__count {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-block: var(--space-4);
}
.choice-cards__count strong {
  font-family: var(--font-number);
  font-size: var(--font-size-section);
}
.choice-cards__marks {
  display: inline-flex;
  gap: var(--space-4);
}
.choice-cards__mark {
  display: grid;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  place-items: center;
  border: var(--border-state) dashed var(--color-line-strong);
  border-radius: 50%;
}
.choice-cards__mark--on {
  border: var(--border-state) solid var(--color-vermilion);
  background: var(--color-vermilion);
}
.choice-cards__state {
  display: inline-block;
  margin-top: var(--space-4);
  padding: 0 var(--space-8);
  border: 1px solid var(--color-vermilion);
  color: var(--color-vermilion);
  font-weight: bold;
}
.choice-cards__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
}
.choice-cards__operation {
  min-width: 0;
}
.choice-cards__button {
  width: 100%;
}
@media (min-width: 800px) {
  /* mock-H6 .policy, .scope, .strength, .previous */
  /* mock-H6 .policy: thin paper edge, lower contact shadow, two-plane folded corner. */
  .app-frame--meeting .choice-cards__card { position: relative; border-color: #b8ad90; border-radius: 2px; background: repeating-linear-gradient(83deg, #fff9e6 0 8px, #f6ecd6 9px 10px), linear-gradient(112deg, #fff9e6, #f4e9cf); box-shadow: 0 1px 0 #b8a27a, 0 3px 0 #b8a27a55; }
  .app-frame--meeting .choice-cards__card::after { position: absolute; right: 0; bottom: 0; border-top: 7px solid #aa8d66; border-right: 7px solid #e8dcc2; box-shadow: -1px -1px 0 #b8a27a inset; content: ""; }
  .app-frame--meeting .choice-cards__card--placed { border-color: #a87950; background: linear-gradient(110deg, #fffbed, #fff3d5); }
  .app-frame--meeting .choice-cards__card--placed::before { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 3px; background: #ad5a43; content: ""; }
  .app-frame--meeting .choice-cards__target { display: flex; justify-content: space-between; padding: 0 5px; border: 1px solid #d1c09e; border-radius: 2px; background: #efe7d2; color: #4e5e4b; }
  .app-frame--meeting .choice-cards__target::after { color: #948467; content: "変更 ▾"; font-size: 10px; }
  .app-frame--meeting .choice-cards__count > span { color: #9b8868; }
  .app-frame--meeting .choice-cards__previous { border-top: 1px solid #e2d3b5; color: #a2967d; }
  /* mock-H6 .seal, .empty */
  /* mock-H6 .seal, .empty: ink has no drop shadow; empty places are printed pale ink. */
  .app-frame--meeting .choice-cards__mark { position: relative; border: 1px dashed #c7b592; color: #a99b82; background: transparent; font-size: 12px; font-weight: 400; }
  .app-frame--meeting .choice-cards__mark--on { overflow: visible; border: 0; background: transparent; box-shadow: none; color: transparent; }
  .app-frame--meeting .choice-cards__seal-art { display: block; width: 30px; height: 30px; overflow: visible; }
  .app-frame--meeting .choice-cards__seal-art g { fill: none; stroke: #ad4f3b; stroke-width: 1.35px; }
  .app-frame--meeting .choice-cards__seal-art circle:last-of-type { display: none; }
  .app-frame--meeting .choice-cards__seal-art text { fill: #ad4f3b; stroke: none; font-family: var(--font-heading); font-size: 9px; font-weight: 500; text-anchor: middle; }
  .app-frame--meeting .choice-cards { height: 340px; padding: 6px; overflow: hidden; }
  .app-frame--meeting .choice-cards > h2, .app-frame--meeting .choice-cards__note, .app-frame--meeting .choice-cards__copy { display: none; }
  .app-frame--meeting .choice-cards__total { display: none; }
  .app-frame--meeting .choice-cards__list { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 140px); gap: 8px; margin: 0; }
  .app-frame--meeting .choice-cards__card { height: 140px; padding: 8px; }
  .app-frame--meeting .choice-cards__card:nth-child(n+4) { margin-top: 0; }
  .app-frame--meeting .choice-cards__name { font-size: 14px; line-height: 16px; white-space: normal; }
  .app-frame--meeting .choice-cards__note { display: none; }
  .app-frame--meeting .choice-cards__target, .app-frame--meeting .choice-cards__count { height: 18px; margin: 0; font-size: 12px; line-height: 18px; white-space: nowrap; }
  .app-frame--meeting .choice-cards__previous { display: none; }
  .app-frame--meeting .choice-cards__count { height: 36px; line-height: 20px; }
  .app-frame--meeting .choice-cards__marks { gap: 3px; }
  .app-frame--meeting .choice-cards__mark { width: 32px; min-width: 32px; height: 32px; min-height: 32px; font-size: 10px; }
  .app-frame--meeting .choice-cards__desktop-note { display: none; }
}