.temporary-workspace {
  --trial-ink: #163a39;
  --trial-accent: #09675e;
  color: var(--trial-ink);
  font-family: system-ui, sans-serif;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 64rem;
  padding: clamp(.75rem, 3vw, 2rem);
  overflow-wrap: anywhere;
}
.temporary-workspace *, .temporary-workspace *::before, .temporary-workspace *::after { box-sizing: border-box; }
.temporary-workspace [hidden] { display: none !important; }
.temporary-workspace h2, .temporary-workspace h3, .temporary-workspace h4, .temporary-workspace p { margin: 0 0 .75rem; }
.temporary-workspace__eyebrow { color: var(--trial-accent); font-weight: 700; }
.temporary-workspace__header { margin-bottom: 1.25rem; }
.temporary-workspace__notice { background: #fff8dd; border: 1px solid #c5ad60; border-radius: .75rem; padding: 1rem; margin-bottom: 1.25rem; }
.temporary-workspace__notice p:last-child { margin-bottom: 0; }
.temporary-workspace__actions, .temporary-workspace__group-heading, .temporary-workspace__card-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.temporary-workspace__group-heading, .temporary-workspace__card-heading { justify-content: space-between; }
.temporary-workspace button { background: var(--trial-accent); color: #fff; border: 1px solid var(--trial-accent); border-radius: .5rem; padding: .65rem 1rem; min-height: 44px; font: inherit; font-weight: 600; cursor: pointer; max-width: 100%; }
.temporary-workspace button.temporary-workspace__secondary { background: #fff; color: var(--trial-accent); }
.temporary-workspace button.temporary-workspace__danger { background: #96342e; border-color: #96342e; color: #fff; }
.temporary-workspace button:disabled { opacity: .6; cursor: default; }
.temporary-workspace :is(button, input, textarea, select):focus-visible { outline: 3px solid #174bce; outline-offset: 3px; }
.temporary-workspace__status { min-height: 1.65em; margin-top: .75rem !important; }
.temporary-workspace__error { color: #8b241e; background: #fff0ee; border: 1px solid #bc574c; padding: .75rem; border-radius: .5rem; }
.temporary-workspace__group { margin-top: 1.5rem; }
.temporary-workspace__card { background: #fff; border: 1px solid #a8bfba; border-radius: .75rem; padding: 1rem; margin-top: 1rem; }
.temporary-workspace__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.temporary-workspace__field { display: flex; flex-direction: column; gap: .3rem; min-width: 0; font-weight: 600; }
.temporary-workspace :is(input, textarea, select) { width: 100%; min-width: 0; min-height: 44px; padding: .6rem; border: 1px solid #738e88; border-radius: .35rem; color: var(--trial-ink); background: #fff; font: inherit; font-weight: 400; }
.temporary-workspace textarea { resize: vertical; min-height: 6rem; }
.temporary-workspace__help { color: #435d58; font-size: .9rem; margin-bottom: 1rem !important; }
.temporary-workspace dialog { color: var(--trial-ink); background: #fff; border: 1px solid #738e88; border-radius: .75rem; padding: 1.25rem; width: min(30rem, calc(100% - 2rem)); max-height: calc(100% - 2rem); overflow: auto; }
.temporary-workspace dialog::backdrop { background: rgb(9 32 29 / 55%); }
.temporary-workspace__calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .25rem; margin: 1rem 0; }
.temporary-workspace__calendar-weekday { text-align: center; font-weight: 700; }
.temporary-workspace__calendar-grid button { min-height: 56px; padding: .25rem; font-size: .85rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.temporary-workspace [aria-pressed="true"] { background: var(--trial-ink) !important; color: #fff !important; border-color: var(--trial-ink) !important; }
.temporary-workspace__calendar-filters { margin-bottom: .75rem; }
.temporary-workspace__calendar-records { padding: 0; list-style: none; }
.temporary-workspace__calendar-records li { border-bottom: 1px solid #a8bfba; padding: .75rem 0; }
.temporary-workspace__date-hint { margin-top: .75rem !important; font-size: .9rem; color: #435d58; }
.temporary-workspace__amounts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.temporary-workspace__amounts > div { border: 1px solid #a8bfba; border-radius: .5rem; padding: .75rem; min-width: 0; }
.temporary-workspace__amounts dt, .temporary-workspace__record-result { font-weight: 700; }
.temporary-workspace__amounts dd { margin: .3rem 0 0; }
.temporary-workspace__input-hint { font-weight: 400; color: #435d58; }
.temporary-workspace [aria-invalid="true"] { border-color: #a03228; background: #fff6f4; }
@media (max-width: 600px) {
  .temporary-workspace__fields { grid-template-columns: minmax(0, 1fr); }
  .temporary-workspace__amounts { grid-template-columns: minmax(0, 1fr); }
  .temporary-workspace__card { padding: .75rem; }
}

.temporary-workspace__catalog { border: 1px solid #a8bfba; border-radius: .75rem; padding: 1rem; margin: 1rem 0; }
.temporary-workspace__candidate-list { list-style: none; padding: 0; margin: .75rem 0 0; }
.temporary-workspace__candidate-list li { border-top: 1px solid #a8bfba; padding: .75rem 0; min-width: 0; }
.temporary-workspace__machine-results { list-style: none; padding: 0; margin: 1rem 0 0; }
.temporary-workspace__machine-results li { border-top: 1px solid #a8bfba; padding: .25rem 0; min-width: 0; }
.temporary-workspace__machine-results summary { box-sizing: border-box; min-height: 44px; padding: .65rem .5rem; font-weight: 700; cursor: pointer; overflow-wrap: anywhere; }
.temporary-workspace__machine-results summary:focus-visible { outline: 3px solid #174bce; outline-offset: 3px; }
.temporary-workspace__machine-results dl { padding: 0 .5rem; overflow-wrap: anywhere; }
.temporary-workspace__machine-results dt { font-weight: 700; }
.temporary-workspace__machine-results dd { margin: .25rem 0 .75rem; }
.temporary-workspace__catalog [role="status"] { margin-top: .75rem; }

.general-trial-page { margin: 0; color: #163a39; background: #f3f8f6; font-family: system-ui, sans-serif; line-height: 1.65; }
.general-trial-page :is(a, button, input, select) { touch-action: manipulation; }
.general-trial-page__header, .general-trial-page__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; padding: .75rem max(1rem, calc((100% - 64rem) / 2)); background: #fff; }
.general-trial-page__header nav { display: flex; flex-wrap: wrap; gap: .5rem; }
.general-trial-page :is(header, footer) a { display: inline-flex; min-height: 44px; align-items: center; color: #09675e; }
.general-trial-page__intro { max-width: 60rem; padding: 1rem; margin: auto; overflow-wrap: anywhere; }
.general-trial-page__intro h1 { font-size: clamp(1.4rem, 4vw, 2rem); }
.general-trial-page__intro p { margin: .5rem 0; }
.general-trial-page .temporary-workspace { background: #fff; }
.temporary-workspace [data-hall-page-label] { overflow-wrap: anywhere; }
.general-trial-page__entry { box-sizing: border-box; max-width: 100%; display: inline-flex; min-height: 44px; align-items: center; color: #09675e; border: 1px solid currentColor; padding: .6rem 1rem; border-radius: .5rem; margin-bottom: 1rem; }
.general-trial-page__reading { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.general-trial-page__reading a { box-sizing: border-box; max-width: 100%; }

.general-trial-help { box-sizing: border-box; max-width: 60rem; margin: 1.5rem auto; padding: 1.25rem; background: #fff; border: 1px solid #a8bfba; border-radius: .75rem; overflow-wrap: anywhere; scroll-margin-top: 1rem; }
.general-trial-help h2 { font-size: clamp(1.2rem, 4vw, 1.5rem); margin-top: 0; }
.general-trial-help__notice { padding: 1rem; margin-bottom: 1rem; background: #fff8dd; border: 1px solid #c5ad60; border-radius: .5rem; }
.general-trial-help__notice p:last-child { margin-bottom: 0; }
.general-trial-help__comparison { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 1.25rem 0; font-size: .95rem; }
.general-trial-help__comparison caption { text-align: left; font-weight: 700; margin-bottom: .5rem; }
.general-trial-help__comparison th, .general-trial-help__comparison td { padding: .65rem; border: 1px solid #a8bfba; text-align: left; vertical-align: top; }
.general-trial-help__comparison th:first-child { width: 22%; }
.general-trial-help__comparison thead th { background: #edf6f3; }
.general-trial-help__question { border-top: 1px solid #a8bfba; padding: .25rem 0; }
.general-trial-help__question summary { box-sizing: border-box; min-height: 44px; padding: .7rem .5rem; font-weight: 700; cursor: pointer; }
.general-trial-help__question p { margin: .5rem .5rem 1rem; }
.general-trial-help__caution { margin-top: 1.25rem; color: #435d58; }
.general-trial-help summary:focus-visible, .general-trial-page__entry:focus-visible { outline: 3px solid #174bce; outline-offset: 3px; }
@media (max-width: 600px) {
  .general-trial-help { margin: 1rem .5rem; padding: 1rem; }
  .general-trial-help__comparison th, .general-trial-help__comparison td { padding: .4rem; }
}