/* 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:#F7F7F3;color:#0B1F22;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;line-height:1.2;color:#0B1F22}
a{color:#087078}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E9F3F1;padding:.1em .35em;border-radius:4px;font-size:.9em}
.arhw{position:absolute;left:-9999px;top:0;background:#087078;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.arhw:focus{left:0}
.uwqu{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.vtyn{font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.jsbq{color:#596664;font-size:.85rem}
.wzzs{display:flex;flex-wrap:wrap;gap:1.1rem}
.xlsl{text-decoration:none;color:inherit;font-size:.95rem}
.xlsl:hover{color:#087078;opacity:1}
.spdc{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}
.spdc span{display:block;height:2px;background:currentColor;border-radius:2px}
.spdc[aria-expanded="true"] span:nth-child(2){opacity:0}
.lzgg{background:#FFFFFF} .lzgg .uwqu{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .wzzs{border-top:1px solid #C8D4D2;padding-top:.6rem}
.deku{background:linear-gradient(160deg, #FFFFFF, #e1eeef)} .deku .uwqu{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .iilk{justify-content:center}
.tulb{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#087078;font-weight:600;margin-bottom:.8rem}
.ltwh{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.uour{font-size:1.15rem;color:#596664;max-width:44rem;margin:0 auto}
.iilk{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.ofhj{border:1px solid #C8D4D2;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.ssuz{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.hqvl,.zuig,.sprd{max-width:46rem;margin-left:auto;margin-right:auto}
.hqvl{padding:1.68rem 0}
.hqvl h2{font-size:1.6rem;margin-bottom:.8rem}
.hqvl h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.hqvl p,.hqvl li,.zuig p{margin-bottom:.85rem}
.hqvl ul,.hqvl ol{padding-left:1.4rem}
.zuig{font-size:1.12rem}
.sprd{background:#FFFFFF;border:1px solid #C8D4D2;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.bczw{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C8D4D2;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #087078;padding:.2rem 0 .2rem 1rem;color:#596664;margin:1rem 0}
.xtby{max-width:46rem;margin:2.16rem auto;background:#f0f6f7;border:1px solid #C8D4D2;border-radius:var(--radius);padding:1.4rem 1.6rem}
.armg{font-size:1.25rem;margin-bottom:.7rem}
.toxr{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.waop{padding-left:1.1rem;position:relative;font-size:.95rem}
.waop::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#087078}
.cxhr{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.wbbm{border-top:1px solid #C8D4D2;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.wbbm::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;color:#087078}
.tyrs{margin-bottom:.3rem}
.bnuq{font-size:.88rem;color:#596664}
.pesy{max-width:46rem;margin:0 auto}
.gxxn{border-bottom:1px solid #C8D4D2;padding:1.32rem 0}
.eicj{font-size:1.15rem;margin-bottom:.5rem}
.rzom{color:#0B1F22}
.dvye{background:#f8edec;border-top:1px solid #C8D4D2;border-bottom:1px solid #C8D4D2;margin:2.4rem 0 0}
.qhlr{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.qhlr h2{margin-bottom:.7rem}
.qhlr p{margin-bottom:1.1rem}
.nhhs{display:inline-block;background:#087078;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.nhhs:hover{opacity:.9}

.gqki{font-size:1.45rem;margin-bottom:.45rem}
.frhf p{margin-bottom:.55rem}
.frhf p:last-child{margin-bottom:0}
.yjux{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.ejmj{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.ejmj:hover{opacity:.92}
.zhaz{background:#0B1F22;color:#FFFFFF;border-top:4px solid #B7463C}
.ncnd{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}
.zhaz h2,.zhaz p{color:#FFFFFF}
.sjlf{display:inline-block;background:#F7F7F3;color:#0B1F22;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.yjux{color:#8f9899}
.rtdg::before{content:"\2713\00a0"}
.ejmj{background:#087078;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.ncnd{display:block} .sjlf{transform:none;max-width:none;margin-bottom:.6rem} .ejmj{display:block;text-align:center;margin-top:1rem}}
.mjow{background:#FFFFFF;border-top:1px solid #C8D4D2}
.mjow .uwqu{padding:2.64rem 1.5rem}
.hezg{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.urew{font-style:italic;margin-bottom:.8rem}
.ejjp{font-size:.9rem;margin-bottom:.8rem}
.favj{font-size:.85rem;color:#596664}
.mjow .favj{opacity:.85}
.oprm{color:#596664;font-size:.92rem}
.mjow .favj{color:#6b7775;opacity:1}
@media(max-width:760px){
  .deku .uwqu{grid-template-columns:1fr;gap:1.5rem}
  .hezg{grid-template-columns:1fr}
  .lzgg .uwqu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .lzgg .wzzs{border-top:0;padding-top:0}
  .lzgg .spdc{display:flex}
  .lzgg .wzzs{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C8D4D2;padding-top:.4rem;margin-top:.4rem}
  .lzgg .wzzs[data-open="true"]{display:flex}
  .lzgg .xlsl{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Chandler PRP Field Notes — an answer-engine research notebook. */

