/* A single reading surface keeps real results and instructions together. */
html[data-aim-local] .hall-lat-drawer { inline-size: min(680px, 100vw); border-inline-start: 1px solid var(--rc-rule); background: var(--rc-paper); }
html[data-aim-local] .hall-lat-drawer > div { display: flex; flex: 1; min-block-size: 0; flex-direction: column; }
html[data-aim-local] .hall-lat-drawer .hall-lat-head { gap: 12px; padding: 18px 20px; background: var(--rc-paper); }
html[data-aim-local] .hall-lat-drawer .hall-lat-head h2 { font: 600 20px/1.35 var(--rc-font-body); color: var(--rc-ink); }
html[data-aim-local] .hall-lat-drawer .hall-lat-head p { margin-block-start: 4px; font-size: 12px; line-height: 1.5; color: var(--rc-ink-soft); }
html[data-aim-local] .hall-lat-drawer :is(.hall-lat-btn-primary, .hall-lat-btn-ghost, .hall-lat-link:where(button)) { border-radius: 6px !important; padding: 8px 12px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-journey {
  display: flex;
  flex: none;
  align-items: center;
  gap: 18px;
  padding: 12px 20px 0;
  margin: 0;
  list-style: none;
}
html[data-aim-local] .hall-lat-drawer .hall-lat-journey-step { display: flex; align-items: center; gap: 6px; color: var(--rc-slate); font-size: 12px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-journey-step > span { font: 500 12px/1 var(--rc-font-mono); }
html[data-aim-local] .hall-lat-drawer .hall-lat-journey-step b { font-weight: 500; }
html[data-aim-local] .hall-lat-drawer .hall-lat-journey-step small { display: none; }
html[data-aim-local] .hall-lat-drawer .hall-lat-journey-step.is-current { color: var(--rc-signal-text); }
html[data-aim-local] .hall-lat-drawer .hall-lat-hero { padding: 14px 20px; gap: 14px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pct { min-inline-size: 64px; font: 600 28px/1 var(--rc-font-mono); color: var(--rc-signal-text); }
html[data-aim-local] .hall-lat-drawer .hall-lat-hero-meta b { font-size: 14px; line-height: 1.4; font-weight: 600; }
html[data-aim-local] .hall-lat-drawer .hall-lat-hero-meta span { font-size: 12px; line-height: 1.5; }
html[data-aim-local] .hall-lat-drawer .hall-lat-bar { block-size: 3px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-list { padding: 0 20px 20px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-phase { padding: 14px 0; margin: 0; border: 0; border-block-end: 1px solid var(--rc-rule); border-radius: 0; background: transparent; }
html[data-aim-local] .hall-lat-drawer .hall-lat-phase h4 { margin: 0 0 8px; font-size: 14px; line-height: 1.4; }
html[data-aim-local] .hall-lat-drawer .hall-lat-row { padding-block: 8px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-row > span { overflow: visible; max-inline-size: 55%; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; font-size: 12px; line-height: 1.5; }
html[data-aim-local] .hall-lat-drawer .hall-lat-verdict { gap: 12px; padding: 16px 20px; background: transparent; box-shadow: inset 0 -1px var(--rc-rule); }
html[data-aim-local] .hall-lat-drawer .hall-lat-verdict .hall-lat-big { min-inline-size: 32px; inline-size: auto; block-size: auto; border-radius: 0; font: 600 28px/1 var(--rc-font-mono); background: transparent; color: var(--rc-signal-text); }
html[data-aim-local] .hall-lat-drawer .hall-lat-verdict h3 { margin: 0; font: 600 15px/1.45 var(--rc-font-body); }
html[data-aim-local] .hall-lat-drawer .hall-lat-verdict p { margin: 4px 0 0; font-size: 12px; line-height: 1.55; }
html[data-aim-local] .hall-lat-drawer .hall-lat-grp { padding: 18px 0 8px; font-size: 12px; color: var(--rc-ink-soft); }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 16px;
  padding: 16px 0;
  margin: 0;
  border: 0;
  border-block-end: 1px solid var(--rc-rule);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > .hall-lat-tag { grid-column: 1; grid-row: auto; justify-self: start; padding: 0; border: 0; font: 500 12px/1.4 var(--rc-font-body); color: var(--rc-ink-soft); background: transparent; box-shadow: none; }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > h4 { grid-column: 1; grid-row: auto; margin: 0; font: 600 15px/1.45 var(--rc-font-body); }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > .hall-lat-why { grid-column: 1; grid-row: auto; margin: 0; font-size: 13px; line-height: 1.6; color: var(--rc-ink-soft); }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > .hall-lat-act { grid-column: 2; grid-row: 1 / 4; align-self: center; margin: 0; }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > :is(.hall-lat-steps, .hall-lat-retest, .hall-lat-actions) { grid-column: 1 / -1; grid-row: auto; }
html[data-aim-local] .hall-lat-drawer .hall-lat-steps { min-inline-size: 0; padding: 0; margin-block-start: 12px; border: 0; }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-head { padding-block-start: 12px; margin-block-end: 8px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-head h4 { margin: 0; font: 600 14px/1.45 var(--rc-font-body); }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-head p { margin: 4px 0 0; color: var(--rc-ink-soft); font-size: 12px; line-height: 1.5; }
html[data-aim-local] .hall-lat-drawer .hall-lat-steps ol { gap: 0; }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-step { grid-template-columns: 22px minmax(0, 1fr); gap: 10px; padding: 12px 0; border: 0; border-radius: 0; background: transparent; }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-step + .hall-lat-guide-step { border-block-start: 1px solid var(--rc-rule); }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-step .hall-lat-n { display: block; inline-size: 22px; block-size: auto; padding-block-start: 1px; border: 0; border-radius: 0; background: transparent; color: var(--rc-slate); font: 500 12px/1.5 var(--rc-font-mono); }
html[data-aim-local] .hall-lat-drawer .hall-lat-step-content { min-inline-size: 0; }
html[data-aim-local] .hall-lat-drawer .hall-lat-step-title { margin: 0; font-size: 13px; line-height: 1.45; font-weight: 600; }
html[data-aim-local] .hall-lat-drawer .hall-lat-step-detail { margin: 4px 0 0; color: var(--rc-ink-soft); font-size: 13px; line-height: 1.6; }
html[data-aim-local] .hall-lat-drawer .hall-lat-copy { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 10px; margin-block-start: 8px; border: 1px solid var(--rc-rule); border-radius: 6px; background: var(--rc-paper-raise); }
html[data-aim-local] .hall-lat-drawer .hall-lat-copy code { flex: 1 1 180px; min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; color: var(--rc-ink); font: 500 12px/1.5 var(--rc-font-mono); }
html[data-aim-local] .hall-lat-drawer .hall-lat-guide-finish { display: none; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad { block-size: 190px; margin-block: 10px 6px; border: 1px solid var(--rc-rule); border-radius: 6px; box-shadow: none; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad-hint { inset-block-start: 14px; inset-inline-start: 14px; max-inline-size: calc(100% - 138px); font-size: 14px; line-height: 1.45; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad-hint small { font-size: 12px; line-height: 1.5; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad-motion { position: absolute; inset-inline-start: calc(50% - 24px); inset-block-start: 100px; inline-size: 48px; block-size: 48px; color: var(--rc-slate); opacity: .45; pointer-events: none; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad-countdown { inset-block-start: 14px; inset-inline-end: 14px; }
html[data-aim-local] .hall-lat-drawer .hall-lat-pad-countdown b { font: 600 24px/1 var(--rc-font-mono); }
@media (max-width: 480px) {
  html[data-aim-local] .hall-lat-drawer .hall-lat-head { flex-wrap: wrap; padding: 16px; }
  html[data-aim-local] .hall-lat-drawer .hall-lat-list { padding-inline: 16px; }
  html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item { grid-template-columns: minmax(0, 1fr); }
  html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > .hall-lat-act { grid-column: 1; grid-row: auto; justify-self: start; margin-block-start: 4px; }
  html[data-aim-local] .hall-lat-drawer .hall-lat-journey { gap: 12px; padding-inline: 16px; }
}

html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item > .hall-lat-tag.is-bad { color: var(--rc-signal-text); }
html[data-aim-local] .hall-lat-drawer .hall-lat-view .hall-lat-item.is-browser > a { grid-column: 1 / -1; grid-row: auto; justify-self: start; margin-block-start: 8px; }