/* Neruda Archives presentation layer.
   Scope: public site only, via Omeka S CSSEditor. */

:root {
  --nra-paper: #fbfbfa;
  --nra-surface: #ffffff;
  --nra-ink: #1d1d1a;
  --nra-muted: #706f68;
  --nra-line: #d9d8d2;
  --nra-faint: #ecebe7;
  --nra-green: #4f614e;
  --nra-brick: #7c3f35;
  --nra-blue: #334e68;
  --nra-measure: 76ch;
}

html {
  background: var(--nra-paper);
  overflow-x: hidden;
}

body {
  background: var(--nra-paper);
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0;
  overflow-x: hidden;
}

a {
  color: var(--nra-green);
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

a:hover,
a:focus {
  color: var(--nra-brick);
}

header,
footer {
  background: var(--nra-paper);
  color: var(--nra-ink);
  border-color: var(--nra-line);
}

header {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 32px 18px;
  overflow: visible;
}

h1.site-title,
.site-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  width: auto;
  max-width: 100%;
  padding: 0;
  background: transparent;
  white-space: normal;
}

.site-title a {
  color: var(--nra-ink);
  text-decoration: none;
}

.site-title::before,
#top-nav::before,
#top-nav::after {
  content: none;
  display: none;
}

#top-nav {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  max-width: 100%;
  margin-top: 22px;
  padding: 0 0 9px;
  background: transparent;
  border-bottom: 1px solid var(--nra-line);
  overflow: visible;
}

header nav {
  padding: 0;
}

header nav ul.navigation {
  width: auto;
  margin-left: 0;
}

#top-nav a {
  color: var(--nra-ink);
}

#top-nav a:hover,
#top-nav a:focus {
  color: var(--nra-brick);
}

#search-form {
  border-color: var(--nra-line);
  background: var(--nra-surface);
}

#search {
  position: static;
  width: auto;
  max-width: 100%;
  margin-top: 16px;
  text-align: left;
  transform: none;
}

#search form {
  display: flex;
  width: min(100%, 390px);
  padding: 0;
  border: 1px solid var(--nra-line);
  background: var(--nra-surface);
}

#fulltext-search {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.9rem;
  height: 38px;
  border: 0;
}

#search-submit {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  background: var(--nra-ink);
  text-indent: 0;
  font-size: 0;
}

#search-submit .o-icon-search {
  display: none;
}

#search-submit::before {
  content: "\f002";
  position: static;
  display: block;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 38px;
  text-align: center;
}

body.site-page-welcome #search {
  display: none;
}

body.site-page-welcome #top-nav {
  display: none;
}

body.site-page-welcome header {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--nra-line);
}

#content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 34px 32px 72px;
}

#content > h1,
#content > h2,
.resource-title,
.page-title {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--nra-ink);
  font-weight: 400;
  letter-spacing: 0;
}

#content > h1,
#content > h2 {
  font-size: clamp(2.1rem, 4vw, 4.7rem);
  line-height: 0.98;
  margin: 0 0 26px;
}

p,
li,
.value {
  max-width: var(--nra-measure);
}

hr,
.block-lineBreak,
.browse-controls,
.resource-list .resource {
  border-color: var(--nra-line);
}

.nra-home {
  padding: 22px 0 8px;
}

.nra-kicker,
.nra-label,
.property h4 {
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.nra-home h2 {
  max-width: 12ch;
  margin: 10px 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 6.4vw, 7rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: 0;
}

.nra-lede {
  max-width: 58ch;
  margin: 0 0 28px;
  color: var(--nra-ink);
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.48;
}

.nra-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 54px;
  margin: 54px 0 0;
  padding: 0;
  border-top: 1px solid var(--nra-line);
  list-style: none;
}

.nra-facts li {
  max-width: none;
  padding: 24px 0;
  border-bottom: 1px solid var(--nra-line);
}

.nra-facts strong {
  display: block;
  margin-bottom: 8px;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.18rem;
  font-weight: 400;
  line-height: 1.2;
}

.nra-facts span {
  display: block;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.88rem;
  line-height: 1.45;
}

.nra-model {
  padding: 18px 0 24px;
}

.nra-model h2 {
  max-width: 12.5ch;
  margin: 10px 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 5.6vw, 6.2rem);
  font-weight: 400;
  line-height: 0.94;
  letter-spacing: 0;
}

.nra-model-lede {
  max-width: 62ch;
  margin: 0 0 28px;
  font-size: clamp(1.04rem, 1.25vw, 1.2rem);
  line-height: 1.5;
}