:root {
  --px-canvas: #F7F7F3;
  --px-paper: #FFFFFF;
  --px-wash: #E9F3F1;
  --px-ink: #0B1F22;
  --px-copy: #33474A;
  --px-muted: #596664;
  --px-teal: #087078;
  --px-coral: #B7463C;
  --px-line: #C8D4D2;
  --px-soft-line: #DFE6E4;
  --px-grid: rgba(8, 112, 120, .11);
  --icon-search: 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=%2210.8%22 cy=%2210.8%22 r=%226.8%22/%3E%3Cpath d=%22m16 16 4 4%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=%22M20 11.1V12a8 8 0 1 1-4.7-7.3%22/%3E%3Cpath d=%22m20 5-9 9-3-3%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.3%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=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z%22/%3E%3Cpath d=%22M14 2v6h6M8 13h8M8 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%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.7 9a2.6 2.6 0 1 1 3.7 2.4c-.9.4-1.4 1.1-1.4 1.9M12 17h.01%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=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--px-canvas);
  color: var(--px-ink);
  letter-spacing: -.008em;
}

body p,
body li,
td,
blockquote {
  color: var(--px-copy);
}

a {
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}

/* Header variant 2, sharpened into a compact research toolbar. */
.lzgg {
  border-bottom: 1px solid var(--px-line);
  background: rgba(247, 247, 243, .97);
  box-shadow: 0 8px 30px rgba(11, 31, 34, .035);
}

.lzgg .uwqu {
  max-width: 80rem;
  padding: .9rem 1.5rem;
  gap: 1.5rem;
}

.vtyn {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.65rem;
  padding-left: 3.25rem;
  color: var(--px-ink);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.01rem;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.vtyn::before {
  content: "C/";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border: 1px solid var(--px-ink);
  border-radius: 50%;
  background: var(--px-ink);
  color: #FFFFFF;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: -.1em;
  box-shadow: inset 0 0 0 5px var(--px-canvas);
}

.vtyn::after {
  content: "";
  position: absolute;
  left: 2.25rem;
  bottom: .15rem;
  width: .62rem;
  height: .62rem;
  border: 2px solid var(--px-canvas);
  border-radius: 50%;
  background: var(--px-coral);
}

.lzgg .jsbq {
  margin: -.28rem 0 0 3.25rem;
  color: var(--px-muted);
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wzzs {
  gap: .12rem;
}

.xlsl {
  position: relative;
  border-radius: 999px;
  padding: .48rem .68rem;
  color: var(--px-ink);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: -.01em;
}

.xlsl:hover {
  background: var(--px-wash);
  color: var(--px-teal);
}

.xlsl:focus-visible {
  outline: 2px solid var(--px-teal);
  outline-offset: 2px;
}

/* Query-to-answer hero: type on the left, a source map on the right. */
.deku {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--px-line);
  background:
    linear-gradient(var(--px-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--px-grid) 1px, transparent 1px),
    var(--px-canvas);
  background-size: 3rem 3rem;
}

.deku::before {
  content: "";
  position: absolute;
  top: -11rem;
  right: -8rem;
  width: 34rem;
  height: 34rem;
  border: 1px solid rgba(8, 112, 120, .22);
  border-radius: 50%;
  box-shadow:
    0 0 0 4rem rgba(233, 243, 241, .48),
    0 0 0 8rem rgba(233, 243, 241, .24);
}

.deku .uwqu {
  max-width: 75rem;
  padding: 5.4rem 1.5rem 5.8rem;
}

.hgfv {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
  column-gap: clamp(3rem, 7vw, 7rem);
  min-height: 21rem;
  align-items: center;
}

.hgfv > * {
  position: relative;
  z-index: 2;
  grid-column: 1;
}

.hgfv::before {
  content: "SOURCE TRACE  /  CHANDLER, AZ\A\A 01  DEVICE LABEL\A 02  CLINICAL CLAIM\A 03  COMPARATOR\A 04  TIME POINT";
  white-space: pre;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / span 4;
  min-height: 15rem;
  border: 1px solid var(--px-line);
  border-radius: .45rem;
  background:
    linear-gradient(90deg, var(--px-teal) 0 .3rem, transparent .3rem),
    var(--px-paper);
  padding: 1.4rem 1.35rem 1.4rem 1.8rem;
  color: var(--px-teal);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  line-height: 2.35;
  letter-spacing: .1em;
  box-shadow: 1rem 1rem 0 var(--px-wash);
}

.hgfv::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: -1.25rem;
  bottom: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  border: .55rem solid var(--px-coral);
  border-radius: 50%;
  background: var(--px-canvas);
}

