/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.75rem}
html{scroll-behavior:smooth}
body{background:#FFFFFF;color:#2E2F32;font-family:'Inter', 'Bogle', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Inter Tight', 'Bogle', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;line-height:1.2;color:#2E2F32}
a{color:#004F9A}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#F5F5F5;padding:.1em .35em;border-radius:4px;font-size:.9em}
.trnz{position:absolute;left:-9999px;top:0;background:#004F9A;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.trnz:focus{left:0}
.zmvw{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.sbyb{font-family:'Inter Tight', 'Bogle', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.woei{color:#595B62;font-size:.85rem}
.gyvx{display:flex;flex-wrap:wrap;gap:1.1rem}
.yiof{text-decoration:none;color:inherit;font-size:.95rem}
.yiof:hover{color:#004F9A;opacity:1}
.ihji{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.ihji span{display:block;height:2px;background:currentColor;border-radius:2px}
.ihji[aria-expanded="true"] span:nth-child(2){opacity:0}
.yjhk{background:#F2F8FD} .yjhk .zmvw{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .gyvx{border-top:1px solid #C9D2DE;padding-top:.6rem}
.jypm{background:linear-gradient(160deg, #F2F8FD, #d5e4f1)} .jypm .zmvw{max-width:52rem;text-align:center;padding:4rem 1.5rem} .qeiq{justify-content:center}
.tgga{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#004F9A;font-weight:600;margin-bottom:.8rem}
.vosd{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.xqes{font-size:1.15rem;color:#595B62;max-width:44rem;margin:0 auto}
.qeiq{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.xjvl{border:1px solid #C9D2DE;background:#F2F8FD;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.qcvk{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.imqg,.qimy,.ihju{max-width:46rem;margin-left:auto;margin-right:auto}
.imqg{padding:1.4rem 0}
.imqg h2{font-size:1.6rem;margin-bottom:.8rem}
.imqg h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.imqg p,.imqg li,.qimy p{margin-bottom:.85rem}
.imqg ul,.imqg ol{padding-left:1.4rem}
.qimy{font-size:1.12rem}
.ihju{background:#F2F8FD;border:1px solid #C9D2DE;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.izks{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C9D2DE;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F2F8FD}
blockquote{border-left:4px solid #004F9A;padding:.2rem 0 .2rem 1rem;color:#595B62;margin:1rem 0}
.rpnf{max-width:46rem;margin:1.8rem auto;background:#e3eef7;border:1px solid #C9D2DE;border-radius:var(--radius);padding:1.4rem 1.6rem}
.idte{font-size:1.25rem;margin-bottom:.7rem}
.ehmg{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.bbzg{padding-left:1.1rem;position:relative;font-size:.95rem}
.bbzg::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#004F9A}
.cexe{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.cfkm{border-top:1px solid #C9D2DE;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.cfkm::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Inter Tight', 'Bogle', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;font-weight:700;color:#004F9A}
.pvyt{margin-bottom:.3rem}
.wjfr{font-size:.88rem;color:#595B62}
.fyak{max-width:46rem;margin:0 auto}
.dfkr{border-bottom:1px solid #C9D2DE;padding:1.1rem 0}
.dfte{font-size:1.15rem;margin-bottom:.5rem}
.xddt{color:#2E2F32}
.cmwp{background:#f3f3e7;border-top:1px solid #C9D2DE;border-bottom:1px solid #C9D2DE;margin:2rem 0 0}
.npbe{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.npbe h2{margin-bottom:.7rem}
.npbe p{margin-bottom:1.1rem}
.zjmh{display:inline-block;background:#004F9A;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.zjmh:hover{opacity:.9}

.zlfg{font-size:1.45rem;margin-bottom:.45rem}
.aezh p{margin-bottom:.55rem}
.aezh p:last-child{margin-bottom:0}
.rker{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.pgfl{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.pgfl:hover{opacity:.92}
.jqoo{background:#004F9A;color:#FFFFFF}
.fryd{max-width:64rem;margin:0 auto;padding:1.6rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2.5rem;align-items:center}
.jqoo h2,.jqoo p{color:#FFFFFF}
.fbkj{display:inline-block;background:#FFFFFF;color:#004F9A;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;margin-bottom:.6rem}
.rker{color:#c7d8e9}
.fglv::before{content:"\2022\00a0"}
.pgfl{background:#FFFFFF;color:#2E2F32;border:2px solid #FFFFFF}
@media (max-width:720px){.fryd{display:block} .fbkj{transform:none;max-width:none;margin-bottom:.6rem} .pgfl{display:block;text-align:center;margin-top:1rem}}
.yksx{background:#FFFFFF;border-top:3px double #C9D2DE}
.yksx .zmvw{padding:2.2rem 1.5rem}
.nqgd{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.vtkb{font-style:italic;margin-bottom:.8rem}
.hsss{font-size:.9rem;margin-bottom:.8rem}
.exjm{font-size:.85rem;color:#595B62}
.yksx .exjm{opacity:.85}
.dqon{color:#595B62;font-size:.92rem}
@media(max-width:760px){
  .jypm .zmvw{grid-template-columns:1fr;gap:1.5rem}
  .nqgd{grid-template-columns:1fr}
  .yjhk .zmvw{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .yjhk .gyvx{border-top:0;padding-top:0}
  .yjhk .ihji{display:flex}
  .yjhk .gyvx{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C9D2DE;padding-top:.4rem;margin-top:.4rem}
  .yjhk .gyvx[data-open="true"]{display:flex}
  .yjhk .yiof{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Scottsdale Knee, Step by Step — per-site editorial utility theme */

:root {
  --radius: 0.75rem;
}

body {
  line-height: 1.72;
  font-size: 1.03125rem;
  background:
    linear-gradient(90deg, #F5F5F5 1px, transparent 1px) center top / min(100%, 72rem) 100% no-repeat,
    #FFFFFF;
}

::selection {
  background: #FFC220;
  color: #2E2F32;
}

a {
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}

/* Chrome and a wordmark that reads like a compact publication masthead. */
.yjhk {
  background: #004F9A;
  color: #FFFFFF;
  border-bottom: 0.3rem solid #FFC220;
  box-shadow: 0 0.2rem 0 #FFFFFF, 0 0.25rem 0 #C9D2DE;
}

.yjhk .zmvw {
  max-width: 72rem;
  gap: 0.8rem;
  padding: 1.15rem 1.5rem 1rem;
}

.sbyb {
  display: inline-flex;
  align-items: center;
  gap: 0.72rem;
  color: #FFFFFF;
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.035em;
}

.sbyb::before {
  content: "01";
  display: inline-grid;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  border-radius: 0.65rem 0.65rem 0.2rem 0.65rem;
  background: #FFC220;
  color: #2E2F32;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.yjhk .woei {
  margin-top: 0.42rem;
  color: #F2F8FD;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.yjhk .gyvx {
  justify-content: center;
  gap: 0.18rem 1.25rem;
  width: 100%;
  border-top-color: #C9D2DE;
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 0.72rem;
}

.yjhk .yiof {
  position: relative;
  color: #FFFFFF;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  line-height: 1.25;
}

.yjhk .yiof::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.28rem;
  left: 0;
  height: 0.14rem;
  border-radius: 999px;
  background: #FFC220;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 160ms ease;
}

.yjhk .yiof:hover {
  color: #FFFFFF;
}

.yjhk .yiof:hover::after,
.yjhk .yiof:focus-visible::after {
  transform: scaleX(1);
}

.ihji {
  color: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 0.55rem;
}

/* Asymmetric appointment-guide cover with a quiet technical field at right. */
.jypm {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, #F2F8FD 0 69%, #F5F5F5 69% 100%);
  border-bottom: 1px solid #C9D2DE;
}

.jypm::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 3.95rem, #C9D2DE 4rem);
  opacity: 0.3;
}

.jypm .zmvw {
  position: relative;
  max-width: 72rem;
  padding: clamp(2.8rem, 6vw, 5.5rem) 1.5rem;
  text-align: left;
}

.jrhy {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(10rem, 0.58fr);
  column-gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3.25rem);
  background: #FFFFFF;
  border: 1px solid #C9D2DE;
  border-radius: 0.2rem 1.6rem 0.2rem 1.6rem;
  box-shadow: 0.85rem 0.85rem 0 #FFC220;
}

.jrhy > * {
  grid-column: 1;
}

.jrhy::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / span 4;
  justify-self: stretch;
  aspect-ratio: 1;
  border: 1px solid #C9D2DE;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #004F9A 0 7%, transparent 7.5%),
    radial-gradient(circle at center, transparent 0 34%, #C9D2DE 34.5% 35.5%, transparent 36%),
    linear-gradient(90deg, transparent 49.3%, #004F9A 49.5% 50.5%, transparent 50.7%),
    linear-gradient(0deg, transparent 49.3%, #004F9A 49.5% 50.5%, transparent 50.7%),
    #F2F8FD;
  box-shadow: inset 0 0 0 0.75rem #FFFFFF;
}

.tgga {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-bottom: 1rem;
  color: #004F9A;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.35;
}

.tgga::before {
  content: "";
  width: 1.9rem;
  height: 0.3rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #FFC220;
}

.vosd {
  max-width: 14ch;
  margin-bottom: 1.15rem;
  color: #2E2F32;
  font-size: clamp(2.5rem, 5.7vw, 4.65rem);
  font-weight: 700;
  letter-spacing: -0.052em;
  line-height: 0.98;
}

.xqes {
  max-width: 58ch;
  margin: 0;
  color: #595B62;
  font-size: clamp(1rem, 1.5vw, 1.12rem);
  line-height: 1.68;
}

.qeiq {
  justify-content: flex-start;
  gap: 0.55rem;
  margin-top: 1.55rem;
}

.xjvl {
  position: relative;
  padding: 0.42rem 0.78rem 0.42rem 1.65rem;
  background: #F2F8FD;
  border: 0;
  border-radius: 0.4rem;
  color: #2E2F32;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.35;
}

.xjvl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.65rem;
  width: 0.45rem;
  height: 0.45rem;
  border: 2px solid #004F9A;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* The recommendation reads like a staffed service desk, not a default promo card. */
.jqoo {
  position: relative;
  background: #F5F5F5;
  color: #2E2F32;
  border-bottom: 1px solid #C9D2DE;
}

.fryd {
  max-width: 72rem;
  margin: 0 auto;
  padding: 2.25rem 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem 3rem;
  align-items: center;
  background: #004F9A;
  border-right: 0.75rem solid #FFC220;
}

.jqoo h2,
.jqoo p {
  color: #FFFFFF;
}

.fbkj {
  display: inline-block;
  margin-bottom: 0.72rem;
  padding: 0.28rem 0.58rem;
  background: #FFC220;
  color: #2E2F32;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.zlfg {
  max-width: 30ch;
  margin-bottom: 0.55rem;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.aezh {
  max-width: 62ch;
  font-size: 0.95rem;
  line-height: 1.62;
}

.rker {
  gap: 0.5rem 1.15rem;
  margin-top: 0.9rem;
  color: #F2F8FD;
  font-size: 0.8rem;
  font-weight: 600;
}

.fglv {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

.fglv::before {
  content: "";
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.fglv:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2F8FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.fglv:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2F8FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18M8 15l2 2 5-5'/%3E%3C/svg%3E");
}

.fglv:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2F8FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
}

.pgfl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.9rem 1.2rem;
  background: #FFC220;
  color: #2E2F32;
  border: 2px solid #FFC220;
  border-radius: 0.5rem;
  box-shadow: 0.38rem 0.38rem 0 #FFFFFF;
  font-size: 0.92rem;
  line-height: 1.25;
}

.pgfl::after,
.zjmh::after {
  content: "\2192";
  font-size: 1.2em;
  line-height: 1;
}

/* Editorial reading rail: intro note, numbered chapters, tables and quotes. */
.qcvk {
  padding: clamp(2.8rem, 6vw, 5rem) 0 0;
}

.qcvk > .zmvw {
  counter-reset: chapter;
}

.qimy {
  max-width: 52rem;
  margin-bottom: 2.2rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: #F2F8FD;
  border-left: 0.55rem solid #FFC220;
  border-radius: 0 1rem 1rem 0;
  color: #2E2F32;
  font-size: 1.08rem;
}

.qimy h2 {
  margin-bottom: 1rem;
  color: #004F9A;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.qimy h2::before {
  content: "Reader note / ";
  color: #2E2F32;
}

.qimy p:first-of-type {
  font-family: 'Inter Tight', 'Bogle', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: clamp(1.22rem, 2vw, 1.48rem);
  font-weight: 600;
  letter-spacing: -0.018em;
  line-height: 1.42;
}

.imqg {
  counter-increment: chapter;
  max-width: 52rem;
  padding: clamp(2rem, 4.5vw, 3.5rem) 0;
  border-top: 1px solid #C9D2DE;
}

.imqg h2 {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0.9rem;
  align-items: start;
  margin-bottom: 1.3rem;
  color: #2E2F32;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.imqg h2::before {
  content: counter(chapter, decimal-leading-zero);
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  background: #004F9A;
  color: #FFFFFF;
  border-radius: 50% 50% 0.25rem 50%;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  line-height: 1;
}

.imqg h3 {
  margin: 1.8rem 0 0.7rem;
  color: #004F9A;
  font-size: 1.22rem;
  letter-spacing: -0.015em;
}

.imqg p,
.imqg li,
.qimy p {
  margin-bottom: 1rem;
}

.imqg li::marker {
  color: #004F9A;
  font-family: 'Inter Tight', 'Bogle', sans-serif;
  font-weight: 700;
}

blockquote {
  margin: 1.6rem 0;
  padding: 1.2rem 1.35rem;
  background: #F5F5F5;
  border: 0;
  border-left: 0.35rem solid #004F9A;
  color: #2E2F32;
  font-family: 'Inter Tight', 'Bogle', sans-serif;
  font-size: 1.1rem;
}

.izks {
  margin: 1.6rem 0;
  border: 1px solid #C9D2DE;
  border-radius: 0.75rem;
}

table {
  font-size: 0.9rem;
}

th,
td {
  padding: 0.75rem 0.8rem;
  border: 0;
  border-bottom: 1px solid #C9D2DE;
}

th {
  background: #004F9A;
  color: #FFFFFF;
  font-family: 'Inter Tight', 'Bogle', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.035em;
}

tr:last-child td {
  border-bottom: 0;
}

/* Scottsdale field note. */
.rpnf {
  position: relative;
  max-width: 58rem;
  margin: 3rem auto;
  padding: clamp(1.75rem, 4vw, 2.7rem);
  overflow: hidden;
  background: #004F9A;
  color: #FFFFFF;
  border: 0;
  border-radius: 1.25rem 0.25rem 1.25rem 0.25rem;
  box-shadow: -0.65rem 0.65rem 0 #FFC220;
}

.rpnf::after {
  content: "";
  position: absolute;
  right: -3.5rem;
  bottom: -4.5rem;
  width: 12rem;
  height: 12rem;
  border: 1.5rem solid #F2F8FD;
  border-radius: 50%;
  opacity: 0.1;
  pointer-events: none;
}

.rpnf h2,
.rpnf p,
.rpnf a {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}

.idte {
  max-width: 24ch;
  margin-bottom: 1rem;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.idte::before {
  content: "Local field note";
  display: block;
  margin-bottom: 0.6rem;
  color: #FFC220;
  font-family: 'Inter', 'Bogle', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.ehmg {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.bbzg {
  min-height: 3.2rem;
  padding: 0.72rem 0.85rem 0.72rem 2.6rem;
  background: #F2F8FD;
  color: #2E2F32;
  border-radius: 0.55rem;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.4;
}

.bbzg::before {
  top: 0.85rem;
  left: 0.85rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.bbzg:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23004F9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.bbzg:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23004F9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
}

/* Citation ledger. */
.cexe {
  max-width: none;
  margin: 1.5rem 0 0;
  display: grid;
  gap: 0.65rem;
}

.cfkm {
  min-height: 4rem;
  padding: 1.05rem 1.15rem 1.05rem 4rem;
  background: #F5F5F5;
  border: 1px solid #C9D2DE;
  border-radius: 0.65rem;
}

.cfkm::before {
  top: 1rem;
  left: 1rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  background: #004F9A;
  color: #FFFFFF;
  border-radius: 50% 50% 0.2rem 50%;
  font-size: 0.72rem;
  line-height: 1;
}

.pvyt {
  margin-bottom: 0.45rem;
  color: #2E2F32;
  font-size: 0.92rem;
  line-height: 1.58;
}

.wjfr {
  color: #595B62;
  font-size: 0.78rem;
  line-height: 1.5;
}

.wjfr a {
  color: #004F9A;
  font-weight: 600;
}

/* FAQ is a calm question ledger with unmistakable question markers. */
.fyak {
  max-width: 52rem;
  display: grid;
  gap: 0.8rem;
}

.dfkr {
  padding: 1.35rem 1.5rem 1.35rem 4.4rem;
  background: #F2F8FD;
  border: 0;
  border-left: 0.35rem solid #004F9A;
  border-radius: 0 0.8rem 0.8rem 0;
}

.dfte {
  position: relative;
  margin-bottom: 0.55rem;
  color: #2E2F32;
  font-size: 1.14rem;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

.dfte::before {
  content: "?";
  position: absolute;
  top: -0.12rem;
  left: -3.15rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  background: #FFC220;
  color: #2E2F32;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
}

.xddt {
  color: #2E2F32;
  font-size: 0.94rem;
  line-height: 1.65;
}

/* Final invitation: high-confidence blue with a single yellow action. */
.cmwp {
  position: relative;
  overflow: hidden;
  margin-top: 4rem;
  background:
    linear-gradient(125deg, #004F9A 0 74%, #2E2F32 74% 100%);
  color: #FFFFFF;
  border: 0;
  border-top: 0.55rem solid #FFC220;
}

.npbe {
  max-width: 58rem;
  padding: clamp(2.8rem, 6vw, 5rem) 1.5rem;
  text-align: left;
}

.npbe h2,
.npbe p {
  max-width: 62ch;
  color: #FFFFFF;
}

.npbe h2 {
  max-width: 24ch;
  margin-bottom: 1rem;
  font-size: clamp(1.9rem, 4vw, 3rem);
  letter-spacing: -0.04em;
  line-height: 1.04;
}

.npbe p {
  margin-bottom: 1rem;
}

.zjmh {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.4rem;
  padding: 0.92rem 1.2rem;
  background: #FFC220;
  color: #2E2F32;
  border: 2px solid #FFC220;
  border-radius: 0.5rem;
  box-shadow: 0.38rem 0.38rem 0 #FFFFFF;
  font-size: 0.92rem;
  font-weight: 700;
}

/* Footer closes as an editorial colophon. */
.yksx {
  background: #2E2F32;
  color: #FFFFFF;
  border: 0;
}

.yksx .zmvw {
  padding: 3rem 1.5rem 2rem;
}

.nqgd {
  grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 0.55fr);
  gap: 3rem;
  margin-bottom: 2rem;
}

.eqfs:first-child::before {
  content: "Scottsdale Knee / Reader's guide";
  display: block;
  margin-bottom: 1rem;
  color: #FFC220;
  font-family: 'Inter Tight', 'Bogle', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.yksx .woei,
.yksx .dqon,
.yksx .vtkb,
.yksx .hsss,
.yksx .exjm {
  color: #F2F8FD;
}

.yksx .woei {
  margin-bottom: 0.45rem;
  color: #FFC220;
  font-size: 0.9rem;
  font-weight: 600;
}

.yksx .dqon {
  max-width: 66ch;
  margin-bottom: 1rem;
}

.yksx .vtkb,
.yksx .hsss {
  max-width: 70ch;
  font-size: 0.84rem;
  line-height: 1.62;
}

.yksx .yiof {
  display: inline-block;
  margin: 0 0.2rem 0.55rem 0;
  color: #FFFFFF;
  font-size: 0.82rem;
  font-weight: 600;
}

.yksx .exjm {
  padding-top: 1.25rem;
  border-top: 1px solid #C9D2DE;
  font-size: 0.76rem;
  opacity: 1;
}

@media (max-width: 760px) {
  body {
    font-size: 1rem;
  }

  .yjhk .zmvw {
    gap: 0.7rem;
    padding: 0.85rem 1rem;
  }

  .sbyb {
    font-size: 1.05rem;
  }

  .sbyb::before {
    width: 2rem;
    height: 2rem;
  }

  .yjhk .woei {
    margin-left: 2.75rem;
    font-size: 0.61rem;
  }

  .yjhk .gyvx {
    width: 100%;
  }

  .jypm .zmvw {
    padding: 2.25rem 1rem 2.7rem;
  }

  .jrhy {
    display: block;
    padding: 1.65rem 1.25rem;
    box-shadow: 0.45rem 0.45rem 0 #FFC220;
  }

  .jrhy::after {
    display: none;
  }

  .vosd {
    max-width: 16ch;
    font-size: clamp(2.25rem, 12vw, 3.4rem);
  }

  .qeiq {
    display: grid;
  }

  .fryd {
    display: block;
    padding: 1.75rem 1rem;
    border-right-width: 0.45rem;
  }

  .pgfl {
    display: flex;
    width: 100%;
    margin-top: 1.25rem;
    white-space: normal;
  }

  .qcvk {
    padding-top: 2.5rem;
  }

  .qcvk > .zmvw {
    padding: 0 1rem;
  }

  .qimy {
    padding: 1.35rem 1.1rem;
  }

  .imqg h2 {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.7rem;
  }

  .imqg h2::before {
    width: 2.35rem;
    height: 2.35rem;
  }

  .rpnf {
    margin: 2.5rem 0.4rem;
    padding: 1.5rem 1.1rem;
    box-shadow: -0.4rem 0.4rem 0 #FFC220;
  }

  .ehmg {
    grid-template-columns: 1fr;
  }

  .cfkm {
    padding: 1rem 0.9rem 1rem 3.65rem;
  }

  .dfkr {
    padding: 1.15rem 1rem 1.15rem 3.7rem;
  }

  .dfte::before {
    left: -2.75rem;
  }

  .cmwp {
    margin-top: 3rem;
  }

  .npbe {
    padding: 3rem 1rem;
  }

  .zjmh {
    justify-content: center;
    width: 100%;
  }

  .yksx .zmvw {
    padding: 2.5rem 1rem 1.5rem;
  }

  .nqgd {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yjhk .yiof::after {
    transition: none;
  }
}