.nra-model-private {
  max-width: 72ch;
  margin: 28px 0 42px;
  padding: 14px 16px;
  border: 1px solid var(--nra-line);
  color: var(--nra-muted);
  background: var(--nra-surface);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.88rem;
  line-height: 1.45;
}

.nra-model-section {
  padding: 30px 0;
  border-top: 1px solid var(--nra-line);
}

.nra-model-section h3 {
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
}

.nra-model-images {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 28px;
  align-items: start;
}

.nra-model-figure {
  min-width: 0;
}

.nra-model-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--nra-line);
  background: var(--nra-surface);
}

.nra-model-caption {
  max-width: none;
  margin: 10px 0 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.86rem;
  line-height: 1.45;
}

.nra-model-record {
  display: grid;
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
  gap: 0 32px;
  max-width: 940px;
  margin: 0;
}

.nra-model-record dt,
.nra-model-record dd {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--nra-faint);
}

.nra-model-record dt:first-of-type,
.nra-model-record dd:first-of-type {
  border-top: 0;
}

.nra-model-record dt {
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.nra-model-subjects {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 940px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nra-model-subjects li {
  max-width: none;
  padding: 4px 8px;
  border: 1px solid var(--nra-line);
  background: var(--nra-surface);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.86rem;
  line-height: 1.35;
}

.nra-model-texts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 30px;
}

.nra-model-text {
  min-width: 0;
}

.nra-model-text pre {
  margin: 0;
  padding: 20px;
  overflow-x: auto;
  border: 1px solid var(--nra-line);
  background: var(--nra-surface);
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.nra-model .nra-label {
  margin-bottom: 8px;
}

.nra-detail {
  padding: 8px 0 24px;
}

.nra-detail-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--nra-line);
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.nra-detail-topline strong {
  color: var(--nra-ink);
  font-weight: 600;
}

.nra-detail-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  padding: 22px 0 18px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-detail-title-row h2 {
  max-width: 880px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 2.4vw, 2.65rem);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: 0;
}

.nra-detail-title-row p {
  max-width: 820px;
  margin: 9px 0 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.94rem;
  line-height: 1.45;
}

.nra-detail-status {
  min-width: 210px;
  text-align: right;
}

.nra-detail-status strong {
  color: var(--nra-green);
}

.nra-detail-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(310px, 0.72fr);
  gap: 34px;
  align-items: start;
  padding: 30px 0 38px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-detail-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.nra-detail-section-head h3 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 1.4vw, 1.55rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

.nra-detail-section-head span,
.nra-detail-record dt,
.nra-detail-text-unit h4 {
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.nra-detail-image-stack {
  display: grid;
  gap: 18px;
}

.nra-detail-figure {
  margin: 0;
  border: 1px solid var(--nra-line);
  background: var(--nra-surface);
}

.nra-detail-image-shell {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(217, 216, 210, 0.55), rgba(255, 255, 255, 0.86));
}

.nra-detail-image-shell img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 760px;
  border: 1px solid rgba(29, 29, 26, 0.12);
  background: #fff;
}

.nra-detail-cover img {
  width: min(100%, 960px);
  max-height: none;
}

.nra-detail-figure p {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 12px;
  max-width: none;
  margin: 0;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--nra-faint);
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.86rem;
  line-height: 1.45;
}

.nra-detail-figure p strong {
  color: var(--nra-ink);
}

.nra-detail-record {
  min-width: 0;
  border-top: 2px solid var(--nra-ink);
}

.nra-detail-record h3 {
  margin: 14px 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 1.4vw, 1.55rem);
  font-weight: 400;
}

.nra-detail-summary {
  max-width: none;
  margin: 0 0 16px;
  color: var(--nra-ink);
  font-size: 1rem;
  line-height: 1.52;
}

.nra-detail-record dl {
  margin: 0;
}

.nra-detail-record dt,
.nra-detail-record dd {
  margin: 0;
}

.nra-detail-record dt {
  float: left;
  clear: left;
  width: 118px;
  padding: 10px 0;
  border-top: 1px solid var(--nra-faint);
}

.nra-detail-record dd {
  min-height: 40px;
  margin-left: 136px;
  padding: 10px 0;
  border-top: 1px solid var(--nra-faint);
}

.nra-detail-rights,
.nra-detail-private {
  max-width: none;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.84rem;
  line-height: 1.52;
}

.nra-detail-rights {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--nra-line);
}

.nra-detail-text-grid,
.nra-detail-machine {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  padding: 34px 0;
  border-bottom: 1px solid var(--nra-line);
}

.nra-detail-text-unit {
  margin-top: 14px;
  border-top: 1px solid var(--nra-line);
}

