/* Read-only archive only. No creation-form styles or dynamic CSS. */
dialog.savedPlanArchive {
  box-sizing: border-box;
  width: min(820px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 24px;
  overflow: auto;
  border: 1px solid var(--v2-color-line);
  border-radius: var(--vt-v2-sheet-radius, 24px);
  background: var(--v2-color-surface, #fff);
  color: var(--v2-color-text, #20272f);
  font: 400 14px/1.55 var(--v2-font-sans, sans-serif);
  overflow-wrap: anywhere;
}
.savedPlanArchive::backdrop { background: rgb(0 0 0 / 55%); }
.savedPlanArchive header { display: flex; gap: 16px; align-items: start; justify-content: space-between; }
.savedPlanArchive h2 { margin: 0; font-size: 22px; }
.savedPlanArchive h3 { margin: 0 0 8px; font-size: 16px; }
.savedPlanArchive h4, .savedPlanArchive p { margin: 0 0 8px; }
.savedPlanArchive button { min-width: 44px; min-height: 44px; flex-shrink: 0; padding: 10px 14px; border: 1px solid var(--v2-color-line); border-radius: var(--vt-v2-radius-sm, 12px); background: var(--v2-color-brand-soft); color: var(--v2-color-brand); font: inherit; cursor: pointer; }
.savedPlanArchive a { color: var(--v2-color-brand); display: inline-block; }
.savedPlanArchive :is(button, a, summary):focus-visible { outline: 3px solid var(--v2-color-brand); outline-offset: 3px; }
.savedPlanArchive .archiveNotice { margin: 14px 0; color: var(--v2-color-text-2); }
.savedPlanArchive .vtSavedPlanList, .savedPlanArchive .vtPlanResult { display: grid; gap: 16px; }
.savedPlanArchive .vtSavedPlanCard { margin: 0; padding: 16px; border: 1px solid var(--v2-color-line); border-radius: 14px; background: var(--v2-color-surface); }
.savedPlanArchive summary { padding: 8px 0; cursor: pointer; font-weight: 700; }
.savedPlanArchive .vtPlanResult { padding-top: 12px; }
.savedPlanArchive dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 6px 16px; margin: 0; }
.savedPlanArchive dt { color: var(--v2-color-text-2); }
.savedPlanArchive dd { margin: 0; }
.savedPlanArchive .archiveDay, .savedPlanArchive .archiveOffer { padding: 12px; margin-bottom: 10px; border-radius: 10px; background: var(--v2-color-surface-muted); }
.savedPlanArchive small { display: block; }
@media (max-width: 600px) {
  dialog.savedPlanArchive { width: 100%; max-height: calc(100dvh - env(safe-area-inset-top)); margin-bottom: 0; padding: 20px 16px max(20px, env(safe-area-inset-bottom)); border-radius: var(--vt-v2-sheet-radius, 24px) var(--vt-v2-sheet-radius, 24px) 0 0; }
  .savedPlanArchive h2 { font-size: 19px; }
  .savedPlanArchive dl { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .savedPlanArchive dd { margin-bottom: 8px; }
}