/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.25rem}
html{scroll-behavior:smooth}
body{background:#F4FAFB;color:#10282E;font-family:'Inter', system-ui, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Unbounded', system-ui, sans-serif;line-height:1.2;color:#10282E}
a{color:#006674}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E3F2F4;padding:.1em .35em;border-radius:4px;font-size:.9em}
.cglo{position:absolute;left:-9999px;top:0;background:#006674;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.cglo:focus{left:0}
.iiea{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.mvym{font-family:'Unbounded', system-ui, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.ijsp{color:#3E5B61;font-size:.85rem}
.myje{display:flex;flex-wrap:wrap;gap:1.1rem}
.uljk{text-decoration:none;color:inherit;font-size:.95rem}
.uljk:hover{color:#006674;opacity:1}
.fvkd{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}
.fvkd span{display:block;height:2px;background:currentColor;border-radius:2px}
.fvkd[aria-expanded="true"] span:nth-child(2){opacity:0}
.cuos{border-bottom:3px double #B7CDD1;background:#F4FAFB} .cuos .iiea{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .cuos .myje{justify-content:flex-end}
.lezu{background:linear-gradient(160deg, #FFFFFF, #e0edee)} .lezu .iiea{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .uxjc{justify-content:center}
.djaq{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#006674;font-weight:600;margin-bottom:.8rem}
.avkj{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.itbs{font-size:1.15rem;color:#3E5B61;max-width:44rem;margin:0 auto}
.uxjc{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.fqms{border:1px solid #B7CDD1;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.flpx{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.qeox,.hsae,.augi{max-width:46rem;margin-left:auto;margin-right:auto}
.qeox{padding:1.68rem 0}
.qeox h2{font-size:1.6rem;margin-bottom:.8rem}
.qeox h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.qeox p,.qeox li,.hsae p{margin-bottom:.85rem}
.qeox ul,.qeox ol{padding-left:1.4rem}
.hsae{font-size:1.12rem}
.augi{background:#FFFFFF;border:1px solid #B7CDD1;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.ugwy{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #B7CDD1;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #006674;padding:.2rem 0 .2rem 1rem;color:#3E5B61;margin:1rem 0}
.djpp{max-width:46rem;margin:2.16rem auto;background:#f0f6f7;border:1px solid #B7CDD1;border-radius:var(--radius);padding:1.4rem 1.6rem}
.mjmx{font-size:1.25rem;margin-bottom:.7rem}
.pmio{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.tvxt{padding-left:1.1rem;position:relative;font-size:.95rem}
.tvxt::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#006674}
.dqtg{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.dazb{border-top:1px solid #B7CDD1;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.dazb::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Unbounded', system-ui, sans-serif;font-weight:700;color:#006674}
.xzem{margin-bottom:.3rem}
.rcrv{font-size:.88rem;color:#3E5B61}
.znuy{max-width:46rem;margin:0 auto}
.ohsd{border-bottom:1px solid #B7CDD1;padding:1.32rem 0}
.lhir{font-size:1.15rem;margin-bottom:.5rem}
.htyu{color:#10282E}
.lmdn{background:#ebeff4;border-top:1px solid #B7CDD1;border-bottom:1px solid #B7CDD1;margin:2.4rem 0 0}
.nkvs{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.nkvs h2{margin-bottom:.7rem}
.nkvs p{margin-bottom:1.1rem}
.qfzs{display:inline-block;background:#006674;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.qfzs:hover{opacity:.9}

.lomy{font-size:1.45rem;margin-bottom:.45rem}
.glso p{margin-bottom:.55rem}
.glso p:last-child{margin-bottom:0}
.accf{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.hlpq{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.hlpq:hover{opacity:.92}
.nhli{background:#10282E;color:#FFFFFF;border-top:4px solid #345F8C}
.gpiu{max-width:64rem;margin:0 auto;padding:1.7rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.nhli h2,.nhli p{color:#FFFFFF}
.afcy{display:inline-block;background:#F4FAFB;color:#10282E;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.accf{color:#96a0a3}
.pjel::before{content:"\2713\00a0"}
.hlpq{background:#006674;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.gpiu{display:block} .afcy{transform:none;max-width:none;margin-bottom:.6rem} .hlpq{display:block;text-align:center;margin-top:1rem}}
.gpvj{background:#10282E;color:#FFFFFF} .gpvj a{color:inherit}
.gpvj .iiea{padding:2.64rem 1.5rem}
.vstq{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.hiwt{font-style:italic;margin-bottom:.8rem}
.cdnp{font-size:.9rem;margin-bottom:.8rem}
.lwmr{font-size:.85rem;color:#3E5B61}
.gpvj .lwmr{opacity:.85}
.plud{color:#3E5B61;font-size:.92rem}
.gpvj .ijsp,.gpvj .plud{color:#96a0a3}
.gpvj .lwmr{color:#838f92;opacity:1}
@media(max-width:760px){
  .lezu .iiea{grid-template-columns:1fr;gap:1.5rem}
  .vstq{grid-template-columns:1fr}
  .cuos .iiea{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .cuos .myje{border-top:0;padding-top:0}
  .cuos .fvkd{display:flex}
  .cuos .myje{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #B7CDD1;padding-top:.4rem;margin-top:.4rem}
  .cuos .myje[data-open="true"]{display:flex}
  .cuos .uljk{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Scottsdale Cartilage Atlas — cyan-steel field journal. */

:root {
  --atlas-ink: #10282E;
  --atlas-muted: #3E5B61;
  --atlas-cyan: #006674;
  --atlas-blue: #345F8C;
  --atlas-pale: #E3F2F4;
  --atlas-paper: #F4FAFB;
  --atlas-line: #B7CDD1;
  --atlas-white: #FFFFFF;
  --atlas-grid: rgba(16, 40, 46, .08);
  --atlas-shadow: 0 26px 70px -48px rgba(16, 40, 46, .65);
  --icon-ring: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.5 12h7M12 8.5v7%22/%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 13.2 9 18l11-12%22/%3E%3C/svg%3E");
  --icon-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.2%22/%3E%3C/svg%3E");
  --icon-doc: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h8l4 4v14H6Z%22/%3E%3Cpath d=%22M14 3v5h4M9 13h6M9 17h6%22/%3E%3C/svg%3E");
  --icon-question: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9.4 8.8a3 3 0 1 1 4.2 2.7c-1 .5-1.6 1.2-1.6 2.2%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3C/svg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h15M14 7l5 5-5 5%22/%3E%3C/svg%3E");
}

body {
  background-image:
    linear-gradient(90deg, transparent 0, transparent calc(50% - 36rem), var(--atlas-grid) calc(50% - 36rem), var(--atlas-grid) calc(50% - 36rem + 1px), transparent calc(50% - 36rem + 1px)),
    linear-gradient(90deg, transparent 0, transparent calc(50% + 36rem), var(--atlas-grid) calc(50% + 36rem), var(--atlas-grid) calc(50% + 36rem + 1px), transparent calc(50% + 36rem + 1px));
  letter-spacing: -.012em;
}

body p,
body li,
td {
  color: var(--atlas-ink);
}

.cuos {
  border-bottom: 1px solid var(--atlas-line);
  box-shadow: 0 1px 0 rgba(16, 40, 46, .04);
}

.cuos .iiea {
  max-width: 80rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  align-items: center;
}

.mvym {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 3.2rem;
  padding-left: 4.05rem;
  max-width: 22rem;
  color: var(--atlas-ink);
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.mvym::before {
  content: "SC";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 3.15rem;
  height: 3.15rem;
  border: 1px solid var(--atlas-cyan);
  background:
    linear-gradient(90deg, transparent 49%, rgba(255, 255, 255, .5) 49%, rgba(255, 255, 255, .5) 51%, transparent 51%),
    var(--atlas-cyan);
  color: var(--atlas-white);
  font-size: .87rem;
  font-weight: 700;
  letter-spacing: .12em;
  box-shadow: .35rem .35rem 0 var(--atlas-pale);
}

.mvym::after {
  content: "CARTILAGE ATLAS";
  position: absolute;
  left: 4.05rem;
  bottom: -.16rem;
  color: var(--atlas-cyan);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: .57rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.cuos .ijsp {
  margin: .25rem 0 0 4.05rem;
  color: var(--atlas-muted);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.myje {
  gap: .22rem;
}

.uljk {
  position: relative;
  padding: .48rem .52rem;
  color: var(--atlas-ink);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.uljk::after {
  content: "";
  position: absolute;
  left: .52rem;
  right: .52rem;
  bottom: .18rem;
  height: 2px;
  background: var(--atlas-cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.uljk:hover::after {
  transform: scaleX(1);
}

/* Offset laboratory-field hero. */
.lezu {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--atlas-line);
}

.lezu::before {
  content: "";
  position: absolute;
  inset: 0 0 0 54%;
  background:
    linear-gradient(var(--atlas-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--atlas-grid) 1px, transparent 1px);
  background-size: 2.1rem 2.1rem;
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}

.lezu::after {
  content: "";
  position: absolute;
  right: clamp(2rem, 9vw, 9rem);
  top: 50%;
  width: clamp(12rem, 24vw, 20rem);
  aspect-ratio: 1;
  border: 1px solid var(--atlas-cyan);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1.8rem rgba(0, 102, 116, .08),
    inset 0 0 0 3.8rem rgba(0, 102, 116, .05),
    1.1rem 1.1rem 0 rgba(52, 95, 140, .10);
  transform: translateY(-50%);
}

.lezu .iiea {
  max-width: 80rem;
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
  text-align: left;
}

.dume {
  position: relative;
  z-index: 1;
  width: min(61%, 48rem);
  margin: 0;
  padding-left: 2rem;
  border-left: 1px solid var(--atlas-cyan);
}

.djaq {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.2rem;
  color: var(--atlas-cyan);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .2em;
}

.djaq::before {
  content: "";
  width: 1.05rem;
  height: 1.05rem;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-ring) center / contain no-repeat;
  mask: var(--icon-ring) center / contain no-repeat;
}

.avkj {
  max-width: 15ch;
  margin-bottom: 1.45rem;
  font-size: clamp(2.55rem, 5.4vw, 5.4rem);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.065em;
}

.itbs {
  max-width: 41rem;
  margin: 0;
  color: var(--atlas-muted);
  font-size: 1.13rem;
  line-height: 1.7;
}

.uxjc {
  justify-content: flex-start;
  margin-top: 2rem;
  gap: .55rem;
}

.fqms {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--atlas-line);
  border-radius: 0;
  background: rgba(255, 255, 255, .82);
  padding: .46rem .68rem;
  color: var(--atlas-ink);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .035em;
}

.fqms::before {
  content: "";
  width: .85rem;
  height: .85rem;
  margin-right: .38rem;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

/* Inverted evidence recommendation band. */
.nhli {
  position: relative;
  border-top: 0;
  border-bottom: 1px solid var(--atlas-cyan);
  box-shadow: var(--atlas-shadow);
}

.nhli::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: .55rem;
  background: var(--atlas-cyan);
}

.gpiu {
  max-width: 74rem;
  padding-top: 2.35rem;
  padding-bottom: 2.35rem;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, auto);
}

.afcy {
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 0;
  background: transparent;
  color: var(--atlas-white);
  padding: .34rem .58rem;
  font-size: .66rem;
  letter-spacing: .18em;
}

.lomy {
  max-width: 31ch;
  margin: .75rem 0 .7rem;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 600;
  line-height: 1.15;
}

.glso {
  max-width: 48rem;
}

.accf {
  gap: .55rem 1.3rem;
  margin-top: 1rem;
}

.pjel {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--atlas-white);
}

.pjel::before {
  content: "";
  width: .94rem;
  height: .94rem;
  background: var(--atlas-white);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.hlpq,
.qfzs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  border-radius: 0;
  letter-spacing: .02em;
  box-shadow: .42rem .42rem 0 rgba(183, 205, 209, .28);
}

.hlpq::after,
.qfzs::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

/* Long-form rhythm and numbered evidence modules. */
.flpx {
  padding-top: 4.8rem;
  padding-bottom: 3.5rem;
}

.flpx > .iiea {
  counter-reset: atlas-section;
}

.hsae {
  position: relative;
  max-width: 52rem;
  margin-bottom: 2.5rem;
  border: 1px solid var(--atlas-line);
  background: var(--atlas-white);
  padding: 2rem 2.2rem 1.25rem 3.1rem;
  font-size: 1.16rem;
  line-height: 1.78;
  box-shadow: .65rem .65rem 0 var(--atlas-pale);
}

.hsae::before {
  content: "FIELD NOTE";
  position: absolute;
  left: -2.7rem;
  top: 3.3rem;
  color: var(--atlas-cyan);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .19em;
  transform: rotate(-90deg);
}

.hsae h2 {
  margin-bottom: 1rem;
  color: var(--atlas-ink);
  font-size: 1.35rem;
  line-height: 1.25;
}

.qeox {
  position: relative;
  max-width: 52rem;
  padding: 2.6rem 0 2.8rem 5.1rem;
  border-top: 1px solid var(--atlas-line);
  counter-increment: atlas-section;
}

.qeox::before {
  content: counter(atlas-section, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 2.75rem;
  display: grid;
  place-items: center;
  width: 3.15rem;
  height: 3.15rem;
  border: 1px solid var(--atlas-cyan);
  color: var(--atlas-cyan);
  font-family: 'Unbounded', system-ui, sans-serif;
  font-size: .72rem;
  font-weight: 600;
}

.qeox h2 {
  margin-bottom: 1.15rem;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  font-weight: 600;
  letter-spacing: -.035em;
}

.qeox h3 {
  color: var(--atlas-cyan);
}

.qeox p,
.qeox li,
.hsae p {
  margin-bottom: 1rem;
}

blockquote {
  border-left: 1px solid var(--atlas-cyan);
  background: var(--atlas-pale);
  padding: 1rem 1.25rem;
  color: var(--atlas-ink);
  font-size: 1.05rem;
}

.ugwy {
  border: 1px solid var(--atlas-line);
  box-shadow: .45rem .45rem 0 var(--atlas-pale);
}

table {
  background: var(--atlas-white);
}

th {
  background: var(--atlas-pale);
  color: var(--atlas-ink);
  font-family: 'Unbounded', system-ui, sans-serif;
  font-size: .76rem;
}

/* Local field coordinates. */
.djpp {
  position: relative;
  max-width: 52rem;
  margin-top: 2.8rem;
  border: 1px solid var(--atlas-cyan);
  border-radius: 0;
  background:
    linear-gradient(var(--atlas-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--atlas-grid) 1px, transparent 1px),
    var(--atlas-pale);
  background-size: 1.6rem 1.6rem;
  padding: 2rem 2.1rem 2.1rem 5rem;
  box-shadow: .7rem .7rem 0 rgba(52, 95, 140, .12);
}

.djpp::before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 2rem;
  width: 2rem;
  height: 2rem;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

.mjmx {
  margin-bottom: .9rem;
  font-size: 1.4rem;
  font-weight: 600;
}

.pmio {
  margin-top: 1.15rem;
  border-top: 1px solid var(--atlas-line);
  padding-top: .9rem;
}

.tvxt {
  padding-left: 1.65rem;
  color: var(--atlas-ink);
}

.tvxt::before {
  top: .28rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

/* FAQ as an indexed diagnostic drawer. */
.znuy {
  max-width: 52rem;
  border-top: 1px solid var(--atlas-ink);
}

.ohsd {
  position: relative;
  padding: 1.7rem 1.4rem 1.75rem 3.7rem;
  border-right: 1px solid var(--atlas-line);
  border-bottom: 1px solid var(--atlas-line);
  border-left: 1px solid var(--atlas-line);
  background: var(--atlas-white);
}

.ohsd::before {
  content: "";
  position: absolute;
  left: 1.15rem;
  top: 1.65rem;
  width: 1.35rem;
  height: 1.35rem;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.lhir {
  color: var(--atlas-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.htyu {
  max-width: 65ch;
  line-height: 1.68;
}

/* Sources read like lab records rather than generic cards. */
.dqtg {
  max-width: none;
  margin-top: 1.3rem;
  border-top: 1px solid var(--atlas-ink);
}

.dazb {
  padding: 1.25rem 0 1.3rem 3.4rem;
}

.dazb::before {
  top: 1.15rem;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid var(--atlas-line);
  color: var(--atlas-cyan);
  font-size: .67rem;
}

.xzem {
  color: var(--atlas-ink);
  font-size: .94rem;
  line-height: 1.6;
}

.rcrv {
  position: relative;
  padding-left: 1.35rem;
  color: var(--atlas-muted);
  line-height: 1.55;
}

.rcrv::before {
  content: "";
  position: absolute;
  left: 0;
  top: .2rem;
  width: .9rem;
  height: .9rem;
  background: var(--atlas-cyan);
  -webkit-mask: var(--icon-doc) center / contain no-repeat;
  mask: var(--icon-doc) center / contain no-repeat;
}

/* Consultation plate. */
.lmdn {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--atlas-cyan);
  border-bottom: 0;
  background:
    linear-gradient(118deg, var(--atlas-pale) 0 61%, rgba(52, 95, 140, .13) 61% 100%),
    var(--atlas-white);
}

.lmdn::before {
  content: "";
  position: absolute;
  right: 7%;
  bottom: -5rem;
  width: 18rem;
  height: 18rem;
  border: 1px solid var(--atlas-blue);
  border-radius: 50%;
  box-shadow: inset 0 0 0 2.7rem rgba(52, 95, 140, .08);
}

.nkvs {
  position: relative;
  z-index: 1;
  max-width: 58rem;
  padding-top: 4rem;
  padding-bottom: 4.2rem;
  text-align: left;
}

.nkvs h2 {
  max-width: 20ch;
  font-size: clamp(1.65rem, 3vw, 2.55rem);
  font-weight: 600;
  letter-spacing: -.04em;
}

.nkvs p {
  max-width: 45rem;
}

.qfzs {
  background: var(--atlas-cyan);
  color: var(--atlas-white);
  font-weight: 700;
  padding: .95rem 1.3rem;
}

/* Dark technical footer. */
.gpvj {
  position: relative;
  overflow: hidden;
  border-top: 6px solid var(--atlas-cyan);
}

.gpvj::after {
  content: "SC / 85258";
  position: absolute;
  right: 2rem;
  bottom: -.15em;
  color: rgba(255, 255, 255, .08);
  font-family: 'Unbounded', system-ui, sans-serif;
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 700;
  line-height: 1;
}

.gpvj .iiea {
  position: relative;
  z-index: 1;
  max-width: 76rem;
  padding-top: 3.4rem;
  padding-bottom: 2.6rem;
}

.vstq {
  grid-template-columns: minmax(0, 1.8fr) minmax(14rem, .7fr);
  gap: 4rem;
}

.hiwt {
  max-width: 56rem;
  padding-left: 1rem;
  border-left: 2px solid var(--atlas-cyan);
  color: var(--atlas-white);
  font-style: normal;
}

.cdnp {
  max-width: 58rem;
  color: var(--atlas-white);
}

.gpvj .uljk {
  display: inline-block;
  margin-bottom: .55rem;
  padding: .2rem .35rem;
}

.lwmr {
  border-top: 1px solid rgba(255, 255, 255, .22);
  padding-top: 1.15rem;
}

@media (max-width: 760px) {
  body { background-image: none; }
  .cuos .iiea { padding-top: .7rem; padding-bottom: .7rem; }
  .mvym { max-width: 16rem; padding-left: 3.45rem; font-size: .78rem; }
  .mvym::before { width: 2.7rem; height: 2.7rem; }
  .mvym::after { left: 3.45rem; }
  .cuos .ijsp { display: none; }
  .lezu::before { inset: 55% 0 0 0; clip-path: none; }
  .lezu::after { right: -4rem; top: 71%; width: 14rem; }
  .lezu .iiea { padding-top: 4.3rem; padding-bottom: 12rem; }
  .dume { width: 100%; padding-left: 1rem; }
  .avkj { font-size: clamp(2.25rem, 12vw, 3.7rem); }
  .fqms { white-space: normal; }
  .gpiu { padding-left: 1.4rem; padding-right: 1.2rem; }
  .hlpq { width: 100%; white-space: normal; }
  .flpx { padding-top: 3.4rem; }
  .hsae { padding: 1.5rem 1.3rem; box-shadow: .4rem .4rem 0 var(--atlas-pale); }
  .hsae::before { display: none; }
  .qeox { padding: 4.8rem 0 2.3rem; }
  .qeox::before { top: 1.1rem; width: 2.8rem; height: 2.8rem; }
  .djpp { padding: 4.7rem 1.25rem 1.6rem; box-shadow: .4rem .4rem 0 rgba(52, 95, 140, .12); }
  .djpp::before { left: 1.2rem; top: 1.35rem; }
  .ohsd { padding: 1.45rem 1rem 1.5rem 3.25rem; }
  .ohsd::before { left: 1rem; top: 1.45rem; }
  .dazb { padding-left: 2.8rem; }
  .nkvs { padding-top: 3.2rem; padding-bottom: 3.4rem; }
  .lmdn::before { right: -8rem; bottom: -8rem; }
  .vstq { gap: 2rem; }
  .gpvj::after { right: -1rem; }
}