.tulb {
  display: inline-flex;
  align-items: center;
  width: max-content;
  margin-bottom: 1.35rem;
  border: 1px solid var(--px-line);
  border-radius: 999px;
  background: var(--px-paper);
  padding: .4rem .72rem .4rem .48rem;
  color: var(--px-teal);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
}

.tulb::before {
  content: "";
  width: .55rem;
  height: .55rem;
  margin-right: .5rem;
  border-radius: 50%;
  background: var(--px-coral);
}

.ltwh {
  max-width: 14ch;
  margin: 0 0 1.4rem;
  color: var(--px-ink);
  font-size: clamp(3.1rem, 6.6vw, 6.15rem);
  font-weight: 600;
  line-height: .93;
  letter-spacing: -.07em;
  text-wrap: balance;
}

.uour {
  max-width: 42rem;
  margin: 0;
  color: var(--px-copy);
  font-size: 1.12rem;
  line-height: 1.72;
}

.iilk {
  margin-top: 1.6rem;
  gap: .5rem;
}

.ofhj {
  border: 1px solid var(--px-line);
  border-radius: .2rem;
  background: var(--px-paper);
  padding: .42rem .64rem;
  color: var(--px-ink);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .71rem;
  font-weight: 600;
  letter-spacing: .035em;
}

/* The disclosed recommendation reads as a pinned answer, not a default card. */
.zhaz {
  position: relative;
  overflow: hidden;
  border: 0;
  background: #0B1F22;
}

.zhaz::after {
  content: "";
  position: absolute;
  right: 4%;
  top: -5.5rem;
  width: 18rem;
  height: 18rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 3rem rgba(255, 255, 255, .035);
}

.ncnd {
  position: relative;
  z-index: 2;
  max-width: 75rem;
  margin: 0 auto;
  padding: 2.35rem 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem 3rem;
  align-items: center;
}

.bevb {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .45rem 1.2rem;
  align-items: start;
}

