/* D-083: Room 03 only. Preserve original photographs and upright study geometry. */
#room-anatomy {
  position: relative;
  background: linear-gradient(90deg, #b5a58b15, transparent 15% 85%, #b5a58b15), #f2ead9;
  border-block: 6px solid #ddd0b8;
  box-shadow: inset 0 1px #947a5880, inset 0 -1px #947a5880;
}
#room-anatomy::before {
  content: ""; position: absolute; inset: 17px;
  border: 1px solid #947a5838; pointer-events: none;
}
#room-anatomy > header { margin-bottom: 28px; }
#room-anatomy > header > .an-marker { display: flex; align-items: center; gap: 16px; color: #615039; }
#room-anatomy > header > .an-marker::after { content: ""; width: 80px; height: 1px; background: #947a58; }
#room-anatomy h2 { text-wrap: balance; }
#room-anatomy .an-deck { max-width: 48ch; color: #554638; }
#room-anatomy .an-landmark-controls {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) minmax(80px,.65fr);
  gap: 0; margin: 0 0 14px; border-bottom: 1px solid #947a58;
}
#room-anatomy .an-landmark-controls button {
  border: 0; border-bottom: 3px solid transparent; border-radius: 0;
  background: transparent; color: #40352c; min-height: 46px; padding: 11px 10px;
  font: 400 1rem/1.35 var(--serif); box-shadow: none;
}
#room-anatomy .an-landmark-controls button:hover { background: #947a5814; }
#room-anatomy .an-landmark-controls button[aria-pressed="true"] {
  background: #947a581c; color: #302722; border-bottom-color: #6b4934;
}
#room-anatomy .an-landmark-feedback { font-size: .94rem; min-height: 3em; margin: 0 0 12px; }
#room-anatomy .an-neck-notice { color: #615039; font-size: .875rem; margin-bottom: 20px; }
#room-anatomy .an-neck-pair { gap: clamp(26px,4vw,52px); align-items: start; }
#room-anatomy .an-neck-mount {
  padding: clamp(14px,1.6vw,24px); background: #fff8e8;
  border: 1px solid #947a58; outline: 3px solid #453128; outline-offset: 1px;
  box-shadow: inset 0 0 0 3px #ded0b8, 0 12px 24px #30272226;
  transition: box-shadow .18s ease;
}
#room-anatomy .an-neck-mount:hover { box-shadow: inset 0 0 0 3px #ded0b8, 0 16px 30px #30272238; }
#room-anatomy .an-neck-photo figcaption { padding-top: 25px; max-width: 47ch; }
#room-anatomy figcaption > .an-marker { font-size: .65rem; letter-spacing: .1em; color: #615039; }
#room-anatomy .an-neck-photo h3 { font-size: 1.65rem; margin: 9px 0 10px; text-wrap: balance; }
#room-anatomy .an-neck-photo h3 + p { font-size: .875rem; color: #615039; margin: 0 0 16px; }
#room-anatomy .an-neck-photo .an-credit { border-top: 1px solid #b5a58b; padding-top: 14px; margin-top: 20px; font-size: .875rem; color: #554638; }
#room-anatomy .an-look-closer { font: 400 1rem/1.4 var(--serif); padding-block: 6px; }
#room-anatomy .an-landmark-guide { margin-top: 30px; padding-top: 22px; }
#room-anatomy .an-landmark-guide h3 { font: 400 1.5rem/1.2 var(--serif); }
#room-anatomy .an-neck-source { font-size: .875rem; color: #554638; }
#room-anatomy .an-neck-collection > .an-credit { font-size: .875rem; color: #554638; }
#room-anatomy .an-depth-label { max-width: 70ch; margin-top: 32px; }
#room-anatomy .an-depth-label .an-credit { font-size: .94rem; color: #554638; }
#room-anatomy .an-neck-atlas > summary { font: 400 1.1rem/1.5 var(--serif); }
#room-anatomy .an-room-exit { border-top-color: #947a58; }
/* D-086: optional external film label, not a local player or reproduced poster. */
#room-anatomy .an-operative-film {
  max-width: 720px; margin: 34px 0; padding: clamp(20px,3vw,32px); scroll-margin-top: 24px;
  background: #fff8e8; color: #40352c;
  border: 1px solid #947a58; outline: 2px solid #453128; outline-offset: 3px;
  box-shadow: 0 6px 14px #30272214;
}
#room-anatomy .an-operative-film .an-marker { color: #615039; font-size: .65rem; line-height: 1.6; }
#room-anatomy .an-operative-film h3 { font: 400 1.75rem/1.25 var(--serif); margin: 10px 0 8px; }
#room-anatomy .an-operative-film cite { font-style: normal; }
#room-anatomy .an-operative-film p { max-width: 62ch; }
#room-anatomy .an-film-maker { font-size: .9rem; color: #615039; }
#room-anatomy .an-film-scope { font-size: .9rem; }
#room-anatomy .an-film-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 18px; }
#room-anatomy .an-film-actions a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #633443; text-underline-offset: 4px; }
#room-anatomy .an-film-watch { font: 400 1.15rem/1.4 var(--serif); }
#room-anatomy .an-film-notice { font-size: .825rem; color: #554638; margin-top: 10px; }
#room-anatomy .an-operative-film .an-credit { font-size: .825rem; color: #554638; border-top: 1px solid #b5a58b; padding-top: 14px; margin-bottom: 0; }
#room-anatomy :is(a,button,summary):focus-visible { outline: 3px solid #23666b; outline-offset: 5px; }
@media (max-width: 900px) {
  #room-anatomy .an-operative-film { scroll-margin-top: 88px; }
  #room-anatomy .an-neck-pair { gap: 36px; }
  #room-anatomy .an-neck-photo + .an-neck-photo { padding-top: 30px; border-top: 1px solid #b5a58b; }
  #room-anatomy .an-neck-photo figcaption { max-width: none; }
}
@media (max-width: 600px) {
  #room-anatomy { background: #f2ead9; }
  #room-anatomy::before { inset: 9px; border-inline: 0; }
  #room-anatomy .an-landmark-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #room-anatomy .an-landmark-controls button { padding-inline: 6px; }
  #room-anatomy .an-neck-mount { padding: 12px; }
  #room-anatomy .an-neck-photo h3 { font-size: 1.55rem; }
}
@media (prefers-reduced-motion: reduce) {
  #room-anatomy .an-neck-mount { transition: none; }
}