/* Type-a-plate widget: shared by Rules and Check */
.try { margin-top: 32px; }
.try-stage {
  padding: 26px 0 24px;
  border-top: 1px solid rgba(69,48,46,0.14);
  border-bottom: 1px solid rgba(69,48,46,0.14);
  text-align: center;
}
.try-cap { font-size: 12px; color: var(--ink-soft); }
.try-plate {
  display: inline-flex;
  align-items: center;
  gap: 0.42em;
  height: 60px;
  margin-top: 14px;
  padding: 0 0.5em;
  border-radius: 0.14em;
  background: #fff;
  box-shadow: inset 0 0 0 0.06em #fff, inset 0 0 0 0.1em #111, 0 16px 30px rgba(69,48,46,0.14);
  font: 40px/1 var(--font-plate);
  color: #111;
  cursor: text;
}
.try-plate i {
  position: relative;
  flex-shrink: 0;
  width: 0.62em;
  aspect-ratio: 8 / 9;
  background: var(--red);
  border-radius: 1px 1px 3px 3px;
}
.try-plate i::before,
.try-plate i::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 46%;
  background: #fff;
  transform: translate(-50%, -50%);
}
.try-plate i::before { width: 60%; height: 16%; }
.try-plate i::after  { width: 16%; height: 60%; }
.try-in {
  width: 1.3em;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-transform: uppercase;
  outline: none;
}
.try-number { width: 1.9em; }
.try-in:focus-visible { outline: none; box-shadow: 0 3px 0 var(--red); }

.try-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 14px; }
.try-tags button {
  min-height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 3px;
  background: rgba(69,48,46,0.07);
  font: 13px/1 var(--font-plate);
  color: var(--chocolate);
  cursor: pointer;
}
.try-say { margin-top: 18px; font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
.try-say b { color: var(--chocolate); }
.try-say em { font-style: normal; font-weight: 600; color: var(--red); }
.try-total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--chocolate);
}
.try-total dt { font-size: 13px; font-weight: 600; }
.try-total dd { font-family: var(--font-heading); font-size: 56px; line-height: 0.86; }

@media (min-width: 900px) {
  .try { max-width: 560px; margin-top: 48px; }
  .try-plate { height: 76px; font-size: 52px; }
  .try-total dd { font-size: 72px; }
}