/* Shared card layout. Content sets the rhythm; the viewport only limits height. */
.evidence-panels {
  position: absolute; z-index: 10;
  top: clamp(7.5rem, 16vh, 10rem); right: var(--edge);
  bottom: 1.5rem; left: 36%;
}
.evidence-panels > section, .resume-sheet {
  --card-padding: clamp(1.6rem, 3.4vw, 3.5rem);
  position: absolute; display: none; inset: 0 0 auto;
  max-height: 100%; overflow: auto; overscroll-behavior: contain;
  padding: var(--card-padding);
  border: 1px solid #d6c9ba20; border-top-color: #d6c9ba38;
  background: linear-gradient(125deg, #1c1d20f5, #111215f5 75%);
  box-shadow: 0 18px 55px #0004, inset 0 1px #ffffff04;
  scrollbar-width: thin; scrollbar-color: #71655b66 transparent;
}
.evidence-panels > section[aria-hidden="false"], .resume-sheet {
  display: flex; flex-direction: column; align-items: stretch;
   animation: panelIn 150ms ease both;
}
.evidence-panels > section > *, .resume-sheet > * { flex-shrink: 0; }
.evidence-panels h3 {
  max-width: 18ch; margin: 0 0 1.5rem;
  font: 600 clamp(2.4rem, 4vw, 4rem)/1 var(--display);
  letter-spacing: -.015em; text-transform: uppercase; text-wrap: balance;
  color: #f0eae1;
}
.evidence-panels dl { margin: 0; }
.evidence-panels dl > div {
  display: grid; grid-template-columns: 7rem minmax(0, 1fr);
  align-items: baseline; gap: 1.5rem; padding: 1.25rem 0;
  border-top: 1px solid #d6c9ba1c;
}
.evidence-panels dl > div:last-child { padding-bottom: 0; }
.evidence-panels dt, .resume-sheet dt {
  color: #aaa298; font: 500 .65rem/1.6 var(--mono);
  letter-spacing: .1em; text-transform: uppercase;
}
.evidence-panels dd, .resume-sheet dd {
  min-width: 0; margin: 0; color: #c1bdb6;
  font: 400 clamp(.94rem, 1.08vw, 1.05rem)/1.75 var(--body);
  overflow-wrap: break-word;
}
.evidence-panels section > button, .experience-entry footer a {
  display: inline-flex; align-items: center; align-self: flex-start;
  min-height: 44px; margin-top: 1.8rem; padding: .65rem 0;
  border: 0; border-bottom: 1px solid #e76a4c80; background: none;
  color: #eea58e; font: 500 .78rem/1.4 var(--body);
  text-decoration: none; transition: color 150ms, border-color 150ms;
}
.evidence-panels section > button:hover, .experience-entry footer a:hover {
  color: #fff0e5; border-color: #ffad92;
}
@keyframes panelIn {
  from { opacity: 0; transform: translateX(.6rem); }
  to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 1100px) {
  .evidence-panels { left: 39%; }
  .evidence-panels dl > div { grid-template-columns: 1fr; gap: .45rem; }
}
@media (max-width: 800px) {
   .evidence-panels { top: 10.1rem; right: max(1rem, env(safe-area-inset-right, 0px)); bottom: 1rem; left: max(1rem, env(safe-area-inset-left, 0px)); }
  .evidence-panels > section { --card-padding: 1.4rem; }
  .evidence-panels h3 { font-size: clamp(2rem, 8vw, 2.8rem); margin-bottom: 1.2rem; }
  .evidence-panels dl > div { padding: 1.1rem 0; }
}
@media (max-height: 700px) and (min-width: 801px) {
  .evidence-panels { top: 6.5rem; bottom: 1rem; }
}

@media (max-width: 800px) and (max-height: 500px) and (orientation: landscape) {
  .evidence-panels { top: 7rem; }
}