/* The approved detail layout: bounded media, nearby feedback, and progressive
   disclosure of evidence. These rules never affect the artifact library. */
.ar-detail.ar-detail--reader {
  max-width: 1160px;
  --ar-muted: var(--color-ink-600);
  --ar-accent: var(--color-brass-800);
}
.ar-detail--reader .ar-detail-nav { border: 0; padding: 0; min-height: 38px; font-size: 13px; }
.ar-neighbors { display: flex; gap: 8px; }
.ar-neighbors a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--ar-line); border-radius: 6px; color: var(--color-ink-800); background: var(--ar-surface); font-size: 18px; }
.ar-detail--reader .ar-detail-head { padding: 24px 0; max-width: 860px; }
.ar-detail--reader .ar-detail-head h1 { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.3; font-weight: 600; letter-spacing: -.7px; margin: 10px 0; }
.ar-detail-head p { font-size: 13px; line-height: 1.6; color: var(--ar-muted); margin: 0; }
.ar-reader-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 36px; align-items: start; }
.ar-reader-main, .ar-reader-sidebar, .ar-media, .ar-reader-section { min-width: 0; }
.ar-detail--reader .lx-plate { border: 0; box-shadow: none; background: transparent; }
.ar-detail--reader .lx-plate__stage { border-radius: 10px; overflow: hidden; background: var(--color-ink-100); }
.ar-detail--reader .lx-plate__frame { display: inline-block; width: auto; max-width: 100%; vertical-align: middle; }
.ar-detail--reader .lx-plate__img { display: block; width: auto; height: auto; max-width: 100%; max-height: min(58vh, 560px); margin: auto; }
.ar-detail--reader .lx-plate__blank { min-height: 180px; }
.ar-detail--reader .lx-plate__bar { display: none; }
.ar-detail--reader:not(.ar-show-faces) .lx-facebox { visibility: hidden; }
.ar-media-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 14px 0 8px; font-size: 12px; color: var(--ar-muted); }
.ar-media-tools > a { margin-left: auto; }
.ar-detail--reader .ar-filmstrip { margin: 14px 0 24px; gap: 8px; }
.ar-detail--reader .ar-filmstrip > a { width: 64px; height: 60px; border-radius: 5px; }
.ar-reader-tabs { display: flex; gap: 25px; border-bottom: 1px solid var(--ar-line); margin: 24px 0 22px; overflow-x: auto; }
.ar-reader-tabs a { flex-shrink: 0; font-size: 13px; color: var(--ar-muted); padding: 0 0 13px; border-bottom: 2px solid transparent; }
.ar-reader-tabs a[aria-selected=true] { border-color: var(--ar-accent); color: var(--color-ink-900); }
.ar-reader-section[hidden] { display: none !important; }
.ar-detail--reader .ar-extracts { border: 0; padding: 0; }
.ar-reader-section { scroll-margin-top: 24px; }
.ar-reader-facts { padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px solid var(--ar-line); }
.ar-detail--reader h2 { font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -.25px; margin: 0 0 16px; }
.ar-facts-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ar-facts-heading > a { font-size: 12px; white-space: nowrap; }
.ar-fact-meta { display: block; font-size: 12px; line-height: 1.65; color: var(--ar-muted); margin: 5px 0; overflow-wrap: anywhere; }
.ar-place-name { font-size: 15px; line-height: 1.5; margin: 0; overflow-wrap: anywhere; }
.ar-label-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 0; }
.ar-label-row > div { min-width: 0; }
.ar-label-name { display: block; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.ar-label-row form { flex-shrink: 0; }
.ar-detail--reader .ar-text-action { display: inline; background: none; border: 0; box-shadow: none; padding: 8px 0; color: var(--ar-accent); font: inherit; font-size: 11px; line-height: 1.5; cursor: pointer; white-space: nowrap; }
.ar-detail--reader .ar-text-action:hover { text-decoration: underline; }
.ar-detail--reader button:focus-visible, .ar-detail--reader summary:focus-visible { outline: 2px solid var(--ar-accent); outline-offset: 3px; }
.ar-inline-disclosure { margin: 10px 0 0; font-size: 13px; min-width: 0; }
.ar-inline-disclosure > summary { padding: 7px 0; font-size: 12px; color: var(--ar-accent); cursor: pointer; }
.ar-inline-disclosure[open] > summary { margin-bottom: 10px; }
.ar-reader-disclosure { padding: 14px 0; border-bottom: 1px solid var(--ar-line); font-size: 13px; }
.ar-reader-disclosure > summary { padding: 4px 0; cursor: pointer; }
.ar-action-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.ar-subtle-link { display: inline-block; font-size: 12px; margin-top: 12px; }
.ar-person-row { display: flex; align-items: center; gap: 12px; margin: 14px 0; font-size: 14px; }
.ar-person-row > div:first-child { flex-shrink: 0; border-radius: 50%; }
.ar-person-row > div:last-child { min-width: 0; overflow-wrap: anywhere; }
.ar-summary > p { font-size: 15px; line-height: 1.8; margin: 0 0 14px; }
.ar-summary-details { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 20px; font-size: 12px; }
.ar-summary-details dt { color: var(--ar-muted); }
.ar-summary-details dd { margin: 0; overflow-wrap: anywhere; }
.ar-notes { padding: 28px 0; }
.ar-notes blockquote { border-left: 2px solid var(--ar-accent); margin: 12px 0; padding: 0 0 0 16px; font-size: 14px; }
.ar-notes footer { font-size: 11px; line-height: 1.6; color: var(--ar-muted); }
.ar-note-form, .ar-add-label { display: grid; gap: 10px; }
.ar-note-form label, .ar-add-label label { font-size: 12px; }
.ar-note-form textarea, .ar-add-label input[type=text] { width: 100%; min-width: 0; border: 1px solid var(--ar-line); border-radius: 6px; padding: 10px 12px; background: var(--ar-surface); color: var(--color-ink-900); }
.ar-note-form input[type=submit], .ar-add-label input[type=submit] { justify-self: start; }
.ar-detail--reader .ar-reader-sidebar .lx-panel { margin: 0; padding: 0; border: 0; }
.ar-detail--reader .ar-reader-sidebar .lx-panel__head { display: none; }
.ar-detail--reader .ar-reader-sidebar .lx-panel__prose { font-size: 12px; line-height: 1.7; }
.ar-reader-sidebar .lx-person { flex-wrap: wrap; gap: 8px; }
.ar-detail--reader .ar-people-correction [style*="min-width"] { min-width: 0 !important; }
.ar-detail--reader .ar-people-correction .Box-row { padding: 12px 0 !important; }
.ar-detail--reader .ar-people-correction .Box { border: 0; background: transparent; }
.ar-reader-sidebar input, .ar-reader-sidebar select, .ar-reader-sidebar textarea { width: 100%; min-width: 0; }
.ar-reader-sidebar input[type=submit] { width: auto; }
.ar-reader-sidebar .stack { margin: 16px 0; }
.ar-reader-section pre { max-width: 100%; }
.ar-detail--reader .ar-extracts [style*="grid-template-columns"] { display: flex !important; flex-wrap: wrap; }
@media (max-width: 1000px) {
  .ar-reader-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 26px; }
}
@media (max-width: 760px) {
  .ar-reader-layout { display: flex; flex-direction: column; gap: 28px; }
  .ar-reader-main, .ar-reader-sidebar { width: 100%; }
  .ar-detail--reader .ar-detail-head { padding: 22px 0; }
  .ar-detail--reader .ar-detail-nav { gap: 10px; flex-wrap: nowrap; }
  .ar-detail--reader .ar-detail-nav > span { order: 0; width: auto; font-size: 11px; }
  .ar-neighbors a { width: 32px; height: 32px; }
  .ar-reader-tabs { gap: 20px; }
  .ar-reader-tabs a { font-size: 12px; }
  .ar-detail--reader .lx-plate__img { max-height: 50vh; }
  .ar-reader-sidebar { border-top: 1px solid var(--ar-line); padding-top: 24px; }
}

.ar-reader-facts, .ar-notes { position: relative; }
.ar-heading-action:not([open]) { margin: 0; }
.ar-heading-action > summary { position: absolute; top: 0; right: 0; list-style: none; padding: 0; font-size: 12px; }
.ar-heading-action > summary::-webkit-details-marker { display: none; }
.ar-notes .ar-heading-action > summary { top: 29px; }
.ar-facts-heading h2 { padding-right: 86px; }
.ar-summary .ar-facts-heading h2 { padding-right: 0; }
.ar-detail--reader .pdf-reader__cover img { max-height: min(58vh, 560px); }

.ar-label-evidence > summary { cursor: pointer; }
.ar-label-evidence[open] { margin-bottom: 6px; }

.ar-provenance { overflow-wrap: anywhere; }
.ar-provenance code { white-space: pre-wrap; }
.ar-sightings { padding-left: 22px; }
.ar-sightings > li { padding: 12px 0; border-bottom: 1px solid var(--ar-line); }
.ar-sightings > li:last-child { border-bottom: 0; }