.nra-detail-text-unit h4 {
  margin: 14px 0 8px;
}

.nra-detail-text-unit pre {
  margin: 0;
  padding: 0 0 4px;
  overflow-x: auto;
  border: 0;
  background: transparent;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.48;
  white-space: pre-wrap;
}

.nra-detail-machine {
  border-bottom: 0;
}

.nra-detail-machine ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-width: none;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.nra-detail-machine li {
  max-width: none;
  padding: 4px 8px;
  border: 1px solid var(--nra-line);
  background: rgba(255, 255, 255, 0.72);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.3;
}

.resource-list .resource {
  padding: 22px 0;
  border-top: 1px solid var(--nra-line);
}

.resource-list .resource:first-child {
  border-top: 0;
}

.resource-list .resource h4,
.resource-list .resource h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.25;
}

.metadata {
  max-width: 960px;
}

.property {
  display: grid;
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
  gap: 18px 32px;
  padding: 16px 0;
  border-top: 1px solid var(--nra-faint);
}

.property:first-child {
  border-top: 0;
}

.property h4 {
  margin: 0;
}

.property .values,
.property .value {
  min-width: 0;
}

.property .value {
  white-space: pre-line;
}

.media-list,
.media-embeds {
  gap: 22px;
}

.media-list img,
.media-embeds img,
.media-render img {
  background: var(--nra-surface);
  border: 1px solid var(--nra-line);
}

/* Live item reading layout for Neruda Archives letters. */
body.item.resource.show {
  background: var(--nra-paper);
}

body.item.resource.show header {
  padding-top: 22px;
  padding-bottom: 6px;
}

body.item.resource.show h1.site-title,
body.item.resource.show .site-title {
  font-size: clamp(1.15rem, 1.7vw, 1.65rem);
  line-height: 1.1;
}

body.item.resource.show #top-nav {
  margin-top: 12px;
  padding-bottom: 12px;
}

body.item.resource.show #content {
  max-width: 1320px;
  padding-top: 22px;
}

body.item.resource.show #search {
  display: none;
}

body.item.resource.show #content > h2 {
  max-width: 880px;
  margin: 0 0 12px;
  font-size: clamp(1.65rem, 2.2vw, 2.45rem);
  line-height: 1.14;
}

body.item.resource.show #content > h2::before {
  content: "NRA-L-000001 / 1869";
  display: block;
  margin: 0 0 13px;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.item.resource.show #content > h3 {
  display: none;
}

body.item.resource.show .media-embeds {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin: 22px 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid var(--nra-line);
}

body.item.resource.show .media-render {
  margin: 0;
}

body.item.resource.show .media-render a {
  display: flex;
  justify-content: center;
  background: transparent;
  color: var(--nra-muted);
  text-decoration: none;
}

/* Archive images must keep their natural proportions.
   Do not force width: 100% with object-fit: contain; that creates pale side bands
   around cropped manuscript images. */
body.item.resource.show .media-render img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 72vh;
  object-fit: initial;
  background: transparent;
  border: 1px solid var(--nra-line);
  box-shadow: none;
}

body.item.resource.show .media-render a::after {
  content: attr(title);
  display: block;
  padding: 9px 0 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.35;
}

body.item.resource.show #content > dl:not(.media-list) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
}

body.item.resource.show #content > dl:not(.media-list)::before {
  content: "Archive Record";
  grid-column: 1 / -1;
  margin: 0 0 8px;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: 400;
  line-height: 1.2;
}

body.item.resource.show #content > dl:not(.media-list)::after {
  content: "Transcriptions and English translations are provided as working scholarly aids, not as replacements for the images of the original documents. Better readings, corrections and alternative translations are welcome when supported by the manuscript image, context or reliable sources.";
  grid-column: 1 / -1;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--nra-line);
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.86rem;
  font-style: italic;
  line-height: 1.55;
}

body.item.resource.show .property {
  display: grid;
  grid-template-columns: minmax(126px, 0.34fr) minmax(0, 1fr);
  gap: 12px 18px;
  padding: 13px 0;
  border-top: 1px solid var(--nra-faint);
}

