/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:1.25rem}
html{scroll-behavior:smooth}
body{background:#F7FBFF;color:#081A2A;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:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.2;color:#081A2A}
a{color:#0064C8}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E8F3FF;padding:.1em .35em;border-radius:4px;font-size:.9em}
.zgmg{position:absolute;left:-9999px;top:0;background:#0064C8;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.zgmg:focus{left:0}
.puul{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.fraz{font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.omje{color:#42566B;font-size:.85rem}
.wavy{display:flex;flex-wrap:wrap;gap:1.1rem}
.ktwt{text-decoration:none;color:inherit;font-size:.95rem}
.ktwt:hover{color:#0064C8;opacity:1}
.rnde{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}
.rnde span{display:block;height:2px;background:currentColor;border-radius:2px}
.rnde[aria-expanded="true"] span:nth-child(2){opacity:0}
.infn{border-bottom:1px solid #B9D5EA;background:#F7FBFF} .infn .puul{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.zpec{background:linear-gradient(160deg, #FFFFFF, #e0ecf8)} .zpec .puul{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .bwqh{justify-content:center}
.fwdz{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#0064C8;font-weight:600;margin-bottom:.8rem}
.krfn{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.rqbh{font-size:1.15rem;color:#42566B;max-width:44rem;margin:0 auto}
.bwqh{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.gshd{border:1px solid #B9D5EA;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.afzy{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.qqmv,.ymld,.mbvx{max-width:46rem;margin-left:auto;margin-right:auto}
.qqmv{padding:1.68rem 0}
.qqmv h2{font-size:1.6rem;margin-bottom:.8rem}
.qqmv h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.qqmv p,.qqmv li,.ymld p{margin-bottom:.85rem}
.qqmv ul,.qqmv ol{padding-left:1.4rem}
.ymld{font-size:1.12rem}
.mbvx{background:#FFFFFF;border:1px solid #B9D5EA;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.dwoi{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #B9D5EA;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #0064C8;padding:.2rem 0 .2rem 1rem;color:#42566B;margin:1rem 0}
.inna{max-width:46rem;margin:2.16rem auto;background:#f0f6fc;border:1px solid #B9D5EA;border-radius:var(--radius);padding:1.4rem 1.6rem}
.fjlp{font-size:1.25rem;margin-bottom:.7rem}
.qxnz{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.jzza{padding-left:1.1rem;position:relative;font-size:.95rem}
.jzza::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#0064C8}
.rmvp{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.qpov{border-top:1px solid #B9D5EA;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.qpov::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#0064C8}
.iljh{margin-bottom:.3rem}
.oxju{font-size:.88rem;color:#42566B}
.wceg{max-width:46rem;margin:0 auto}
.yibi{border-bottom:1px solid #B9D5EA;padding:1.32rem 0}
.evhx{font-size:1.15rem;margin-bottom:.5rem}
.vvhm{color:#081A2A}
.kyce{background:#e7eff4;border-top:1px solid #B9D5EA;border-bottom:1px solid #B9D5EA;margin:2.4rem 0 0}
.zvxg{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.zvxg h2{margin-bottom:.7rem}
.zvxg p{margin-bottom:1.1rem}
.mtsy{display:inline-block;background:#0064C8;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.mtsy:hover{opacity:.9}

.jaym{font-size:1.45rem;margin-bottom:.45rem}
.vvhb p{margin-bottom:.55rem}
.vvhb p:last-child{margin-bottom:0}
.cpso{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.ngdi{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.ngdi:hover{opacity:.92}
.nydo{background:#0064C8;color:#FFFFFF}
.iocq{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}
.nydo h2,.nydo p{color:#FFFFFF}
.yzte{display:inline-block;background:#FFFFFF;color:#0064C8;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;margin-bottom:.6rem}
.cpso{color:#fafcfe}
.yjoo::before{content:"\2022\00a0"}
.ngdi{background:#F7FBFF;color:#081A2A;border:2px solid #FFFFFF}
@media (max-width:720px){.iocq{display:block} .yzte{transform:none;max-width:none;margin-bottom:.6rem} .ngdi{display:block;text-align:center;margin-top:1rem}}
.rxse{background:#F7FBFF;border-top:3px double #B9D5EA}
.rxse .puul{padding:2.64rem 1.5rem}
.wgxn{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.kllx{font-style:italic;margin-bottom:.8rem}
.komy{font-size:.9rem;margin-bottom:.8rem}
.eamf{font-size:.85rem;color:#42566B}
.rxse .eamf{opacity:.85}
.ejlc{color:#42566B;font-size:.92rem}
@media(max-width:760px){
  .zpec .puul{grid-template-columns:1fr;gap:1.5rem}
  .wgxn{grid-template-columns:1fr}
  .infn .puul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .infn .wavy{border-top:0;padding-top:0}
  .infn .rnde{display:flex}
  .infn .wavy{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #B9D5EA;padding-top:.4rem;margin-top:.4rem}
  .infn .wavy[data-open="true"]{display:flex}
  .infn .ktwt{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Queen Creek Joint Field Notes — Bluesky interpreted as an open, social field guide. */

:root {
  --sky-ink: #081A2A;
  --sky-copy: #42566B;
  --sky-blue: #0064C8;
  --sky-deep: #0B5C8F;
  --sky-paper: #FFFFFF;
  --sky-canvas: #F7FBFF;
  --sky-soft: #E8F3FF;
  --sky-line: #B9D5EA;
  --sky-hero-stop: #E0ECF8;
  --icon-step: 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 18c3.5-1 4.8-3.4 5.6-7.6.4-2.1 1.6-3.3 3.5-3.7 2.1-.5 3.8.3 4.9 2%22/%3E%3Cpath d=%22m15 5 4 3-3 4%22/%3E%3Ccircle cx=%225%22 cy=%2218%22 r=%222%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.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%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22m8 12 2.5 2.5L16.8 8%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 9a2.8 2.8 0 1 1 3.8 2.6c-.8.4-1.2 1-1.2 1.8%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3C/svg%3E");
  --icon-source: 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=%22M7 3h8l4 4v14H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z%22/%3E%3Cpath d=%22M14 3v5h5M9 13h6M9 17h6%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 12h14M14 7l5 5-5 5%22/%3E%3C/svg%3E");
}

body {
  color: var(--sky-ink);
  letter-spacing: -.009em;
}

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

/* Floating, app-like masthead with a purpose-built local wordmark. */
.infn {
  background: var(--sky-paper);
  border-bottom: 1px solid var(--sky-line);
  box-shadow: 0 8px 30px rgba(8, 26, 42, .045);
}

.infn .puul {
  max-width: 78rem;
  min-height: 5.2rem;
  padding: .72rem 1.5rem;
  gap: 1.2rem;
}

.fraz {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.65rem;
  padding-left: 3.35rem;
  color: var(--sky-ink);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.038em;
}

.fraz::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 48% 52% 58% 42% / 46% 42% 58% 54%;
  background: var(--sky-blue);
  color: var(--sky-paper);
  font-family: 'DM Sans', sans-serif;
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: -.08em;
  transform: rotate(-4deg);
  box-shadow: 0 7px 16px rgba(0, 100, 200, .2);
}

.fraz::after {
  content: "field notes";
  position: absolute;
  left: 3.36rem;
  top: 1.55rem;
  color: var(--sky-blue);
  font-family: 'Inter', sans-serif;
  font-size: .59rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.infn .omje {
  margin: -.18rem 0 0 3.36rem;
  color: var(--sky-copy);
  font-size: .7rem;
  line-height: 1.25;
  letter-spacing: .015em;
}

.wavy {
  align-items: center;
  gap: .18rem;
}

.ktwt {
  border-radius: 999px;
  padding: .48rem .66rem;
  color: var(--sky-ink);
  font-size: .78rem;
  font-weight: 650;
}

.ktwt:hover {
  background: var(--sky-soft);
  color: var(--sky-blue);
}

/* Asymmetric sky field: text is anchored left, motion path occupies the right. */
.zpec {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, var(--sky-paper) 0%, var(--sky-paper) 49%, var(--sky-soft) 49%, var(--sky-hero-stop) 100%);
  border-bottom: 1px solid var(--sky-line);
}

.zpec::before {
  content: "";
  position: absolute;
  right: -7rem;
  top: -10rem;
  width: 31rem;
  height: 31rem;
  border: 1px solid var(--sky-line);
  border-radius: 50%;
  box-shadow: 0 0 0 4rem rgba(255, 255, 255, .28), 0 0 0 8rem rgba(255, 255, 255, .2);
}

.zpec::after {
  content: "START  ·  ADJUST  ·  REPEAT";
  position: absolute;
  right: 2.6rem;
  bottom: 2.2rem;
  width: 13.5rem;
  border-top: 2px solid var(--sky-deep);
  padding-top: .65rem;
  color: var(--sky-deep);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.zpec .puul {
  position: relative;
  z-index: 1;
  max-width: 74rem;
  padding: 5.7rem 1.5rem 6.2rem;
  text-align: left;
}

.hbfk {
  position: relative;
  max-width: 45rem;
  padding-left: 2rem;
}

.hbfk::before {
  content: "";
  position: absolute;
  left: 0;
  top: .25rem;
  width: .42rem;
  height: 8.8rem;
  border-radius: 999px;
  background: var(--sky-blue);
  box-shadow: 0 9.7rem 0 var(--sky-deep);
}

.fwdz {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.25rem;
  border: 1px solid var(--sky-line);
  border-radius: 999px;
  background: var(--sky-paper);
  padding: .38rem .7rem;
  color: var(--sky-blue);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.fwdz::before {
  content: "";
  width: .48rem;
  height: .48rem;
  margin-right: .42rem;
  border-radius: 50%;
  background: var(--sky-blue);
  box-shadow: 0 0 0 .24rem var(--sky-soft);
}

.krfn {
  max-width: 15ch;
  margin-bottom: 1.3rem;
  font-size: clamp(2.75rem, 6.4vw, 5.6rem);
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.064em;
  text-wrap: balance;
}

.rqbh {
  max-width: 41rem;
  margin: 0;
  color: var(--sky-copy);
  font-size: clamp(1.03rem, 1.8vw, 1.2rem);
  line-height: 1.65;
}

.bwqh {
  max-width: 47rem;
  margin-top: 1.8rem;
  justify-content: flex-start;
  gap: .52rem;
}

.gshd {
  position: relative;
  border: 1px solid var(--sky-line);
  border-radius: 999px;
  background: var(--sky-paper);
  padding: .44rem .78rem .44rem 1.9rem;
  color: var(--sky-ink);
  font-size: .77rem;
  font-weight: 600;
  box-shadow: 0 5px 18px rgba(8, 26, 42, .055);
}

.gshd::before {
  content: "";
  position: absolute;
  left: .62rem;
  top: 50%;
  width: .88rem;
  height: .88rem;
  background: var(--sky-blue);
  transform: translateY(-50%);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

/* Above-fold clinic recommendation: a deliberate cobalt bridge out of the hero. */
.nydo {
  position: relative;
  background: var(--sky-blue);
  color: var(--sky-paper);
}

.iocq {
  max-width: 71rem;
  padding: 2rem 1.5rem;
  gap: 1.4rem 3rem;
}

.yzte {
  border-radius: 999px;
  padding: .34rem .75rem;
  color: var(--sky-blue);
  font-size: .68rem;
  letter-spacing: .14em;
}

.jaym {
  max-width: 28ch;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.vvhb {
  max-width: 49rem;
}

.cpso {
  gap: .55rem 1.1rem;
}

.yjoo {
  display: inline-flex;
  align-items: center;
  color: var(--sky-paper);
  font-size: .88rem;
  font-weight: 600;
}

.yjoo::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-right: .4rem;
  background: var(--sky-paper);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.ngdi {
  position: relative;
  border: 0;
  border-radius: 999px;
  background: var(--sky-paper);
  padding-right: 3.3rem;
  color: var(--sky-ink);
  box-shadow: 0 12px 28px rgba(8, 26, 42, .2);
}

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

/* Long-form rhythm: narrow thread, broad lede, feed-card sections. */
.afzy {
  position: relative;
  padding: 4.6rem 0 2.4rem;
}

.afzy::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 1px;
  height: calc(100% - 3rem);
  margin-left: -27rem;
  background: var(--sky-line);
}

.ymld {
  max-width: 50rem;
  margin-bottom: 2.3rem;
  border-left: .42rem solid var(--sky-blue);
  border-radius: 0 1rem 1rem 0;
  background: var(--sky-soft);
  padding: 1.45rem 1.65rem;
  color: var(--sky-ink);
  font-size: 1.13rem;
  line-height: 1.72;
}

.qqmv {
  position: relative;
  max-width: 48rem;
  margin-bottom: 1.1rem;
  border: 1px solid var(--sky-line);
  border-radius: 1.25rem;
  background: var(--sky-paper);
  padding: 1.6rem 1.7rem 1.45rem;
  box-shadow: 0 10px 32px rgba(8, 26, 42, .04);
}

.qqmv::before {
  content: "";
  position: absolute;
  left: -3.15rem;
  top: 1.78rem;
  width: 1.25rem;
  height: 1.25rem;
  border: .32rem solid var(--sky-canvas);
  border-radius: 50%;
  background: var(--sky-blue);
  box-shadow: 0 0 0 1px var(--sky-line);
}

.qqmv h2 {
  margin-bottom: .85rem;
  color: var(--sky-ink);
  font-size: clamp(1.45rem, 2.5vw, 1.9rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.qqmv h2::after {
  content: "";
  display: block;
  width: 3rem;
  height: .22rem;
  margin-top: .7rem;
  border-radius: 999px;
  background: var(--sky-blue);
}

.qqmv h3 {
  margin-top: 1.2rem;
  color: var(--sky-deep);
  font-size: 1.08rem;
  letter-spacing: -.018em;
}

.qqmv p,
.qqmv li,
.ymld p {
  line-height: 1.72;
}

.qqmv ul,
.qqmv ol {
  padding-left: 1.25rem;
}

blockquote {
  border: 0;
  border-radius: .85rem;
  background: var(--sky-soft);
  padding: 1rem 1.15rem;
  color: var(--sky-copy);
}

.dwoi {
  border: 1px solid var(--sky-line);
  border-radius: .9rem;
}

table {
  background: var(--sky-paper);
}

th {
  background: var(--sky-soft);
  color: var(--sky-ink);
  font-size: .76rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

th,
td {
  border-color: var(--sky-line);
}

/* Local card uses a map-pin rail and a road-like dashed divider. */
.inna {
  position: relative;
  max-width: 50rem;
  overflow: hidden;
  border: 1px solid var(--sky-line);
  border-radius: 1.3rem;
  background: var(--sky-soft);
  padding: 2rem 2rem 1.7rem 5rem;
  box-shadow: 0 16px 38px rgba(8, 26, 42, .065);
}

.inna::before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 1.85rem;
  width: 2.25rem;
  height: 2.25rem;
  background: var(--sky-blue);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

.inna::after {
  content: "";
  position: absolute;
  left: 2.55rem;
  top: 4.45rem;
  bottom: 1.8rem;
  border-left: 2px dashed var(--sky-line);
}

.fjlp {
  color: var(--sky-ink);
  font-size: 1.55rem;
  letter-spacing: -.035em;
}

.qxnz {
  margin-top: 1.1rem;
  border-top: 1px solid var(--sky-line);
  padding-top: .9rem;
}

.jzza {
  padding-left: 1.5rem;
  color: var(--sky-ink);
}

.jzza::before {
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background: var(--sky-deep);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

/* Questions are conversational bubbles; sources are clipped research notes. */
.wceg {
  max-width: 50rem;
}

.yibi {
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid var(--sky-line);
  border-radius: 1.25rem 1.25rem 1.25rem .35rem;
  background: var(--sky-paper);
  padding: 1.35rem 1.5rem 1.25rem 4rem;
  box-shadow: 0 8px 26px rgba(8, 26, 42, .04);
}

.yibi::before {
  content: "";
  position: absolute;
  left: 1.3rem;
  top: 1.35rem;
  width: 1.65rem;
  height: 1.65rem;
  background: var(--sky-blue);
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.evhx {
  color: var(--sky-ink);
  font-size: 1.16rem;
  letter-spacing: -.02em;
}

.vvhm {
  line-height: 1.68;
}

.rmvp {
  max-width: none;
}

.qpov {
  margin-bottom: .75rem;
  border: 1px solid var(--sky-line);
  border-radius: .8rem;
  background: var(--sky-canvas);
  padding: 1rem 1rem 1rem 3.4rem;
}

.qpov::before {
  content: counter(src, decimal-leading-zero);
  left: 1rem;
  top: 1rem;
  color: var(--sky-blue);
  font-size: .78rem;
}

.qpov::after {
  content: "";
  position: absolute;
  left: 2.18rem;
  top: 1.05rem;
  width: .92rem;
  height: .92rem;
  background: var(--sky-blue);
  -webkit-mask: var(--icon-source) center / contain no-repeat;
  mask: var(--icon-source) center / contain no-repeat;
}

.iljh {
  color: var(--sky-ink);
  font-size: .93rem;
  line-height: 1.6;
}

.oxju {
  color: var(--sky-copy);
  font-size: .82rem;
}

/* CTA closes the movement loop instead of repeating the spotlight card. */
.kyce {
  position: relative;
  overflow: hidden;
  border: 0;
  background: var(--sky-soft);
}

.kyce::before,
.kyce::after {
  content: "";
  position: absolute;
  border: 1px solid var(--sky-line);
  border-radius: 50%;
}

.kyce::before {
  left: -8rem;
  top: -10rem;
  width: 24rem;
  height: 24rem;
}

.kyce::after {
  right: -6rem;
  bottom: -9rem;
  width: 19rem;
  height: 19rem;
}

.zvxg {
  position: relative;
  z-index: 1;
  max-width: 52rem;
  padding: 4rem 1.5rem;
}

.zvxg h2 {
  color: var(--sky-ink);
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  line-height: 1.05;
  letter-spacing: -.05em;
}

.zvxg p {
  color: var(--sky-ink);
  line-height: 1.68;
}

.mtsy {
  position: relative;
  border-radius: 999px;
  padding: .9rem 3.3rem .9rem 1.55rem;
  background: var(--sky-blue);
  color: var(--sky-paper);
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(0, 100, 200, .2);
}

/* Footer becomes the quiet profile card for this publication. */
.rxse {
  background: var(--sky-paper);
  border-top: 1px solid var(--sky-line);
}

.rxse .puul {
  max-width: 74rem;
  padding-top: 3rem;
  padding-bottom: 2.4rem;
}

.wgxn {
  grid-template-columns: minmax(0, 1.55fr) minmax(14rem, .75fr);
  gap: 3.5rem;
}

.fmrn {
  position: relative;
}

.fmrn:first-child {
  border-left: .32rem solid var(--sky-blue);
  padding-left: 1.25rem;
}

.kllx {
  color: var(--sky-ink);
  font-style: normal;
  font-weight: 600;
}

.komy,
.eamf,
.rxse .ejlc,
.rxse .omje {
  color: var(--sky-copy);
}

.komy {
  max-width: 58rem;
}

.rxse nav {
  display: grid;
  gap: .28rem;
}

.rxse .ktwt {
  border-bottom: 1px solid var(--sky-line);
  border-radius: 0;
  padding: .3rem 0;
  color: var(--sky-deep);
}

@media (max-width: 900px) {
  .zpec::after { display: none; }
  .zpec .puul { padding-right: 3rem; }
  .afzy::before { display: none; }
  .qqmv::before { display: none; }
}

@media (max-width: 760px) {
  .infn .puul { min-height: 4.6rem; }
  .fraz { max-width: 14rem; font-size: .92rem; }
  .infn .omje { display: none; }
  .zpec .puul { padding: 3.8rem 1.2rem 4.2rem; }
  .hbfk { max-width: 100%; padding-left: 1.25rem; }
  .hbfk::before { width: .3rem; height: 7rem; }
  .krfn { font-size: clamp(2.35rem, 12.5vw, 3.7rem); }
  .bwqh { display: grid; }
  .gshd { width: fit-content; }
  .iocq { padding: 1.55rem 1.2rem; }
  .afzy { padding-top: 3rem; }
  .ymld, .qqmv { width: 100%; }
  .qqmv { padding: 1.35rem 1.2rem; }
  .inna { padding: 4.6rem 1.25rem 1.4rem; }
  .inna::before { left: 1.2rem; top: 1.45rem; }
  .inna::after { display: none; }
  .yibi { padding: 3.8rem 1.2rem 1.2rem; }
  .yibi::before { left: 1.2rem; top: 1.2rem; }
  .qpov { padding: 3.15rem 1rem 1rem; }
  .qpov::before { left: 1rem; top: .85rem; }
  .qpov::after { left: 2.2rem; top: .88rem; }
  .zvxg { padding: 3rem 1.2rem; }
  .wgxn { gap: 1.6rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
