* { box-sizing: border-box; }
html { scroll-padding-top: 2rem; }
body { margin: 0; }
img, svg { max-width: 100%; }
[hidden] { display: none !important; }
a { overflow-wrap: anywhere; }
main:focus { outline: none; }

[class$="-shell"] { width: min(1200px, calc(100% - 112px)); margin-inline: auto; }
[class$="-mast"] { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 112px; padding-block: 24px; }
[class$="-name"] { display: flex; align-items: center; gap: 17px; }
[class$="-mark"] { position: relative; flex: 0 0 25px; width: 25px; height: 25px; }
[class$="-mark"]::before { content: ""; position: absolute; inset: 0; }
[class$="-mark"]::after { content: ""; position: absolute; width: 28px; height: 1px; top: 12px; left: 12px; }
[class$="-toggle"] { flex: 0 0 auto; min-height: 48px; min-width: 168px; padding: 9px 18px; }
[class$="-skip"] { position: fixed; z-index: 5; inset: 16px auto auto 16px; min-height: 48px; padding: 10px 20px; transform: translateY(-180%); }
[class$="-skip"]:focus { transform: translateY(0); }
[class$="-breadcrumbs"] { padding-top: 28px; }
[class$="-breadcrumbs"] ol { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; }
[class$="-breadcrumbs"] li { display: flex; align-items: center; gap: 10px; min-width: 0; }
[class$="-breadcrumbs"] li + li::before { content: "›"; }
[class$="-breadcrumbs"] a, [class$="-breadcrumbs"] li > span { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 18px; }
[class$="-breadcrumbs"] li > span > span { padding: 0; }
[class$="-hero"] { padding-block: 52px 62px; }
[class$="-hero-copy"] { max-width: 940px; min-width: 0; }
[class$="-intro"] { max-width: 65ch; margin-top: 26px; }
[class$="-intro"] p + p { margin-top: 18px; }
[class$="-sheet"] { display: grid; grid-template-columns: minmax(0, 1fr) 248px; gap: 76px; padding-block: 48px 54px; }
[class$="-reading"] { min-width: 0; max-width: 70ch; }
[class$="-reading"] h2 { margin-top: 0; }
[class$="-reading"] h3 { margin-top: 26px; }
[class$="-reading"] p { margin-block: 0 17px; }
[class$="-reading"] ul { margin: 0 0 24px; padding-left: 26px; }
[class$="-reading"] li { padding-left: 4px; margin-block: 0 14px; }
[class$="-margin"] { align-self: start; min-width: 0; margin-top: 7px; padding-left: 26px; }
[class$="-margin"] p { margin: 0; }
[class$="-margin"] h3 { margin-block: 8px 12px; }
[class$="-pair"] { padding: 20px 24px; margin-block: 22px 24px; }
[class$="-pair"] p:last-of-type { margin-bottom: 5px; }
[class$="-source"], [class$="-link"], [class$="-next-link"] { display: inline-flex; align-items: center; gap: 14px; min-height: 48px; min-width: 44px; max-width: 100%; padding: 8px 12px; }
[class$="-source"] > span, [class$="-link"] > span, [class$="-next-link"] > span { flex: 0 0 auto; }
[class$="-source"] { margin-left: -12px; }
[class$="-link"] { margin-block: 6px 17px; }
[class$="-next"] { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 32px 34px; margin-block: 42px 60px; }
[class$="-next"] h2 { max-width: 26ch; margin: 0; }
[class$="-next-link"] { flex: 0 1 auto; padding-inline: 22px; }
[class$="-footer"] { padding-block: 32px 44px; }
[class$="-footer"] p { max-width: 73ch; margin: 0; }