body.item.resource.show .property dt {
  margin: 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.item.resource.show .property dd {
  margin: 0;
}

body.item.resource.show .property .language {
  display: none;
}

body.item.resource.show .property .value + .value {
  margin-top: 6px;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(2) {
  display: none;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(3),
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(11),
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(n + 14) {
  grid-column: 1 / -1;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12),
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) {
  display: block;
  grid-column: auto;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--nra-line);
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) dt,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) dt {
  margin: 0 0 18px;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.18rem, 1.7vw, 1.5rem);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) dt,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) dt {
  font-size: 0;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) dt::after,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) dt::after {
  font-size: clamp(1.18rem, 1.7vw, 1.5rem);
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) dt::after {
  content: "Original transcript";
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) dt::after {
  content: "English translation";
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) .value,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) .value {
  padding: 16px 0 0;
  border-top: 1px solid var(--nra-line);
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.08vw, 1.1rem);
  line-height: 1.55;
  white-space: normal;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) .value-content,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) .value-content {
  display: block;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12) .value + .value,
body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) .value + .value {
  margin-top: 28px;
}

body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(14) {
  margin-top: 30px;
}

body.item.resource.show .media-list {
  display: none;
}

body.nra-letter-page #content {
  max-width: 1320px;
  padding-top: 22px;
}

.nra-live-letter {
  color: var(--nra-ink);
}

.nra-live-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-live-kicker {
  margin: 0 0 12px;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.nra-live-title h2 {
  max-width: 880px;
  margin: 0;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 2.2vw, 2.45rem);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: 0;
}

.nra-live-summary {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
}

.nra-live-cite {
  min-width: 168px;
  margin: 0;
  color: var(--nra-green);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: right;
}

.nra-live-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 32px;
  padding: 26px 0 32px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-live-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  align-items: start;
}

.nra-live-figure {
  margin: 0;
}

.nra-live-figure a {
  display: flex;
  justify-content: center;
  background: transparent;
  color: inherit;
  text-decoration: none;
}

/* Same rule as the Omeka fallback above: never stretch manuscript images to the
   frame width. Keep the actual cropped image edge visible, centered and clean. */
.nra-live-figure img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 74vh;
  object-fit: initial;
  background: transparent;
  border: 1px solid var(--nra-line);
}

.nra-live-figure figcaption {
  display: flex;
  gap: 12px;
  padding-top: 9px;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.38;
}

.nra-live-figure figcaption strong {
  flex: 0 0 auto;
  color: var(--nra-ink);
}

.nra-live-record {
  padding-top: 2px;
}

.nra-live-record h3,
.nra-live-text h3,
.nra-live-machine h3 {
  margin: 0;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem);
  font-weight: 400;
  line-height: 1.25;
}

.nra-live-record dl {
  margin: 18px 0 0;
}

.nra-live-record dt,
.nra-live-segment-label,
.nra-live-section-head p {
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.nra-live-record dt {
  margin: 13px 0 3px;
}

.nra-live-record dd {
  margin: 0;
  color: var(--nra-ink);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}

.nra-live-rights {
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--nra-line);
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8rem;
  line-height: 1.55;
}

.nra-live-text {
  padding: 30px 0 0;
}

.nra-live-section-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: baseline;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-live-section-head p {
  margin: 0;
  text-align: right;
}

.nra-live-text-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 34px;
  padding: 24px 0 28px;
  border-bottom: 1px solid var(--nra-line);
}

.nra-live-segment-label {
  min-height: 1.1rem;
  margin: 0 0 14px;
}

.nra-live-text-cell h4 {
  margin: 0 0 14px;
  color: var(--nra-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  font-weight: 400;
  line-height: 1.25;
}

.nra-live-text-cell pre {
  margin: 0;
  overflow-x: auto;
  color: var(--nra-ink);
  background: transparent;
  border: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.05vw, 1.08rem);
  line-height: 1.52;
  letter-spacing: 0;
  white-space: pre-wrap;
}

.nra-live-machine {
  padding: 28px 0 0;
}

.nra-live-machine ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-width: none;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.nra-live-machine li {
  max-width: none;
  padding: 4px 8px;
  border: 1px solid var(--nra-line);
  color: var(--nra-ink);
  background: rgba(255, 255, 255, 0.65);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.35;
}

.nra-live-editorial-note {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid var(--nra-line);
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.85rem;
  font-style: italic;
  line-height: 1.55;
}

.nra-live-editorial-note p {
  max-width: none;
  margin: 0;
}

.nra-live-editorial-note p + p {
  margin-top: 9px;
}

.nra-live-correction {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--nra-faint);
  font-style: normal;
}

.nra-live-correction-notice {
  margin-top: 14px !important;
  padding: 11px 12px;
  border: 1px solid var(--nra-line);
  background: rgba(255, 255, 255, 0.7);
  color: var(--nra-ink) !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-style: normal !important;
  line-height: 1.45 !important;
}

.nra-live-correction-notice-error {
  border-color: #a86e61;
}

