.case-page.case-heart-rate {
  --case-accent: #e2b9a9;
  --wash: #9b7364;
}

.hr-status { margin-top: 20px; max-width: 54ch; color: var(--muted); font-size: 13px; line-height: 1.75; }
.hr-figure { margin: 0; min-width: 0; }
.hr-figure a { display: block; border-radius: 12px; overflow: hidden; }
.hr-figure a:focus-visible { outline: 3px solid var(--case-accent); outline-offset: 5px; }
.hr-figure img { display: block; width: 100%; height: auto; }
.hr-figure figcaption { margin-top: 18px; font-size: 13px; line-height: 1.75; color: var(--muted); }
.hr-cover-mat a { border: 1px solid var(--case-outline); }
.hr-cover { margin-top: 48px; }
.hr-cover img { max-height: 660px; object-fit: contain; background: var(--paper-light); }
.hr-cover figcaption { max-width: 66ch; }
.case-heart-rate .case-section { scroll-margin-top: calc(var(--case-index-height, 60px) + 24px); }
.hr-drawing > a { background: #fff; padding: 16px; }
.hr-circuit-note + .hr-circuit-note { margin-top: 32px; }
.hr-circuit-note .case-kicker { margin-bottom: 13px; }
.hr-technical-detail { margin-top: 48px; }
.hr-technical-detail summary > span { min-width: 34px; }
.hr-board-layout > a { background: #080a08; padding: 16px; border: 1px solid var(--case-outline); }
.hr-closing { margin-top: 32px; color: var(--ink); font-size: 22px; line-height: 1.6; }
.hr-source-note { margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--line); max-width: 840px; }
.hr-source-note > p { font-size: 13px; line-height: 1.75; color: var(--muted); }
.hr-source-note .quiet-link { margin-top: 5px; }
.case-heart-rate .related-grid { grid-template-columns: 1fr; margin-top: 18px; }

@media (max-width: 760px) {
  .hr-cover { margin-top: 36px; }
  .hr-status { margin-top: 16px; font-size: 13px; }
  .hr-drawing > a { padding: 12px; }
  .hr-board-layout > a { padding: 12px; }
  .hr-closing { font-size: 21px; }
  .hr-source-note { margin-top: 31px; }
}

@media print {
  .case-heart-rate .case-index { display: none; }
  .hr-figure, .hr-circuit-note { break-inside: avoid; }
}