.sjlf {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  width: 4.1rem;
  height: 4.1rem;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  background: #0B1F22;
  color: #FFFFFF;
  font-size: .58rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.gqki {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.frhf p {
  max-width: 47rem;
  margin: .35rem 0 0;
  color: #D8E4E1;
  font-size: .95rem;
  line-height: 1.6;
}

.yjux {
  grid-column: 2;
  margin-top: .25rem;
  color: #D8E4E1;
}

.rtdg {
  color: #D8E4E1;
}

.rtdg::before {
  content: "";
  display: inline-block;
  width: .95rem;
  height: .95rem;
  margin-right: .4rem;
  vertical-align: -.15rem;
  background: #7ED4D5;
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.ejmj {
  position: relative;
  border: 1px solid var(--px-canvas);
  border-radius: .2rem;
  background: #F7F7F3;
  padding: .9rem 3.25rem .9rem 1.15rem;
  color: #0B1F22;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: .45rem .45rem 0 var(--px-teal);
}

.ejmj::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1.15rem;
  height: 1.15rem;
  background: var(--px-ink);
  transform: translateY(-50%);
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

/* Long-form answer rhythm. */
.ssuz {
  background: var(--px-canvas);
}

.ssuz > .uwqu {
  max-width: 62rem;
  padding-top: 4.8rem;
  padding-bottom: 5rem;
  counter-reset: answer-section;
}

.zuig {
  position: relative;
  max-width: 50rem;
  margin: 0 0 4rem;
  border-left: .32rem solid var(--px-teal);
  background: var(--px-paper);
  padding: 1.55rem 2rem 1.55rem 2.2rem;
  box-shadow: .75rem .75rem 0 var(--px-wash);
}

.zuig::before {
  content: "PLAIN-LANGUAGE ANSWER";
  display: block;
  margin-bottom: .75rem;
  color: var(--px-teal);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .13em;
}

.zuig p {
  margin-top: 0;
  color: var(--px-ink);
  font-size: 1.13rem;
  line-height: 1.75;
}

.hqvl {
  position: relative;
  margin: 0;
  border-top: 1px solid var(--px-line);
  padding: 3.4rem 0 3.7rem;
  counter-increment: answer-section;
}

.hqvl::before {
  content: "0" counter(answer-section);
  position: absolute;
  top: 3.65rem;
  left: -4.3rem;
  width: 2.6rem;
  border-top: 2px solid var(--px-coral);
  padding-top: .42rem;
  color: var(--px-coral);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.hqvl h2,
.armg,
.cxhr > h2,
.dvye h2 {
  color: var(--px-ink);
  font-size: clamp(1.8rem, 3.2vw, 2.65rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.hqvl h3 {
  margin-top: 2rem;
  color: var(--px-ink);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -.025em;
}

.hqvl p,
.hqvl li {
  font-size: 1.01rem;
  line-height: 1.79;
}

.hqvl strong {
  color: var(--px-ink);
  font-weight: 650;
}

.hqvl blockquote {
  margin: 2rem 0;
  border: 1px solid var(--px-line);
  border-left: .32rem solid var(--px-coral);
  background: var(--px-paper);
  padding: 1.1rem 1.4rem;
}

.bczw {
  border: 1px solid var(--px-line);
  border-radius: .35rem;
  background: var(--px-paper);
  box-shadow: .55rem .55rem 0 var(--px-wash);
}

table th {
  background: var(--px-ink);
  color: #FFFFFF;
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .73rem;
  letter-spacing: .04em;
}

table td {
  border-color: var(--px-soft-line);
}

/* Local access is a map-index module, grounded in the Chandler grid. */
.xtby {
  position: relative;
  overflow: hidden;
  margin-top: 3.8rem;
  border: 1px solid var(--px-line);
  border-radius: .4rem;
  background:
    linear-gradient(rgba(8, 112, 120, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 112, 120, .08) 1px, transparent 1px),
    var(--px-wash);
  background-size: 2.3rem 2.3rem;
  padding: 2.5rem 2.6rem;
  box-shadow: .8rem .8rem 0 var(--px-paper);
}

.xtby::after {
  content: "CHD / 85286";
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: 1px solid var(--px-line);
  border-radius: 999px;
  background: var(--px-paper);
  padding: .35rem .62rem;
  color: var(--px-teal);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .11em;
}

.armg {
  max-width: 16ch;
  margin-top: 0;
  padding-right: 7rem;
}

.xtby p,
.xtby li {
  color: var(--px-ink);
  line-height: 1.72;
}

.toxr {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

.waop {
  min-height: 2.2rem;
  border: 1px solid var(--px-line);
  border-radius: .2rem;
  background: var(--px-paper);
  padding: .65rem .75rem .65rem 2.5rem;
}

.waop::before {
  left: .72rem;
  top: .72rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0;
  background: var(--px-teal);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

/* FAQ becomes a sequence of answer rows with a persistent question glyph. */
.pesy {
  border-top: 1px solid var(--px-line);
}

.gxxn {
  position: relative;
  border-bottom: 1px solid var(--px-line);
  padding: 2.2rem 1rem 2.35rem 4.6rem;
}

.gxxn::before {
  content: "";
  position: absolute;
  left: .8rem;
  top: 2.25rem;
  width: 2.2rem;
  height: 2.2rem;
  background: var(--px-teal);
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.eicj {
  margin-top: 0;
  color: var(--px-ink);
  font-size: 1.38rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.rzom {
  max-width: 48rem;
  color: var(--px-copy);
  line-height: 1.76;
}

/* Sources look like compact result citations. */
.cxhr {
  margin-top: 4rem;
  border-top: 3px double var(--px-line);
  padding-top: 2.7rem;
  counter-reset: src;
}

.wbbm {
  min-height: 4rem;
  border-top: 1px solid var(--px-soft-line);
  padding: 1.15rem .5rem 1.15rem 4rem;
}

.wbbm::before {
  top: 1.2rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--px-line);
  border-radius: .2rem;
  background: var(--px-paper);
  color: var(--px-teal);
  font-size: .72rem;
}

.tyrs {
  color: var(--px-ink);
  line-height: 1.62;
}

.bnuq {
  color: var(--px-muted);
  font-size: .82rem;
  line-height: 1.55;
}

.bnuq a {
  color: var(--px-teal);
  font-weight: 600;
}

/* Conversion band: offset paper over a faint research grid. */
.dvye {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--px-line);
  background:
    linear-gradient(rgba(8, 112, 120, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 112, 120, .07) 1px, transparent 1px),
    var(--px-wash);
  background-size: 2.6rem 2.6rem;
}

.qhlr {
  position: relative;
  max-width: 66rem;
  margin: 0 auto;
  padding: 4.4rem 2rem 4.5rem 12rem;
}

.qhlr::before {
  content: "ASK";
  position: absolute;
  left: 2rem;
  top: 4.5rem;
  display: grid;
  place-items: center;
  width: 7rem;
  height: 7rem;
  border: 1px solid var(--px-ink);
  border-radius: 50%;
  background: var(--px-paper);
  color: var(--px-teal);
  font-family: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .16em;
  box-shadow: .65rem .65rem 0 var(--px-teal);
}

.dvye p {
  max-width: 47rem;
  color: var(--px-ink);
  line-height: 1.72;
}

.nhhs {
  position: relative;
  margin-top: .5rem;
  border: 1px solid var(--px-ink);
  border-radius: .2rem;
  background: #0B1F22;
  padding: .9rem 3.25rem .9rem 1.2rem;
  color: #FFFFFF;
  box-shadow: .42rem .42rem 0 var(--px-teal);
}

.nhhs::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #FFFFFF;
  transform: translateY(-50%);
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

/* Quiet document footer. */
.mjow {
  border-top: 0;
  background: var(--px-paper);
}

.mjow .uwqu {
  max-width: 75rem;
  padding-top: 3.4rem;
  padding-bottom: 2.6rem;
}

.hezg {
  border-top: 3px double var(--px-line);
  padding-top: 2rem;
}

.urew,
.ejjp,
.favj {
  color: var(--px-muted);
  line-height: 1.65;
}

.mjow .xlsl {
  padding: .2rem .35rem;
  color: var(--px-teal);
}

.arhw:focus {
  border: 2px solid var(--px-ink);
  background: var(--px-paper);
  color: var(--px-ink);
  box-shadow: .35rem .35rem 0 var(--px-teal);
}

@media (max-width: 980px) {
  .hgfv {
    grid-template-columns: minmax(0, 1fr) minmax(14rem, .48fr);
    column-gap: 2.5rem;
  }

  .ltwh {
    font-size: clamp(2.8rem, 7vw, 4.8rem);
  }

  .hqvl::before {
    position: static;
    display: block;
    margin-bottom: .85rem;
  }
}

@media (max-width: 760px) {
  .lzgg .uwqu {
    padding: .7rem 1rem;
  }

  .vtyn {
    max-width: 16rem;
  }

  .deku .uwqu {
    padding: 3.8rem 1rem 4.4rem;
  }

  .hgfv {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2.5rem;
    min-height: 0;
  }

  .hgfv::before {
    grid-column: 1;
    grid-row: auto;
    min-height: 12rem;
    box-shadow: .6rem .6rem 0 var(--px-wash);
  }

  .hgfv::after {
    right: -.3rem;
    bottom: -.3rem;
  }

  .ltwh {
    font-size: clamp(2.65rem, 13vw, 4.15rem);
  }

  .ncnd {
    grid-template-columns: minmax(0, 1fr);
    padding: 2rem 1rem 2.4rem;
  }

  .bevb {
    grid-template-columns: minmax(0, 1fr);
  }

  .sjlf {
    grid-row: auto;
    width: auto;
    height: auto;
    place-items: initial;
    border: 0;
    text-align: left;
  }

  .yjux {
    grid-column: 1;
  }

  .ejmj {
    width: 100%;
    white-space: normal;
  }

  .ssuz > .uwqu {
    padding: 3.2rem 1rem 3.8rem;
  }

  .zuig {
    margin-bottom: 3rem;
    padding: 1.3rem 1.25rem 1.3rem 1.5rem;
    box-shadow: .45rem .45rem 0 var(--px-wash);
  }

  .hqvl {
    padding: 2.7rem 0 3rem;
  }

  .xtby {
    padding: 4.2rem 1.15rem 1.5rem;
    box-shadow: .45rem .45rem 0 var(--px-paper);
  }

  .armg {
    padding-right: 0;
  }

  .toxr {
    grid-template-columns: minmax(0, 1fr);
  }

  .gxxn {
    padding: 1.8rem .2rem 2rem 3.2rem;
  }

  .gxxn::before {
    left: 0;
    top: 1.8rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .wbbm {
    padding-left: 3.3rem;
  }

  .qhlr {
    padding: 3.2rem 1rem 3.8rem;
  }

  .qhlr::before {
    position: static;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1.8rem;
    box-shadow: .4rem .4rem 0 var(--px-teal);
  }

  .nhhs {
    width: 100%;
  }
}