.nra-live-correction summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--nra-green);
  cursor: pointer;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.nra-live-correction summary::-webkit-details-marker {
  display: none;
}

.nra-live-correction summary::before {
  content: "+";
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid var(--nra-line);
  color: var(--nra-ink);
  font-size: 0.9rem;
  line-height: 1;
}

.nra-live-correction[open] summary::before {
  content: "-";
}

.nra-live-correction form {
  display: grid;
  gap: 13px;
  max-width: 880px;
  margin-top: 18px;
  padding: 18px 0 2px;
  border-top: 1px solid var(--nra-line);
}

.nra-live-correction label {
  display: grid;
  gap: 6px;
  max-width: none;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.nra-live-correction input,
.nra-live-correction textarea {
  width: 100%;
  border: 1px solid var(--nra-line);
  border-radius: 0;
  background: var(--nra-surface);
  color: var(--nra-ink);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

.nra-live-correction input {
  min-height: 39px;
  padding: 8px 10px;
}

.nra-live-correction textarea {
  min-height: 112px;
  resize: vertical;
  padding: 10px;
}

.nra-live-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.nra-live-correction button {
  justify-self: start;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid var(--nra-ink);
  background: var(--nra-ink);
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}

.nra-live-correction button:hover,
.nra-live-correction button:focus {
  background: var(--nra-green);
  border-color: var(--nra-green);
}

.nra-live-correction button[aria-disabled="true"] {
  border-color: var(--nra-line);
  background: transparent;
  color: var(--nra-muted);
  cursor: default;
}

.nra-live-correction button[aria-disabled="true"]:hover,
.nra-live-correction button[aria-disabled="true"]:focus {
  border-color: var(--nra-line);
  background: transparent;
  color: var(--nra-muted);
}

.nra-live-form-note {
  max-width: 680px;
  margin: 0;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.78rem;
  font-style: italic;
  line-height: 1.5;
}

.nra-live-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pagination,
.browse-controls,
.advanced-search,
.search-results-wrapper {
  font-family: "Open Sans", Arial, sans-serif;
}

button,
.button,
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  font-family: "Open Sans", Arial, sans-serif;
}

footer {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 32px 38px;
  color: var(--nra-muted);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.76rem;
}

@media (max-width: 800px) {
  header,
  #content,
  footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .nra-facts {
    grid-template-columns: 1fr;
  }

  .nra-facts li {
    padding-right: 0;
  }

  .nra-model-images,
  .nra-model-texts,
  .nra-model-record {
    display: block;
  }

  .nra-model-figure + .nra-model-figure,
  .nra-model-text + .nra-model-text {
    margin-top: 24px;
  }

  .nra-model-record dt {
    padding-bottom: 4px;
  }

  .nra-model-record dd {
    padding-top: 0;
  }

  .nra-detail-topline,
  .nra-detail-title-row,
  .nra-detail-workbench,
  .nra-detail-text-grid,
  .nra-detail-machine {
    display: block;
  }

  .nra-detail-status {
    min-width: 0;
    text-align: left;
  }

  .nra-detail-record {
    margin-top: 28px;
  }

  .nra-detail-text-grid > div + div,
  .nra-detail-machine > div + div {
    margin-top: 28px;
  }

  .nra-detail-record dt {
    float: none;
    width: auto;
    padding-bottom: 4px;
  }

  .nra-detail-record dd {
    min-height: 0;
    margin-left: 0;
    padding-top: 0;
  }

  .nra-detail-figure p {
    display: block;
  }

  .nra-detail-figure p strong {
    display: block;
    margin-bottom: 4px;
  }

  .property {
    display: block;
  }

  .property h4 {
    margin-bottom: 8px;
  }

  body.item.resource.show .media-embeds,
  body.item.resource.show #content > dl:not(.media-list) {
    grid-template-columns: 1fr;
  }

  body.item.resource.show .property,
  body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(12),
  body.item.resource.show #content > dl:not(.media-list) > .property:nth-of-type(13) {
    grid-column: 1 / -1;
  }

  .nra-live-title,
  .nra-live-workbench,
  .nra-live-images,
  .nra-live-text-pair {
    display: block;
  }

  .nra-live-cite {
    min-width: 0;
    margin-top: 14px;
    text-align: left;
  }

  .nra-live-record,
  .nra-live-figure + .nra-live-figure,
  .nra-live-text-cell + .nra-live-text-cell {
    margin-top: 26px;
  }

  .nra-live-section-head {
    display: block;
  }

  .nra-live-section-head p {
    margin-top: 8px;
    text-align: left;
  }

  .nra-live-form-row {
    grid-template-columns: 1fr;
  }
}