/* Direction A · Register. One aligned list; the measure is named once in the column head. */
body.dx-a .os-res{grid-template-columns:minmax(0,1fr) minmax(360px,38%)}
body.dx-a .dx-list{display:block;padding:28px 28px 0}
body.lp.os.dx-a .os-btn.pri{background:linear-gradient(180deg,#1b9467,#16835b);color:#fff;border-color:transparent}
body.lp.os.dx-a .os-btn.pri[aria-pressed=true]{background:var(--g-bg);color:var(--g-ink);box-shadow:inset 0 0 0 1px rgb(22 131 91/.3)}
.dx-lh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 0 22px}
.dx-lh h1{font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.035em}
.dx-lh p{margin-top:6px;color:var(--dim);font-size:13.5px}
.dx-lhr{display:flex;align-items:center;gap:10px;flex:none}
.dx-seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--quiet);box-shadow:var(--elev-inset)}
.dx-seg button{height:30px;padding:0 12px;border-radius:9px;font:500 12.5px/1 Inter;color:var(--dim);background:none;border:0;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.dx-seg button.is-on{background:#fff;color:var(--ink);box-shadow:var(--elev-1)}
.dx-sort{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;font-size:12.5px;background:var(--raise-grad);box-shadow:var(--elev-1);border:0}
.dx-sort svg{width:14px;height:14px}

/* the register: one surface, flat rows, no rules between them.
 * Doctors and hospitals share one column grid so the outcome column lines up across both registers. */
.dx-reg{border-radius:var(--r-card);background:#fff;box-shadow:var(--elev-2);padding:6px 8px 8px}
.dx-reg+.dx-reg{margin-top:20px}
.dx-reg[hidden]{display:none}
.dx-colh,.dx-row{display:grid;grid-template-columns:44px minmax(150px,1fr) minmax(220px,2.1fr) 92px 112px 32px;column-gap:16px;align-items:center}
.dx-reg.is-fac .dx-row>.dx-d,.dx-reg.is-fac .dx-colh>:nth-child(4){grid-column:5}
/* the column head is the register card's top cap: ::after is the cap (white, the card's 18px top corners, out to the
 * card's outer edges). It sticks at the top of the viewport (the site header scrolls away), and while stuck dx.js sets
 * .is-stuck, which gives the cap a soft shadow underneath so the rows are seen to pass under it. The clip keeps the card's
 * side silhouette and lets only the bottom shadow out. line-height 16px keeps the cap a whole 40px tall. */
.dx-colh{position:sticky;top:0;z-index:3;padding:14px 12px 10px;color:var(--faint);font-size:12px;font-weight:500;line-height:16px;align-items:end;white-space:nowrap}
.dx-colh>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dx-colh::after{content:'';position:absolute;inset:-6px -8px 0;z-index:-1;border-radius:var(--r-card) var(--r-card) 0 0;background:#fff;clip-path:inset(-40px -40px -24px);transition:box-shadow .2s}
.dx-colh.is-stuck::after{box-shadow:0 1px 0 rgb(15 17 20/.06),0 6px 12px -6px rgb(15 17 20/.12)}
.dx-colh span:nth-child(3){color:var(--ink2);font-weight:600}
.dx-colh span:nth-child(4),.dx-colh span:nth-child(5){text-align:right}
.dx-reg.is-fac .dx-colh span:nth-child(3){font-weight:500;color:var(--dim)}
.dx-row{padding:12px;border-radius:14px;transition:background .15s}
.dx-row+.dx-row{margin-top:2px}
.dx-row[hidden]{display:none}
.dx-row.is-on,.dx-row:hover{background:var(--g-bg2)}
.dx-who{position:relative;width:44px;height:44px}
.dx-who i{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#fff;color:var(--ink);font:650 10.5px/1 Inter;font-style:normal;box-shadow:0 0 0 1px rgb(15 17 20/.12)}
.dx-row.is-on .dx-who i{background:var(--ink);color:#fff;box-shadow:none}
.dx-nm{display:grid;gap:3px;min-width:0}
.dx-nm a{font-size:14.5px;font-weight:600;line-height:1.3;color:var(--ink);letter-spacing:-.005em}
.dx-nm a:hover{color:var(--g-ink)}
.dx-nm small{color:var(--faint);font-size:12.5px;line-height:1.4}
.dx-out{display:flex;gap:10px;align-items:flex-start;min-width:0;font-size:13.5px;line-height:1.45;color:var(--dim)}
.dx-out .dx-st{margin-top:0}
.dx-out b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.dx-out small{display:block;margin-top:2px;color:var(--faint);font-size:12px}
.dx-row[data-published=false] .dx-out b{font-weight:550;color:var(--ink2)}
.dx-n,.dx-d{display:grid;gap:2px;justify-items:end;text-align:right;font-size:13.5px;min-width:0}
.dx-n b,.dx-d b{font-weight:600;font-variant-numeric:tabular-nums}
.dx-n small,.dx-d small{color:var(--faint);font-size:12px}
.dx-row>.dx-cmp{justify-self:end}
.dx-more{display:flex;justify-content:center;padding:22px 0 0}
body.dx-a .dx-tray{margin-bottom:24px}

/* profile: fact sheet with a sticky section index */
.dx-doc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;margin-top:20px;align-items:start}
.dx-toc{position:sticky;top:24px;display:grid;gap:2px}
.dx-toc a{padding:8px 12px;border-radius:10px;color:var(--dim);font-size:13.5px;white-space:nowrap;transition:background .15s,color .15s}
.dx-toc a:hover{color:var(--ink)}
.dx-toc a.is-on{background:var(--g-bg);color:var(--g-ink);font-weight:550}
.dx-sections>section,.dx-sections>.dx-sources{scroll-margin-top:20px}
.dx-sections>section+section{margin-top:44px}
.dx-sections h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.dx-def{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:14px 0}
.dx-dk{display:grid;gap:3px;align-content:start}
.dx-dk b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.dx-dk small{color:var(--faint);font-size:12.5px}
.dx-dv p{font-size:15px;line-height:1.6;color:var(--ink2)}
.dx-dv b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.dx-dv small{display:block;margin-top:4px;color:var(--faint);font-size:12.5px}
.dx-dv a{color:var(--g-ink);font-weight:550}
.dx-offices{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.dx-offices .dx-def{grid-template-columns:240px minmax(0,1fr)}
.dx-offices .dx-mini{height:220px;margin-top:14px}

/* compare: a true table with a sticky label column */
.dx-tablewrap{border-radius:var(--r-card);background:#fff;box-shadow:var(--elev-2);overflow-x:auto;overscroll-behavior-x:contain}
.dx-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px}
.dx-table th,.dx-table td{text-align:left;vertical-align:top;padding:16px 20px;border:0}
.dx-table thead th{background:#fff;padding-top:22px;padding-bottom:14px;vertical-align:bottom}
.dx-table th[scope=row],.dx-table thead th:first-child{position:sticky;left:0;z-index:2;background:#fff}
.dx-table th[scope=row],.dx-table thead th:first-child{width:260px}
.dx-table th[scope=row] b{display:block;font-weight:600}
.dx-table th[scope=row] small{display:block;margin-top:3px;color:var(--faint);font-weight:400;font-size:12.5px;line-height:1.45}
.dx-th0{color:var(--faint);font-size:12.5px;font-weight:500}
.dx-thd{display:grid;gap:8px;min-width:0}
.dx-thd-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dx-thd .dx-av{width:40px;height:40px}
.dx-thd-nm{display:grid;gap:2px;min-width:0}
.dx-thd a{font-size:14.5px;font-weight:600;line-height:1.3}
.dx-thd small{color:var(--faint);font-size:12px;font-weight:400;line-height:1.4}
.dx-x{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--faint);cursor:pointer;transition:background .15s,color .15s}
.dx-x:hover{background:var(--quiet);color:var(--ink)}
.dx-x svg{width:14px;height:14px}
.dx-table td b{display:block;font-size:17px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.dx-table td small{display:block;margin-top:3px;color:var(--faint);font-size:12.5px;line-height:1.45}
.dx-table td .dx-na{font-size:13.5px;line-height:1.5}
.dx-table tbody tr:not(.dx-grp):hover :is(td,th){background:var(--g-bg2)}
.dx-grp th{padding:26px 20px 6px;color:var(--g-ink);font-size:13px;font-weight:600}
.dx-grp th{background:#fff}
.dx-grp th>span{position:sticky;left:20px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.dx-grp th svg{width:16px;height:16px;flex:none}
.dx-addc{width:104px}
.dx-table thead .dx-addc{vertical-align:bottom}

/* medium: the outcome sits under the name; cases over distance in one right column */
@media(max-width:1400px) and (min-width:861px){
  .dx-colh,.dx-row,.dx-reg.is-fac :is(.dx-colh,.dx-row){grid-template-columns:44px minmax(0,1fr) 112px 32px;row-gap:6px}
  .dx-row>*{grid-row:1/3}
  .dx-colh>*{grid-row:1}
  .dx-row>.dx-who{align-self:start}
  .dx-row>.dx-nm{grid-column:2;grid-row:1}
  .dx-row>.dx-out{grid-column:2;grid-row:2}
  .dx-row>.dx-n{grid-column:3;grid-row:1;align-self:start}
  .dx-row>.dx-d{grid-column:3;grid-row:2;align-self:start}
  .dx-reg.is-fac .dx-row>.dx-d{grid-column:3;grid-row:1/3;align-self:center}
  .dx-row>:last-child{grid-column:4;align-self:start}
  .dx-n{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-start}
  .dx-colh>:nth-child(2){display:none}
  .dx-colh>:nth-child(3){grid-column:2}
  .dx-colh>:nth-child(4){grid-column:3}
  .dx-reg:not(.is-fac) .dx-colh>:nth-child(5){display:none}
  .dx-colh>:last-child{grid-column:4}
}
@media(max-width:1100px){.dx-lh{flex-direction:column;align-items:flex-start}.dx-doc{grid-template-columns:minmax(0,1fr);gap:20px}.dx-toc{position:static;display:flex;overflow-x:auto;scrollbar-width:none}.dx-toc::-webkit-scrollbar{display:none}.dx-table th[scope=row],.dx-table thead th:first-child{width:220px}.dx-table th,.dx-table td{padding-inline:16px}}
@media(max-width:860px){
  body.dx-a .os-res{grid-template-columns:1fr}
  body.dx-a .dx-list{padding:20px 16px 0}
  body.dx-a .dx-maptoggle{display:inline-flex;border:0}
  body.dx-a .dx-tray{bottom:78px;padding:8px 8px 8px 12px}
  body.dx-a .dx-tray .os-btn{flex:none}
  body.dx-mapon .os-mapcol{display:block;position:fixed;inset:0;height:auto;z-index:25;padding:0}
  body.dx-mapon .os-map{border-radius:0;height:100%}
  body.dx-mapon .dx-tray{visibility:hidden}
  .dx-reg{padding:4px 4px 6px}
  .dx-colh{display:block;padding:12px 12px 6px}
  .dx-colh::after{inset:-4px -4px 0}
  .dx-colh span{display:none}.dx-colh span:nth-child(3){display:inline}
  .dx-row,.dx-reg.is-fac .dx-row{grid-template-columns:44px auto minmax(0,1fr) 32px;column-gap:12px;row-gap:8px;align-items:start;padding:12px}
  .dx-row>.dx-who{grid-column:1;grid-row:1/3}
  .dx-row>.dx-nm{grid-column:2/4;grid-row:1;align-self:center}
  .dx-row>:last-child{grid-column:4;grid-row:1;align-self:center}
  .dx-row>.dx-out{grid-column:2/-1;grid-row:2}
  .dx-row[data-published=false]>.dx-out{gap:6px}
  .dx-row>.dx-n{grid-column:2/-1;grid-row:3;flex-direction:column;align-items:flex-start}
  .dx-row>.dx-d,.dx-reg.is-fac .dx-row>.dx-d{grid-column:2/-1;grid-row:4}
  .dx-reg.is-fac .dx-row>.dx-d{grid-column:2/-1;grid-row:3}
  .dx-n,.dx-d{display:flex;gap:5px;align-items:baseline;justify-content:flex-start;text-align:left;white-space:nowrap}
  .dx-d small{overflow:hidden;text-overflow:ellipsis}
  .dx-def,.dx-offices .dx-def{grid-template-columns:minmax(0,1fr);gap:4px}
  .dx-offices{grid-template-columns:1fr}
  .dx-table{min-width:780px}
  .dx-table th[scope=row],.dx-table thead th:first-child{width:148px}
  .dx-addc{width:88px}
  .dx-table th,.dx-table td{padding:14px 14px}
  .dx-grp th{padding:22px 14px 4px}
}

/* sources: 20px between the open summary and its first line */
body.dx-a .dx-sources[open]>summary{padding-bottom:0}
body.dx-a .dx-sources[open] .dx-sources-body{padding-top:20px}

/* Profile identity and breadcrumbs sit inside the contour, with the same inner gap. */
.dx-profile[data-source] .dx-page > .dx-crumb{margin:0;padding:16px 24px 0}
.dx-profile[data-source] .dx-page > .dx-ph{padding:24px 24px 32px}
.dx-profile[data-source] .dx-page > .dx-ph.os-contour::before{inset:-52px 0 -24px;opacity:.7;mask-image:linear-gradient(#000 0%,#000 38%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 38%,transparent 100%)}
.dx-profile[data-source] .dx-sections > section,.dx-profile[data-source] .dx-sections > details{scroll-margin-top:calc(var(--nav-h,80px) + 24px)}
@media(max-width:640px){.dx-profile[data-source] .dx-page > .dx-crumb{padding:12px 16px 0}.dx-profile[data-source] .dx-page > .dx-ph{padding:20px 16px 28px}}

/* Real register labels stay complete even in narrow volume columns. */
body[data-source] .dx-colh{white-space:normal;padding-block:12px}
body[data-source] .dx-colh>span{min-width:0;margin:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* Reserve the complete compact volume pill ("1-10 procedures") and the
 * "Select a procedure" fallback in both register grids; the column header names it. */
body[data-source]{--dx-volume-width:max(140px,15ch)}
body[data-source] .dx-colh>span:nth-child(4),body[data-source] .dx-n{white-space:nowrap;overflow-wrap:normal}
body[data-source] .dx-n>small{white-space:normal}
@media(min-width:1401px){
  body[data-source] :is(.dx-colh,.dx-row){grid-template-columns:44px minmax(150px,1fr) minmax(220px,2.1fr) var(--dx-volume-width) 112px 32px}
}
@media(min-width:861px) and (max-width:1400px){
  body[data-source] :is(.dx-colh,.dx-row),body[data-source] .dx-reg.is-fac :is(.dx-colh,.dx-row){grid-template-columns:44px minmax(0,1fr) var(--dx-volume-width) 32px}
}

/* Address-led office rows share map indices and real contact actions. */
.dx-def.oh-office-row{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;margin:0;padding:20px 0;align-items:start;border-bottom:1px solid var(--line)}
.oh-office-row:last-child{border-bottom:0}
.oh-office-row .oh-office-number{margin:2px 0 0}
.oh-office-row .oh-office-address p{margin:0;line-height:1.5}
.oh-office-row .oh-office-address p+p{color:var(--dim);font-size:13px;margin-top:3px}
.oh-office-row .oh-office-distance{margin:7px 0 0;color:var(--faint);font-size:12px}
.oh-office-contact{display:grid;justify-items:end;gap:10px;padding-top:1px;font-size:13px;line-height:1.5}
.oh-office-contact a{display:inline-flex;align-items:center;gap:5px;color:var(--g-ink);white-space:nowrap;font-weight:550}
.oh-office-contact .os-i{width:14px;height:14px}
.oh-office-no-phone,.oh-office-empty{color:var(--faint);font-size:13px;margin:0}
@media(max-width:640px){.dx-def.oh-office-row{grid-template-columns:28px minmax(0,1fr);gap:10px 12px;padding:18px 0}.oh-office-contact{grid-column:2;justify-items:start;display:flex;flex-wrap:wrap;gap:10px 20px;padding:0}.oh-office-address{min-width:0;overflow-wrap:anywhere}}

.oh-office-contact .oh-office-directions{margin:0;width:auto;font-size:13px}

/* Neutral source-specific values; no composite quality or winner treatment. */
.oh-metric-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px 7px;padding:5px 8px;border-radius:999px;background:var(--quiet);color:var(--ink);font-size:12px;line-height:1.4;vertical-align:middle}
.oh-metric-pill svg{width:14px;height:14px;flex:none;color:var(--dim)}.oh-metric-pill b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.oh-metric-pill>span{font-size:11px;color:var(--dim)}
.dx-out .dx-line{display:block;margin-top:6px}.oh-evidence-link{display:inline-block;margin:8px 0 0;font-size:12px;color:var(--g-ink)}
/* Source and Report chips beside a profile value: icon plus one word on the pill's neutral ground. */
.oh-evidence-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.oh-evidence-line [data-report-slot]{display:contents}.oh-evidence-line [data-report-slot][hidden]{display:none}
.oh-evidence-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--quiet);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;text-decoration:none;vertical-align:middle;transition:background .15s,color .15s}
.oh-evidence-chip svg{width:14px;height:14px;flex:none;color:inherit}
.oh-evidence-chip.is-source{color:var(--g-ink)}.oh-evidence-chip.is-source:hover{background:var(--g-bg);color:var(--g-ink)}
.oh-evidence-chip.is-report{color:var(--dim)}.oh-evidence-chip.is-report:hover{background:var(--line);color:var(--ink2)}
.oh-evidence-chip:focus-visible{outline:2px solid var(--g-ink);outline-offset:2px}
p[data-report-profile]>.oh-evidence-chip{margin-top:4px}
/* Per-row actions follow the review-list pattern (GitHub, Slack, Linear row actions): on a 50-row
   profile the Source and Report actions are icon-only with no ground, in the neutral --dim ink, and on
   hover-capable pointers they fade in only while the row is hovered or a row action has keyboard focus.
   Touch screens have no hover, so the two icons stay visible there. The full sentence remains each
   link's accessible name and tooltip. Report is never red: red is the publisher's unfavourable verdict. */
.oh-evidence-line .oh-evidence-chip{justify-content:center;width:28px;height:28px;padding:0;background:none;color:var(--dim)}
.oh-evidence-line .oh-evidence-chip>span{display:none}
.oh-evidence-line .oh-evidence-chip.is-source{margin-left:2px}
.oh-evidence-line .oh-evidence-chip.is-source:hover{background:var(--g-bg);color:var(--g-ink)}
.oh-evidence-line .oh-evidence-chip.is-report:hover{background:var(--quiet);color:var(--ink2)}
@media(hover:hover) and (pointer:fine){
 .oh-evidence-line .oh-evidence-chip{opacity:0;transition:opacity .18s ease,background .15s,color .15s}
 .dx-def:hover .oh-evidence-line .oh-evidence-chip,.oh-evidence-line:focus-within .oh-evidence-chip{opacity:1}
}
@media(prefers-reduced-motion:reduce){.oh-evidence-line .oh-evidence-chip{transition:none}}
/* Office and name reports appear once per office or page, like Maps' Suggest an edit: a quiet text link. */
:is(.oh-office-contact,p[data-report-profile])>.oh-evidence-chip.is-report{padding:2px 0;border-radius:4px;background:none;color:var(--dim);font-size:13px;font-weight:500}
:is(.oh-office-contact,p[data-report-profile])>.oh-evidence-chip.is-report:hover{background:none;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
/* Profile rows already carry the measure as their heading, so the pill shows the value alone. */
.oh-evidence-line .oh-metric-pill:not([data-neutral-zero]) :is(.oh-metric-label,.oh-metric-short){display:none}
.oh-source-measure{padding:16px 0;margin:0;border-top:1px solid var(--line)}.oh-source-measure h3{margin:0;font-size:14px;font-weight:600}.oh-source-measure>p{margin:16px 0;color:var(--dim);font-size:13px;line-height:1.6}.oh-source-record{margin:0;padding:12px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.oh-source-record b,.oh-source-record p{margin:0}.oh-source-record p{margin-top:4px;color:var(--dim)}
.dx-list>.dx-sources[open] .dx-sources-body,.dx-places>.dx-sources[open] .dx-sources-body{padding-top:20px}.dx-sources-body>p,.dx-sources-body ul{margin:0}.dx-sources-body li>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.dx-sources-body li{align-items:flex-start;flex-wrap:wrap}.oh-metric-pill{border-radius:12px}.dx-places>.dx-sources{margin:24px 12px}}

.oh-metric-pill{white-space:normal;min-width:0}.oh-source-fact{padding:14px 0;margin:0;font-size:13px;line-height:1.6;border-top:1px solid var(--line)}.oh-source-fact b,.oh-source-fact p{margin:0}.oh-source-fact p{margin-top:6px;color:var(--dim)}

.oh-source-link{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.oh-source-link:hover{color:var(--g-ink)}

/* Tone comes only from the publisher's own verdict (metricComparison); neutral keeps the default pill. */.oh-metric-pill:is([data-comparison=lower],[data-comparison=favourable]){background:var(--g-bg);color:var(--g-ink)}.oh-metric-pill:is([data-comparison=higher],[data-comparison=unfavourable]){background:var(--red-bg,#fee2e2);color:var(--red-ink,#b91c1c)}.oh-metric-pill[data-comparison=none]{background:var(--ink2);color:#fff}.oh-metric-pill:is([data-comparison=lower],[data-comparison=higher],[data-comparison=favourable],[data-comparison=unfavourable],[data-comparison=none]) :is(b,span,svg){color:inherit}
.oh-shared-metric-context{display:grid;gap:5px;margin:8px 0 0;font-size:11px;font-weight:400;line-height:1.45;color:var(--faint);white-space:normal}.oh-shared-metric-context>span{display:block}.oh-shared-metric-context a{justify-self:start}.dx-out [data-metric-meta][hidden]{display:none!important}

/* Results keep a single intrinsic metric line; clinical interpretation remains focusable. */
.oh-metric-pill.is-compact{flex-wrap:nowrap;width:max-content;max-width:100%;border-radius:999px;gap:5px;padding:5px 8px;white-space:nowrap}.oh-metric-pill.is-compact>span{white-space:nowrap;font-size:11px}.oh-metric-pill.is-compact:focus-visible{outline:2px solid var(--g-ink);outline-offset:3px}
/* A long source question (CDC ART, for example) wraps inside the pill on a phone instead of widening the page. */
@media(max-width:640px){.oh-metric-pill.is-compact{width:auto;flex-wrap:wrap;white-space:normal;border-radius:12px}.oh-metric-pill.is-compact>span{white-space:normal;min-width:0;overflow-wrap:anywhere}}

/* Compare, Page + Rows (chosen in design-review/compare-variants-20261022). The table is no longer a horizontal scroller,
 * so the doctor header row can stay pinned under the nav while the page scrolls; phones get a label line per measure,
 * two doctors per view and a pager. */
.dx-cmpgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,30%);gap:20px;align-items:start}
.dx-cmpgrid.is-two{grid-template-columns:minmax(0,1fr) minmax(260px,24%)}
.dx-cmpgrid.is-full{grid-template-columns:minmax(0,1fr)}
.dx-cmpgrid .dx-tablewrap{overflow:visible}
.dx-cmpgrid .dx-table thead th{position:sticky;top:var(--dx-stick,0px);z-index:3;background:#fff;box-shadow:0 1px 0 rgb(15 17 20/.08)}
.dx-cmpgrid .dx-table thead th:first-child{z-index:4;border-top-left-radius:var(--r-card)}
.dx-cmpgrid .dx-table thead th:last-child{border-top-right-radius:var(--r-card)}
.dx-cmpgrid .dx-table tbody tr.dx-rl:hover :is(td,th){background:#fff}
.dx-rl{display:none}
.dx-cmpgrid .dx-thd{justify-items:start}
.dx-x.dx-face{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer}
.dx-face{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.dx-face .dx-av{width:40px;height:40px}
.dx-face-b{position:absolute;top:-2px;left:-2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:linear-gradient(#c62828,#a51b1b);box-shadow:inset 0 1px 0 rgb(255 255 255/.22),0 0 0 1px rgb(185 28 28/.5),0 2px 4px -1px rgb(185 28 28/.35),0 6px 12px -4px rgb(127 29 29/.4);transition:background .15s}
.dx-face-b svg{width:12px;height:12px;color:#fff}
.dx-face.is-add .dx-face-b{background:linear-gradient(#16835b,#0f6a48);box-shadow:var(--elev-primary)}
@media(hover:hover) and (pointer:fine){.dx-x.dx-face:hover{background:none}.dx-face:hover .dx-face-b{background:linear-gradient(#b71c1c,#8f1616)}.dx-face.is-add:hover .dx-face-b{background:linear-gradient(#16835b,#0e6244)}}
.dx-face:focus-visible{outline:3px solid #9fcfb9;outline-offset:2px}
.dx-cmpadd{padding:20px;border-radius:var(--r-card);background:#fff;box-shadow:var(--elev-2)}
.dx-cmpadd h2{margin:0;padding-bottom:12px;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:0}
.dx-cmpadd ul,.dx-cmpadd p{margin:0;padding:0;list-style:none}
.dx-cmpadd p{font-size:13.5px}
.dx-cmpadd li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;box-shadow:inset 0 1px 0 rgb(15 17 20/.06)}
.dx-cmpadd li:first-child{box-shadow:none}
.dx-cmpadd .dx-thd-nm{gap:4px}
.dx-cmpadd .dx-thd-nm a{font-size:13.5px;font-weight:600;line-height:1.3}
.dx-cmpadd .dx-thd-nm small{color:var(--faint);font-size:12px}
.dx-cmpadd .oh-metric-pill{justify-self:start;margin-top:4px}
/* No selected procedure: each provider's records listed by procedure, and links to a side-by-side view */
.dx-table td .dx-cmpproc{display:grid;justify-items:start;gap:6px;margin:0}
.dx-table td .dx-cmpproc+.dx-cmpproc{margin-top:16px}
.dx-table td .dx-cmpproc>b{font-size:13px;font-weight:600;line-height:1.35}
.dx-cmpctx{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0}
.dx-cmpctx>span{flex-basis:100%;color:var(--dim);font-size:13.5px;line-height:1.5}
.dx-cmppager{display:none}
@media(max-width:860px){
  .dx-cmpgrid,.dx-cmpgrid.is-two{grid-template-columns:minmax(0,1fr)}
  .dx-cmpgrid .dx-table{min-width:0;table-layout:auto}
  .dx-cmpgrid .dx-table th[scope=row],.dx-cmpgrid .dx-table thead th:first-child{display:none}
  .dx-cmpgrid .dx-table thead th:nth-child(2){border-top-left-radius:var(--r-card)}
  .dx-cmpgrid .dx-rl{display:table-row}
  .dx-cmpgrid .dx-rl th{position:static;padding:16px 14px 0;font-size:13px;font-weight:600;text-align:left;background:#fff}
  .dx-cmpgrid .dx-table td{padding:10px 14px 14px}
  .dx-cmpgrid .dx-table thead th{padding:12px 14px}
  .dx-cmpgrid .dx-table[data-n="1"] thead th[data-col]{width:100%}
  .dx-cmpgrid .dx-table:not([data-n="1"]) thead th[data-col]{width:50%}
  .dx-cmpgrid .dx-table[data-n="3"][data-page="0"] [data-col="2"],.dx-cmpgrid .dx-table[data-n="3"][data-page="1"] [data-col="0"]{display:none}
  .dx-cmpgrid .dx-table thead .dx-thd small{display:none}
  .dx-cmppager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 10px;font-size:12.5px;color:var(--dim)}
  .dx-cmppager[hidden]{display:none}
  .dx-cmpgrid .dx-grp th>span{position:static;white-space:normal}
  .dx-cmppager .os-btn{display:inline-grid;place-items:center;width:40px;height:36px;padding:0}
  .dx-cmppager .os-btn:disabled{opacity:.4}
}
.dx-cmpgrid .dx-table thead th{vertical-align:top}

/* A reported zero with a neutral publisher verdict keeps the neutral pill; graphite is reserved for no verdict. */.oh-metric-pill[data-neutral-zero]:focus-visible{outline-color:var(--g-ink)}
.oh-metric-pill.is-compact b{display:inline;font-size:13px;line-height:1.4;letter-spacing:normal}


.oh-metric-short{display:none}
@media(max-width:860px){.dx-cmpgrid .oh-metric-pill .oh-metric-label.has-short{display:none}.dx-cmpgrid .oh-metric-pill .oh-metric-short{display:inline}}
.dx-cmpgrid .dx-table tbody tr:last-child>th{border-bottom-left-radius:var(--r-card)}.dx-cmpgrid .dx-table tbody tr:last-child>td:last-child{border-bottom-right-radius:var(--r-card)}
@media(max-width:860px){.dx-cmpgrid .dx-table tbody tr:last-child>td:nth-child(2),.dx-cmpgrid .dx-table[data-n="3"][data-page="1"] tbody tr:last-child>td:nth-child(3){border-bottom-left-radius:var(--r-card)}.dx-cmpgrid .dx-table[data-n="3"][data-page="0"] tbody tr:last-child>td:nth-child(3){border-bottom-right-radius:var(--r-card)}}
/* Page headings align with the outer content edge, rather than a card's inner inset. */
.dx-profile[data-source] .dx-page>.dx-crumb{margin:0 0 24px;padding:0}
.dx-profile[data-source] .dx-page>.dx-ph{padding:0 0 32px}
.dx-profile[data-source] .dx-ph.is-plain>div>p{display:none}
.dx-cmpgrid,.dx-cmpgrid>.dx-tablewrap{min-width:0}
@media(max-width:860px){.dx-cmpgrid>.dx-tablewrap{overflow-x:auto;overscroll-behavior-x:contain}}
@media(max-width:640px){.dx-profile[data-source] .dx-page>.dx-crumb{margin-bottom:18px}.dx-profile[data-source] .dx-page>.dx-ph{padding:0 0 28px}}

/* Mobile profile values that contain only a number sit beside their measure heading.
   Descriptive/textual pills and Saved rows retain their existing stacked layout. */
.oh-evidence-actions{display:contents}
@media(max-width:640px){
 .dx-def.oh-numeric-evidence{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"value heading" "context context" "explain explain" "actions actions";gap:8px 12px;margin:0;padding:14px 0;align-items:start}
 .oh-numeric-evidence>.dx-dk{grid-area:heading;min-width:0}
 .oh-numeric-evidence>.dx-dv,.oh-numeric-evidence>.dx-dv>p:first-child,.oh-numeric-evidence .oh-evidence-line{display:contents}
 .oh-numeric-evidence .oh-metric-pill{grid-area:value;align-self:start;white-space:nowrap;flex-wrap:nowrap;margin:0}
 .oh-numeric-evidence>.dx-dv>small{grid-area:context;margin:0}
 .dx-def.oh-numeric-evidence>.dx-dv>p.oh-metric-explain{grid-area:explain;margin:0}
 .oh-numeric-evidence .oh-evidence-actions{grid-area:actions;display:flex;gap:6px;align-items:center}
}

/* The approved mobile volume layout keeps procedure names short and source actions
   beside the heading, so hidden hover actions do not reserve an empty row. */
.oh-experience-mobile{display:none}
@media(max-width:640px){
 :is(#experience,#programs)>h2{margin:0 0 6px}
 .dx-def.oh-compact-experience{grid-template-areas:"value heading" "context context";gap:6px 12px;padding:10px 0}
 .dx-def.oh-compact-experience:has(>.dx-dv>.oh-metric-explain){grid-template-areas:"value heading" "context context" "explain explain"}
 .oh-compact-experience>.dx-dk{margin:0;padding-right:64px}
 .oh-compact-experience>.dx-dk :is(b,small){margin:0}
 .oh-compact-experience .oh-experience-full{display:none}
 .oh-compact-experience .oh-experience-mobile{display:inline}
 .oh-compact-experience .oh-evidence-actions{grid-area:heading;align-self:start;justify-self:end}
 .oh-compact-experience+.oh-compact-experience{border-top:1px solid var(--line);margin:0}
}