.wd-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(290px, .9fr); gap: 64px; align-items: start; padding-bottom: 66px; }
.wd-hero-copy { max-width: 100%; }
.wd-route-map { position: relative; margin: 40px 0 0; padding: 26px 28px 30px; min-width: 0; }
.wd-route-map figcaption { margin-bottom: 26px; }
.wd-map-start { display: flex; align-items: center; gap: 12px; padding-bottom: 28px; }
.wd-node { display: inline-block; flex: 0 0 12px; width: 12px; height: 12px; }
.wd-map-branches { position: relative; display: grid; gap: 14px; padding-left: 30px; }
.wd-map-branches::before { content: ""; position: absolute; left: 5px; top: -29px; bottom: 26px; width: 1px; }
.wd-map-link { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 55px; padding: 10px 17px; }
.wd-map-link::before { content: ""; position: absolute; top: 50%; left: -25px; width: 25px; height: 1px; }
.wd-route-section { padding-block: 46px 30px; }
.wd-route-section h2 { max-width: 30ch; margin-top: 0; }
.wd-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.wd-route { position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 217px; padding: 28px 68px 30px 28px; }
.wd-route-label, .wd-route-question, .wd-route-detail { display: block; }
.wd-route-detail { max-width: 43ch; }
.wd-route-arrow { position: absolute; top: 28px; right: 28px; }
.wd-route:last-child { grid-column: 1 / -1; min-height: 184px; }

.md-bill { width: 100%; border-collapse: collapse; margin-block: 24px; table-layout: fixed; }
.md-bill caption { text-align: left; margin-bottom: 17px; }
.md-bill th, .md-bill td { text-align: left; vertical-align: top; padding: 17px 14px; }
.md-bill th:first-child { width: 32%; padding-left: 0; }
.md-bill td { padding-right: 0; }
.sd-study-graphic { margin: 26px 0 24px; }
.sd-study-graphic figcaption { margin-bottom: 18px; }
.sd-study-row { padding: 16px 0 17px; }
.sd-study-row p { margin-bottom: 12px; }
.sd-bar-track { width: 100%; height: 9px; margin-bottom: 8px; }
.sd-bar-track span { display: block; height: 100%; }
.sd-bar-knee { width: 100%; }
.sd-bar-bladder { width: 70.588235%; }
.sd-bar-vein { width: 11.764706%; }

@media (max-width: 1000px) {
  [class$="-shell"] { width: calc(100% - 64px); }
  [class$="-sheet"] { grid-template-columns: minmax(0, 1fr) 218px; gap: 40px; }
  .wd-hero { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .wd-route-map { width: min(100%, 590px); margin-top: 22px; }
  [class$="-next"] { align-items: flex-start; flex-direction: column; gap: 22px; }
}

@media (max-width: 650px) {
  [class$="-shell"] { width: calc(100% - 40px); }
  [class$="-mast"] { align-items: flex-start; flex-direction: column; min-height: 0; gap: 21px; padding-block: 27px 25px; }
  [class$="-toggle"] { min-width: 164px; }
  [class$="-breadcrumbs"] { padding-top: 22px; }
  [class$="-breadcrumbs"] a, [class$="-breadcrumbs"] li > span { padding-inline: 14px; }
  [class$="-hero"] { padding-block: 36px 38px; }
  [class$="-intro"] { margin-top: 22px; }
  [class$="-sheet"] { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 32px 37px; }
  [class$="-margin"] { order: -1; margin: 0; padding: 18px 21px 20px; }
  [class$="-pair"] { padding: 18px 20px; margin-block: 20px; }
  [class$="-source"] { gap: 9px; }
  [class$="-next"] { padding: 25px 22px; margin-block: 30px 38px; }
  [class$="-next-link"] { padding-inline: 16px; }
  [class$="-footer"] { padding-block: 27px 35px; }
  .wd-route-map { padding: 22px 21px 24px; margin-top: 20px; }
  .wd-map-branches { padding-left: 24px; }
  .wd-map-branches::before { left: 3px; }
  .wd-map-link { padding-inline: 14px; }
  .wd-map-link::before { left: -21px; width: 21px; }
  .wd-route-section { padding-top: 31px; }
  .wd-routes { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 25px; }
  .wd-route, .wd-route:last-child { min-height: 0; padding: 23px 54px 26px 24px; }
  .wd-route-arrow { top: 22px; right: 23px; }
  .md-bill th, .md-bill td { padding-block: 15px; padding-inline: 9px; overflow-wrap: anywhere; }
  .md-bill th:first-child { width: 31%; }
}
