/* Preview-only authoring chrome. Portable cards never include this sheet. */
.at-specimen-room {
  max-width: 1000px;
  margin: 0 auto 3rem;
  padding: 1.4rem 24px 1rem;
  border-block: 1px solid var(--red, #d63524);
  font: 12px/1.6 var(--mono, monospace);
  color: var(--ink, #26221f);
}
.at-specimen-room p { margin: 0 0 .7rem; }
.at-specimen-room .at-specimen-room-kicker { text-transform: uppercase; letter-spacing: .1em; }
.at-specimen-room .at-specimen-room-intro { font: 2rem/1.15 var(--serif, Georgia, serif); }
.at-specimen-room-warning { max-width: 65ch; }
.at-specimen-room-form { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .7rem 0; }
.at-specimen-room select { min-height: 44px; min-width: 0; max-width: 100%; padding: .5rem; font: inherit; color: inherit; background: var(--paper, #f8f4eb); }
.at-specimen-room-lookup { margin-top: 1rem; }
.at-specimen-room-lookup summary { min-height: 44px; cursor: pointer; padding-block: .6rem; }
.at-specimen-room-lookup h3 { margin: 1rem 0 .2rem; font: inherit; text-transform: uppercase; }
.at-specimen-room-lookup ul { margin: 0; padding: 0; list-style: none; }
.at-specimen-room-lookup a { display: flex; align-items: center; min-height: 44px; color: inherit; overflow-wrap: anywhere; }
.at-specimen-room-filters,
.at-specimen-room-actions,
.at-specimen-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1rem; }
.at-specimen-room-filters { margin: 1.2rem 0 .7rem; gap: .2rem .7rem; }
.at-specimen-room button,
.at-specimen-room-actions a,
.at-specimen-tools button,
.at-specimen-tools > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: .5rem .25rem;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: 12px/1.5 var(--mono, monospace);
  text-decoration: none;
  cursor: pointer;
}
.at-specimen-room button[aria-pressed="true"] { border-bottom-color: var(--red, #d63524); }
.at-specimen-room button:hover,
.at-specimen-room-actions a:hover,
.at-specimen-tools button:hover,
.at-specimen-tools > a:hover { text-decoration: underline; text-decoration-color: var(--red, #d63524); }
.at-specimen-room button:disabled { opacity: .55; cursor: default; }
.at-specimen-room :focus-visible,
.at-specimen-entry > h2:focus,
.at-specimen-tools :focus-visible { outline: 2px solid var(--red, #d63524); outline-offset: 4px; }
.at-specimen-room .at-specimen-room-status { margin: .8rem 0 0; min-height: 1.6em; }
.gh-content > .at-specimen-entry { min-width: 0; margin: 0 0 4rem; }
.at-specimen-entry > h2 { scroll-margin-top: 2rem; }
.at-specimen-entry > p { font: 12px/1.7 var(--mono, monospace); }
.at-specimen-tools { margin: .8rem 0 1.4rem; font: 12px/1.6 var(--mono, monospace); }
.at-specimen-source { display: block; flex: 0 0 100%; min-width: 0; max-width: 100%; }
.at-specimen-tools .at-specimen-span-source { flex: 0 0 100%; box-sizing: border-box; min-width: 0; max-width: 100%; margin: 0; padding: .7rem; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; font: 11px/1.6 var(--mono, monospace); }
.at-specimen-span-source code { white-space: inherit; font: inherit; }
.at-specimen-source textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 220px;
  max-height: 300px;
  margin-top: .6rem;
  padding: .8rem;
  overflow: auto;
  resize: vertical;
  border: 1px solid currentColor;
  background: #f8f4eb;
  color: #26221f;
  font: 11px/1.5 var(--mono, monospace);
  white-space: pre;
}
.at-specimen-entry[hidden], .at-specimen-source[hidden] { display: none !important; }
@media (max-width: 600px) {
  .at-specimen-room { margin-bottom: 2rem; }
  .at-specimen-room-filters { gap: .2rem .6rem; }
  .at-specimen-room .at-specimen-room-intro { font-size: 1.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .at-specimen-room, .at-specimen-tools { animation: none; transition: none; scroll-behavior: auto; }
}
@media print {
  .at-specimen-room, .at-specimen-tools { display: none !important; }
  .gh-content > .at-specimen-entry { margin-bottom: 2rem; }
}