/* Local RDVM positioning reference; styles scoped to this page. */
.rad-page .rad-shell{max-width:1120px;margin:0 auto;padding:32px 24px 56px;color:#2b2d42;min-width:0}
.rad-page .rad-intro{max-width:850px;margin-bottom:24px}.rad-page h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.025em;margin:8px 0 18px}.rad-page h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.18;margin:0 0 12px}.rad-page h3{font-size:1.2rem;line-height:1.3;margin:0 0 12px}.rad-page p,.rad-page li{font-size:1rem;line-height:1.6}.rad-page p{margin:0 0 16px}.rad-page ul{padding-left:22px;margin:0}.rad-page li{margin:7px 0}.rad-page a{color:#2b2d42;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.rad-page a:focus-visible,.rad-page select:focus-visible,.rad-page summary:focus-visible{outline:3px solid #507990;outline-offset:4px}.rad-board-link{display:inline-flex;min-height:44px;align-items:center}
.rad-safety{border-left:5px solid #d20a25;background:#f8f3f3;padding:18px 20px;line-height:1.6;margin-bottom:28px}.rad-selection{border-block:1px solid #d8dbe0;padding:24px 0;margin:0 0 28px;scroll-margin-top:170px}.rad-selection label{display:block;font-weight:700;margin:0 0 8px}.rad-selection select{display:block;width:100%;max-width:560px;min-height:52px;font:inherit;font-size:1rem;border:1.5px solid #6c7280;border-radius:4px;background:#fff;color:#2b2d42;padding:12px 38px 12px 14px;box-sizing:border-box}.rad-region[hidden]{display:none!important}.rad-region{margin:0 0 32px;scroll-margin-top:170px}.rad-region-heading{margin-bottom:24px}.rad-required{background:#eef2f5;padding:12px 16px;border-radius:4px}.rad-return-links{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}.rad-return-links a{display:inline-flex;min-height:44px;align-items:center;padding:10px 0;line-height:1.35}.rad-return-links .rad-primary-link{background:#2b2d42;color:#fff;border-radius:4px;padding:12px 18px;text-decoration:none;min-height:48px;box-sizing:border-box}.rad-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.rad-view{padding:24px;border:1px solid #d8dbe0;border-radius:6px;background:#fff;min-width:0}.rad-page .rad-step{color:#526e81;font-size:.8rem;font-weight:800;letter-spacing:.09em;margin-bottom:8px}.rad-coverage{background:#eef2f5;padding:20px 24px;margin-top:24px;border-radius:6px}.rad-coverage p:last-child{margin-bottom:0}.rad-quality{margin-top:24px}.rad-quality>p{margin-top:16px}.rad-sources{border-top:1px solid #d8dbe0;border-bottom:1px solid #d8dbe0;margin-top:24px;padding:0}.rad-sources summary{padding:16px 2px;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5;min-height:48px;box-sizing:border-box}.rad-sources>div{padding:4px 2px 16px}.rad-sources p{font-size:.95rem}.rad-common{border-top:3px solid #2b2d42;padding-top:28px;margin-top:32px}.rad-diagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:780px;margin:24px auto}.rad-diagram-grid figure{margin:0;min-width:0}.rad-diagram-grid img{width:100%;height:auto;background:#f7f8f9;border:1px solid #e0e3e7;border-radius:6px}.rad-diagram-grid figcaption{text-align:center;font-size:.9rem;margin-top:8px;font-weight:600}.rad-page .rad-diagram-note{font-size:.9rem;max-width:780px;margin:0 auto}.rad-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:640px){.rad-page .rad-shell{padding:24px 18px 40px}.rad-view-grid,.rad-diagram-grid{grid-template-columns:minmax(0,1fr);gap:16px}.rad-view{padding:20px}.rad-coverage{padding:20px}.rad-safety{padding:16px}.rad-return-links{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.rad-return-links .rad-primary-link{justify-content:center;text-align:center}.rad-diagram-grid{max-width:360px}.rad-selection,.rad-region{scroll-margin-top:135px}}
@media print{.rad-page .site-header,.rad-page .footer,.rad-page .site-back-to-top,.rad-selection{display:none!important}.rad-page .rad-shell{max-width:none;padding:0}.rad-region{break-before:page}.rad-view-grid{grid-template-columns:1fr 1fr}.rad-safety,.rad-coverage{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rad-region[hidden]{display:none!important}}
/* Keep checklist actions readable against the shared site's link colours. */
body.acvs-site-layout #main-content .rad-return-links .rad-primary-link{color:#fff;background:#2b2d42;text-decoration:none;}

/* Full-screen paired reference, with controls kept within thumb reach. */
.rad-paired-page .rad-viewer{position:fixed;inset:0;margin:0;box-sizing:border-box;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#fff;color:#2b2d42;overflow:hidden;overscroll-behavior:contain;font-family:Arial,sans-serif}
.rad-paired-page .rad-viewer:not([open]){display:none!important}
.rad-paired-page .rad-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.rad-paired-page .rad-viewer::backdrop{background:#2b2d42}
.rad-paired-page .rad-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid #d8dbe0;background:#fff}
.rad-paired-page .rad-viewer-header>div{min-width:0}
.rad-paired-page .rad-viewer h2{margin:0 0 5px;font:700 1.2rem/1.25 Arial,sans-serif;letter-spacing:0}
.rad-paired-page .rad-viewer p.rad-viewer-projection{margin:0;font:400 .875rem/1.4 Arial,sans-serif;color:#4c5260}
.rad-paired-page .rad-viewer button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #6b7685;border-radius:5px;background:#fff;color:#2b2d42;font:600 .875rem/1.25 Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0;white-space:normal;box-shadow:none}
.rad-paired-page .rad-viewer button:focus-visible,.rad-paired-page .rad-viewer-stage:focus-visible,.rad-paired-page .rad-viewer summary:focus-visible{outline:3px solid #507990;outline-offset:-3px}
.rad-paired-page .rad-viewer button:disabled{color:#757b86;background:#f3f4f6;border-color:#d8dbe0;cursor:default}
.rad-paired-page .rad-viewer .rad-viewer-close{flex:0 0 auto;min-width:76px}
.rad-paired-page .rad-viewer-paws{display:flex;gap:6px;margin-top:8px}
.rad-paired-page .rad-viewer-paws[hidden]{display:none!important}
.rad-paired-page .rad-viewer-paws button{min-height:44px;padding:8px 12px}
.rad-paired-page .rad-viewer-paws button[aria-pressed="true"]{background:#2b2d42;color:#fff;border-color:#2b2d42}
.rad-paired-page .rad-viewer-stage{min-width:0;min-height:0;overflow:auto;padding:12px;box-sizing:border-box;background:#edf0f3;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.rad-paired-page .rad-viewer-canvas{display:grid;place-items:center}
.rad-paired-page .rad-viewer-stage img{display:block;max-width:none;max-height:none;object-fit:contain;flex:none}
.rad-paired-page .rad-viewer-context{min-width:0;padding:8px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-top:1px solid #d8dbe0;background:#fff}
.rad-paired-page .rad-viewer p.rad-viewer-credit{margin:0 0 4px;font:400 .75rem/1.35 Arial,sans-serif;color:#4c5260}
.rad-paired-page .rad-viewer p.rad-viewer-calibration{margin:0 0 6px;padding:7px 10px;border-left:3px solid #d20a25;background:#f9f0ef;font:700 .875rem/1.35 Arial,sans-serif;color:#2b2d42}
.rad-paired-page .rad-viewer #rad-viewer-scope{margin:0;font:600 .75rem/1.4 Arial,sans-serif}
.rad-paired-page .rad-viewer-notes{margin:3px 0 0;border:0}
.rad-paired-page .rad-viewer-notes summary{min-height:40px;padding:10px 0;font:600 .875rem/1.4 Arial,sans-serif;cursor:pointer}
.rad-paired-page .rad-viewer-notes>div{position:absolute;left:max(12px,calc((100vw - 1000px)/2));right:max(12px,calc((100vw - 1000px)/2));z-index:1;box-sizing:border-box;max-height:45vh;overflow:auto;padding:14px 16px;border:1px solid #aab4bf;border-radius:6px;background:#fff;box-shadow:0 -4px 18px #2b2d4226;overscroll-behavior:contain}
.rad-paired-page .rad-viewer-notes ul{padding-left:22px;margin:0 0 12px}
.rad-paired-page .rad-viewer-notes li,.rad-paired-page .rad-viewer-notes p{font:400 .95rem/1.5 Arial,sans-serif}
.rad-paired-page .rad-viewer-notes p.rad-viewer-notes-hint{margin:0 0 8px;font:600 .75rem/1.4 Arial,sans-serif;color:#526e81}
.rad-paired-page .rad-return-links .rad-launch-viewer{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:12px 18px;border:1px solid #2b2d42;border-radius:4px;background:#2b2d42;color:#fff;font:600 1rem/1.35 Arial,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer}
.rad-paired-page .rad-return-links .rad-launch-viewer:focus-visible{outline:3px solid #507990;outline-offset:4px}
.rad-paired-page .rad-viewer-notes .rad-coverage{padding:14px;margin:10px 0}
.rad-paired-page .rad-viewer-notes .rad-quality{margin-top:14px}
.rad-paired-page .rad-viewer-notes h3{font:700 1rem/1.4 Arial,sans-serif;margin:0 0 8px}
.rad-paired-page .rad-viewer-controls{padding:8px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid #d8dbe0;background:#fff}
.rad-paired-page .rad-viewer-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.rad-paired-page .rad-viewer-modes button{min-height:50px;font-size:1rem}
.rad-paired-page .rad-viewer-modes button[aria-pressed="true"]{background:#2b2d42;color:#fff;border-color:#2b2d42}
.rad-paired-page .rad-viewer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rad-paired-page .rad-viewer-navigation button{padding:8px 5px;font-size:.8rem}
@media(min-width:800px){.rad-paired-page .rad-viewer-header,.rad-paired-page .rad-viewer-context,.rad-paired-page .rad-viewer-controls{padding-left:max(24px,calc((100vw - 1000px)/2));padding-right:max(24px,calc((100vw - 1000px)/2))}.rad-paired-page .rad-viewer-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rad-paired-page .rad-viewer-modes{margin:0}.rad-paired-page .rad-viewer-navigation button{font-size:.875rem}}
@media(max-height:520px){.rad-paired-page .rad-viewer-header{padding-top:5px;padding-bottom:5px}.rad-paired-page .rad-viewer h2{font-size:1rem;margin-bottom:2px}.rad-paired-page .rad-viewer-context{padding-top:4px}.rad-paired-page .rad-viewer-notes summary{min-height:30px;padding:5px 0}.rad-paired-page .rad-viewer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.rad-paired-page .rad-viewer-modes{margin:0}.rad-paired-page .rad-viewer button{min-height:44px}.rad-paired-page .rad-viewer-modes button{font-size:.875rem}}

/* ATLAS FIGURES: exact source drawings and matching normal radiographs. */
.rad-page .rad-atlas-figures{margin:16px 0 22px;display:grid;gap:24px;min-width:0}
.rad-page .rad-atlas-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.rad-page .rad-atlas-figure{margin:0;min-width:0}
.rad-page .rad-atlas-kind{display:block;margin-bottom:8px;color:#2b2d42;font:700 .875rem/1.4 Arial,sans-serif}
.rad-page .rad-atlas-image-link{display:block;border:1px solid #d8dbe0;border-radius:4px;background:#fff;text-decoration:none;overflow:hidden}
.rad-page .rad-atlas-figure img{display:block;width:100%;height:280px;object-fit:contain;background:#fff;box-sizing:border-box;padding:8px}
.rad-page .rad-atlas-radiograph img{height:360px;padding:0;background:#eceef0}
.rad-page .rad-atlas-open{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 10px;background:#f3f6f8;font:600 .875rem/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.rad-page .rad-atlas-figure figcaption{margin:10px 0 0;font:400 .875rem/1.5 Arial,sans-serif;color:#4c5260}
.rad-page .rad-atlas-figure figcaption strong{display:block;color:#2b2d42;font-weight:600;margin-bottom:4px}
.rad-page .rad-atlas-limit{margin-top:8px;font:400 .875rem/1.5 Arial,sans-serif;color:#4c5260}
.rad-page .rad-atlas-scope{border-left:3px solid #507990;background:#f3f6f8;padding:14px 16px;margin:0 0 20px;font-size:.95rem;line-height:1.5}
.rad-page .rad-calibration{border-left:4px solid #d20a25;background:#f9f0ef;padding:14px 16px;margin:0 0 12px;color:#2b2d42}
body.acvs-site-layout #main-content .rad-return-links .rad-primary-link{color:#fff;background:#2b2d42;text-decoration:none}
@media(min-width:1050px){.rad-page .rad-atlas-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rad-page .rad-atlas-figure img{height:330px}.rad-page .rad-atlas-radiograph img{padding:0}}
@media(max-width:640px){.rad-page .rad-atlas-figure img{height:220px;padding:5px}.rad-page .rad-atlas-radiograph img{height:360px;padding:0}}
/* END ATLAS FIGURES */

/* Keep the image at full phone height when a technician turns the phone sideways. */
@media (orientation:landscape) and (max-height:520px) and (min-width:600px) {
 .rad-paired-page .rad-viewer[open]{grid-template-columns:minmax(0,1fr) minmax(290px,40%);grid-template-rows:auto minmax(0,1fr) auto}
 .rad-paired-page .rad-viewer-stage{grid-column:1;grid-row:1/-1}
 .rad-paired-page .rad-viewer-header{grid-column:2;grid-row:1;padding:8px 12px}
 .rad-paired-page .rad-viewer-context{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;padding:8px 12px 0}
 .rad-paired-page .rad-viewer-controls{grid-column:2;grid-row:3;display:block;padding:8px 12px max(8px,env(safe-area-inset-bottom))}
 .rad-paired-page .rad-viewer-modes{margin-bottom:8px}
 .rad-paired-page .rad-viewer-notes>div{left:12px;right:calc(max(290px,40%) + 12px)}
}
/* TPLO uses the same paired interaction, retaining its own planning instructions. */
.tplo-radiograph-page #main-content .rad-atlas-image-link{display:block;min-width:0;border:1px solid #d8dbe0;border-radius:5px;overflow:hidden;text-decoration:none;background:#fff}
.tplo-radiograph-page #main-content .rad-atlas-kind{display:block;padding:8px 12px;color:#2b2d42;font:700 .875rem/1.4 Arial,sans-serif}
.tplo-radiograph-page #main-content .rad-atlas-open{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 10px;background:#f3f6f8;color:#2b2d42;font:600 .875rem/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.tplo-radiograph-page #main-content .tplo-calibration-callout{border-left:4px solid #d20a25;background:#f9f0ef;padding:14px 16px;margin:16px 0;color:#2b2d42}
.tplo-radiograph-page #main-content .rad-return-links{margin:16px 0}
.rad-paired-page [data-rad-launch][hidden]{display:none!important}
.rad-page .rad-library-tplo{display:inline-flex;align-items:center;min-height:44px;margin:0 0 16px;font-weight:700}

/* One selected checklist, with its paired reference opened directly above it. */
body.acvs-site-layout #main-content .referral-consult-checklist a[data-rad-open]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #2b2d42;border-radius:5px;background:#2b2d42;color:#fff;font:600 1rem/1.4 Arial,sans-serif;text-align:center;text-decoration:none;white-space:normal}
body.acvs-site-layout #main-content .referral-consult-checklist a[data-rad-open]:focus-visible{outline:3px solid #507990;outline-offset:3px}
.rad-inline-error{display:block;margin-top:8px;font:400 .9375rem/1.5 Arial,sans-serif}

/* Show the selected films alongside the referral checklist. */
.referral-radiographs {
  min-width: 0;
  margin: 12px 0 24px;
  padding: clamp(10px, 2vw, 20px);
  border: 1px solid var(--line, #d8dbe0);
  border-radius: 8px;
  background: var(--wash, #f5f5f7);
  scroll-margin-top: 16px;
}

.referral-radiographs :is(h4, h5, h6) {
  margin: 0 0 8px;
}

.referral-radiographs :is(h5, h6) {
  font: 700 1rem/1.4 var(--acvs-heading, Arial, sans-serif);
}

.referral-radiograph-view .rad-step {
  margin: 0 0 4px;
  color: #526e81;
  font: 800 .75rem/1.4 Arial, sans-serif;
  letter-spacing: .07em;
}

body.acvs-site-layout #main-content .referral-radiographs :is(.referral-calibration, .fracture-calibration) {
  margin: 0 0 8px;
  padding: 6px 8px;
  border-left: 4px solid #d20a25;
  background: #f9f0ef;
  color: var(--ink, #2b2d42);
  font: 600 .875rem/1.4 Arial, sans-serif;
}

.referral-radiograph-region + .referral-radiograph-region {
  margin-top: 16px;
}

.referral-radiograph-views {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin: 12px 0;
}

@media (min-width: 1050px) {
  .referral-radiograph-views {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.referral-radiograph-view {
  min-width: 0;
  margin: 0;
  padding: clamp(8px, 2vw, 16px);
  border: 1px solid var(--line, #d8dbe0);
  border-radius: 6px;
  background: #fff;
}

.referral-radiograph-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
  min-width: 0;
  max-width: 46rem;
  margin: 8px 0 12px;
}

.referral-radiograph-paw {
  grid-column: 1 / -1;
  margin: 0;
  font-weight: 700;
}

.referral-radiograph-pair figure {
  min-width: 0;
  margin: 0;
}

body.acvs-site-layout #main-content .referral-radiograph-pair .rad-atlas-image-link {
  display: block;
  min-width: 0;
  border: 1px solid var(--line, #d8dbe0);
  border-radius: 5px;
  background: #fff;
  color: var(--ink, #2b2d42);
  text-decoration: none;
}

.referral-radiograph-pair .rad-atlas-image-link img {
  display: block;
  width: 100%;
  height: clamp(8rem, 42vw, 20rem);
  object-fit: contain;
  background: #f5f6f7;
}

.referral-radiograph-pair .referral-radiograph-card img {
  background: #20242b;
}

.referral-radiograph-pair :is(.rad-atlas-kind, .rad-atlas-open, figcaption, .rad-atlas-limit) {
  display: block;
  padding: 4px 6px;
  font: 600 .875rem/1.35 Arial, sans-serif;
  overflow-wrap: anywhere;
}

@media (max-width: 420px) {
  .referral-radiograph-pair .rad-atlas-kind {
    min-height: 2.7em;
    box-sizing: content-box;
  }
}

.referral-radiograph-pair .rad-atlas-open {
  display: flex;
  align-items: center;
  min-height: 44px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.referral-radiograph-pair figcaption {
  font-weight: 400;
}

.referral-radiograph-pair figcaption strong {
  display: block;
}

.referral-radiograph-view ul,
.referral-radiographs :is(.rad-coverage, .rad-quality) ul {
  margin: 8px 0;
  padding-inline-start: 1.25em;
}

.referral-radiographs :is(.rad-coverage, .rad-quality) {
  margin: 12px 0;
}

.referral-radiographs a:focus-visible {
  outline: 3px solid #507990;
  outline-offset: 3px;
}

.referral-radiographs .referral-radiograph-tools {
  margin: 4px 0 0;
}

.referral-radiograph-tools a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.tplo-positioning-examples {
  display: grid;
  gap: 16px;
  margin: 16px 0;
}

.tplo-positioning-examples figure {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line, #d8dbe0);
  border-radius: 5px;
  background: #fff;
}

.tplo-positioning-examples figure p {
  margin: 4px 0 8px;
}

.tplo-positioning-image {
  display: block;
  width: fit-content;
  max-width: 100%;
}

.tplo-positioning-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tplo-positioning-image span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.tplo-hock-image img {
  width: min(100%, 9rem);
}

@media (min-width: 720px) {
  .tplo-positioning-examples {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
  }
}

