/* 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:#FFFFFF;color:#111111;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:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.2;color:#111111}
a{color:#323232}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#EAEAEA;padding:.1em .35em;border-radius:4px;font-size:.9em}
.dfow{position:absolute;left:-9999px;top:0;background:#323232;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.dfow:focus{left:0}
.eilo{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.eqft{font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.vuoc{color:#565656;font-size:.85rem}
.xxzm{display:flex;flex-wrap:wrap;gap:1.1rem}
.xbqt{text-decoration:none;color:inherit;font-size:.95rem}
.xbqt:hover{color:#323232;opacity:1}
.uorm{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}
.uorm span{display:block;height:2px;background:currentColor;border-radius:2px}
.uorm[aria-expanded="true"] span:nth-child(2){opacity:0}
.ryzx{border-bottom:3px double #D4D4D4;background:#FFFFFF} .ryzx .eilo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .ryzx .xxzm{justify-content:flex-end}
.jkpp{background:linear-gradient(160deg, #F4F4F4, #dddddd)} .jkpp .eilo{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .kkgc{justify-content:center}
.xabv{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#323232;font-weight:600;margin-bottom:.8rem}
.ltfj{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.esuj{font-size:1.15rem;color:#565656;max-width:44rem;margin:0 auto}
.kkgc{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.pfsr{border:1px solid #D4D4D4;background:#F4F4F4;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.hafw{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.paam,.prxb,.yzfe{max-width:46rem;margin-left:auto;margin-right:auto}
.paam{padding:1.68rem 0}
.paam h2{font-size:1.6rem;margin-bottom:.8rem}
.paam h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.paam p,.paam li,.prxb p{margin-bottom:.85rem}
.paam ul,.paam ol{padding-left:1.4rem}
.prxb{font-size:1.12rem}
.yzfe{background:#F4F4F4;border:1px solid #D4D4D4;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.oimi{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D4D4D4;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F4F4F4}
blockquote{border-left:4px solid #323232;padding:.2rem 0 .2rem 1rem;color:#565656;margin:1rem 0}
.vloc{max-width:46rem;margin:2.16rem auto;background:#e8e8e8;border:1px solid #D4D4D4;border-radius:var(--radius);padding:1.4rem 1.6rem}
.wolf{font-size:1.25rem;margin-bottom:.7rem}
.slsg{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.tszk{padding-left:1.1rem;position:relative;font-size:.95rem}
.tszk::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#323232}
.ujse{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.azmy{border-top:1px solid #D4D4D4;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.azmy::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#323232}
.ioro{margin-bottom:.3rem}
.nnta{font-size:.88rem;color:#565656}
.lryh{max-width:46rem;margin:0 auto}
.ssin{border-bottom:1px solid #D4D4D4;padding:1.32rem 0}
.fpve{font-size:1.15rem;margin-bottom:.5rem}
.rnqr{color:#111111}
.vlbd{background:#e6e6e6;border-top:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;margin:2.4rem 0 0}
.ovhg{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.ovhg h2{margin-bottom:.7rem}
.ovhg p{margin-bottom:1.1rem}
.pchn{display:inline-block;background:#323232;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.pchn:hover{opacity:.9}

.qlzk{font-size:1.45rem;margin-bottom:.45rem}
.ijng p{margin-bottom:.55rem}
.ijng p:last-child{margin-bottom:0}
.vtsm{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.pzoc{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.pzoc:hover{opacity:.92}
.xmjf{background:#111111;color:#FFFFFF;border-top:4px solid #6C6C6C}
.knrc{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}
.xmjf h2,.xmjf p{color:#FFFFFF}
.zlzr{display:inline-block;background:#FFFFFF;color:#111111;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.vtsm{color:#8d8d8d}
.brzu::before{content:"\2713\00a0"}
.pzoc{background:#323232;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.knrc{display:block} .zlzr{transform:none;max-width:none;margin-bottom:.6rem} .pzoc{display:block;text-align:center;margin-top:1rem}}
.ibtv{background:#F4F4F4;border-top:1px solid #D4D4D4}
.ibtv .eilo{padding:2.64rem 1.5rem}
.ekwv{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.ifua{font-style:italic;margin-bottom:.8rem}
.oexa{font-size:.9rem;margin-bottom:.8rem}
.dbey{font-size:.85rem;color:#565656}
.ibtv .dbey{opacity:.85}
.nxed{color:#565656;font-size:.92rem}
@media(max-width:760px){
  .jkpp .eilo{grid-template-columns:1fr;gap:1.5rem}
  .ekwv{grid-template-columns:1fr}
  .ryzx .eilo{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .ryzx .xxzm{border-top:0;padding-top:0}
  .ryzx .uorm{display:flex}
  .ryzx .xxzm{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D4D4D4;padding-top:.4rem;margin-top:.4rem}
  .ryzx .xxzm[data-open="true"]{display:flex}
  .ryzx .xbqt{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Tempe Biologic Brief — a monochrome conversation-thread system. */

:root {
  --thread-ink: #111111;
  --thread-action: #323232;
  --thread-muted: #565656;
  --thread-paper: #FFFFFF;
  --thread-reply: #F4F4F4;
  --thread-soft: #EAEAEA;
  --thread-line: #D4D4D4;
  --thread-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");
  --thread-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.6 2.6L16.5 8.8%22/%3E%3C/svg%3E");
  --thread-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 9.2a2.6 2.6 0 1 1 3.8 2.3c-.9.5-1.5 1.1-1.5 2%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");
  --thread-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 4.5h10a2 2 0 0 1 2 2v13H7a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3Z%22/%3E%3Cpath d=%22M7 4.5v15M10 9h6M10 13h5%22/%3E%3C/svg%3E");
  --thread-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(--thread-ink);
  letter-spacing: -.012em;
}

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

/* Masthead as a compact conversation header. */
.ryzx {
  border-bottom: 1px solid var(--thread-line);
  background: rgba(255, 255, 255, .97);
}

.ryzx .eilo {
  max-width: 82rem;
  align-items: center;
  padding: .9rem 1.5rem;
}

.eqft {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.8rem;
  padding-left: 3.45rem;
  font-size: 1.03rem;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
}

.eqft::before {
  content: "TB";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border: 2px solid var(--thread-ink);
  border-radius: 50%;
  background: var(--thread-paper);
  color: var(--thread-ink);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: -.08em;
}

.eqft::after {
  content: "";
  position: absolute;
  left: 1.36rem;
  top: 2.75rem;
  width: 1px;
  height: .55rem;
  background: var(--thread-ink);
}

.ryzx .vuoc {
  margin: -.35rem 0 0 3.45rem;
  color: var(--thread-muted);
  font-size: .71rem;
  font-weight: 600;
  letter-spacing: .04em;
}

.xxzm {
  gap: .28rem;
  align-items: center;
}

.xbqt {
  border: 1px solid transparent;
  border-radius: 999px;
  padding: .48rem .64rem;
  color: var(--thread-ink);
  font-size: .77rem;
  font-weight: 650;
  line-height: 1;
}

.xbqt:hover {
  border-color: var(--thread-line);
  background: var(--thread-reply);
  color: var(--thread-ink);
}

/* Offset hero: text at left, an abstract conversation field at right. */
.jkpp {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--thread-line);
  background:
    linear-gradient(90deg, rgba(17, 17, 17, .035) 1px, transparent 1px) 0 0 / 3rem 3rem,
    linear-gradient(0deg, rgba(17, 17, 17, .035) 1px, transparent 1px) 0 0 / 3rem 3rem,
    linear-gradient(145deg, var(--thread-paper), var(--thread-reply));
}

.jkpp .eilo {
  max-width: 76rem;
  padding: 5.8rem 1.5rem 6.2rem;
  text-align: left;
}

.ziik {
  position: relative;
  z-index: 1;
  width: 66%;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ziik::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(100% + 4.5rem);
  top: 50%;
  width: 21rem;
  height: 21rem;
  border: 1px solid var(--thread-line);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 20%, var(--thread-ink) 0 .34rem, transparent .38rem),
    radial-gradient(circle at 25% 50%, var(--thread-ink) 0 .34rem, transparent .38rem),
    radial-gradient(circle at 74% 50%, var(--thread-ink) 0 .34rem, transparent .38rem),
    radial-gradient(circle at 50% 80%, var(--thread-ink) 0 .34rem, transparent .38rem),
    radial-gradient(circle, transparent 0 32%, var(--thread-line) 32.3% 32.8%, transparent 33.1% 49%, var(--thread-line) 49.3% 49.8%, var(--thread-paper) 50.1%);
  box-shadow: 1.2rem 1.2rem 0 var(--thread-soft);
  transform: translateY(-50%) rotate(8deg);
}

.ziik::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(100% + 14.96rem);
  top: 50%;
  width: 1px;
  height: 31rem;
  background: var(--thread-ink);
  transform: translateY(-50%) rotate(8deg);
  transform-origin: center;
}

.xabv {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 1.4rem;
  border: 1px solid var(--thread-line);
  border-radius: 999px;
  background: var(--thread-paper);
  padding: .42rem .75rem;
  color: var(--thread-action);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .13em;
}

.xabv::before {
  content: "";
  width: .43rem;
  height: .43rem;
  margin-right: .48rem;
  border-radius: 50%;
  background: var(--thread-ink);
}

.ltfj {
  max-width: 14ch;
  margin-bottom: 1.5rem;
  font-size: clamp(2.65rem, 5.8vw, 5.75rem);
  font-weight: 800;
  line-height: .97;
  letter-spacing: -.065em;
}

.esuj {
  max-width: 41rem;
  margin: 0;
  color: var(--thread-muted);
  font-size: 1.12rem;
  line-height: 1.65;
}

.kkgc {
  max-width: 44rem;
  margin-top: 1.9rem;
  gap: .48rem;
  justify-content: flex-start;
}

.pfsr {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--thread-line);
  border-radius: 999px;
  background: var(--thread-paper);
  padding: .46rem .72rem;
  color: var(--thread-ink);
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.25;
}

.pfsr::before {
  content: "";
  width: .9rem;
  height: .9rem;
  margin-right: .42rem;
  background: var(--thread-ink);
  -webkit-mask: var(--thread-check) center / contain no-repeat;
  mask: var(--thread-check) center / contain no-repeat;
}

/* The pinned clinic note remains directly beneath the hero. */
.xmjf {
  position: relative;
  border-top: 0;
  border-bottom: 1px solid var(--thread-line);
  background: #111111;
  color: #FFFFFF;
}

.knrc {
  position: relative;
  max-width: 70rem;
  padding: 2.1rem 1.5rem 2.1rem 5.5rem;
}

.knrc::before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 2.15rem;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background: #FFFFFF;
  -webkit-mask: var(--thread-pin) center / 1.35rem no-repeat;
  mask: var(--thread-pin) center / 1.35rem no-repeat;
}

.zlzr {
  border-radius: 999px;
  background: #FFFFFF;
  color: #111111;
  padding: .32rem .7rem;
  font-size: .68rem;
  letter-spacing: .11em;
}

.qlzk {
  max-width: 34rem;
  font-size: 1.65rem;
  letter-spacing: -.035em;
}

.vtsm {
  gap: .45rem 1rem;
}

.brzu {
  display: inline-flex;
  align-items: center;
}

/* The theme's body li rule paints ink on the dark spotlight; the panel owns this colour. */
.xmjf .brzu {
  color: #FFFFFF;
}

.brzu::before {
  content: "";
  width: .95rem;
  height: .95rem;
  margin-right: .4rem;
  background: #FFFFFF;
  -webkit-mask: var(--thread-check) center / contain no-repeat;
  mask: var(--thread-check) center / contain no-repeat;
}

.pzoc {
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  background: #FFFFFF;
  color: #111111;
  padding: .92rem 1.35rem;
  font-size: .9rem;
  box-shadow: none;
}

.pzoc::after,
.pchn::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .55rem;
  vertical-align: -.16rem;
  background: currentColor;
  -webkit-mask: var(--thread-arrow) center / contain no-repeat;
  mask: var(--thread-arrow) center / contain no-repeat;
}

/* Long-form thread: each section is another considered reply. */
.hafw {
  padding: 4.5rem 0;
}

.hafw > .eilo {
  max-width: 68rem;
}

.prxb {
  position: relative;
  max-width: 50rem;
  border-bottom: 1px solid var(--thread-line);
  padding: 0 0 2.5rem 4.5rem;
  font-size: 1.24rem;
  line-height: 1.75;
}

.prxb::before {
  content: "01";
  position: absolute;
  left: 0;
  top: .1rem;
  display: grid;
  place-items: center;
  width: 2.85rem;
  height: 2.85rem;
  border: 1px solid var(--thread-ink);
  border-radius: 50%;
  background: var(--thread-paper);
  color: var(--thread-ink);
  font-family: 'Manrope', sans-serif;
  font-size: .72rem;
  font-weight: 800;
}

.paam {
  position: relative;
  max-width: 50rem;
  border-bottom: 1px solid var(--thread-line);
  padding: 2.8rem 0 2.8rem 4.5rem;
}

.paam::before {
  content: "";
  position: absolute;
  left: 1.42rem;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--thread-line);
}

.paam::after {
  content: "";
  position: absolute;
  left: 1.05rem;
  top: 3.22rem;
  width: .72rem;
  height: .72rem;
  border: 2px solid var(--thread-paper);
  border-radius: 50%;
  background: var(--thread-ink);
  box-shadow: 0 0 0 1px var(--thread-ink);
}

.paam h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  font-weight: 760;
  letter-spacing: -.045em;
}

.paam h3 {
  margin-top: 1.5rem;
  font-size: 1.18rem;
  letter-spacing: -.025em;
}

.paam p,
.paam li,
.prxb p {
  line-height: 1.78;
}

.paam ul,
.paam ol {
  padding-left: 1.2rem;
}

blockquote {
  border: 1px solid var(--thread-line);
  border-radius: 1rem;
  background: var(--thread-reply);
  padding: 1.15rem 1.25rem;
  color: var(--thread-ink);
  font-style: normal;
}

.oimi {
  border: 1px solid var(--thread-line);
  border-radius: 1rem;
}

table {
  font-size: .88rem;
}

th,
td {
  border-width: 0 0 1px;
  border-color: var(--thread-line);
  padding: .75rem;
}

th {
  background: var(--thread-reply);
  color: var(--thread-ink);
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Local context as a quoted location thread. */
.vloc {
  position: relative;
  max-width: 54rem;
  margin: 3.5rem auto;
  border: 1px solid var(--thread-line);
  border-radius: 1.4rem;
  background: var(--thread-reply);
  padding: 2rem 2rem 2rem 5rem;
  box-shadow: .65rem .65rem 0 var(--thread-soft);
}

.vloc::before {
  content: "";
  position: absolute;
  left: 1.45rem;
  top: 1.75rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--thread-ink);
  border-radius: 50%;
  background: var(--thread-ink);
  -webkit-mask: var(--thread-pin) center / 1.2rem no-repeat;
  mask: var(--thread-pin) center / 1.2rem no-repeat;
}

.wolf {
  font-size: 1.4rem;
  letter-spacing: -.035em;
}

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

.tszk {
  border-top: 1px solid var(--thread-line);
  padding: .65rem 0 .1rem 1.4rem;
  color: var(--thread-ink);
}

.tszk::before {
  top: .8rem;
  width: .92rem;
  height: .92rem;
  border-radius: 0;
  background: var(--thread-ink);
  -webkit-mask: var(--thread-check) center / contain no-repeat;
  mask: var(--thread-check) center / contain no-repeat;
}

/* FAQ cards resemble nested replies, not accordions. */
.lryh {
  max-width: 52rem;
  counter-reset: thread-question;
}

.ssin {
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid var(--thread-line);
  border-radius: 1.15rem;
  background: var(--thread-paper);
  padding: 1.35rem 1.5rem 1.35rem 4.35rem;
  counter-increment: thread-question;
}

.ssin::before {
  content: "";
  position: absolute;
  left: 1.35rem;
  top: 1.25rem;
  width: 1.65rem;
  height: 1.65rem;
  background: var(--thread-ink);
  -webkit-mask: var(--thread-question) center / contain no-repeat;
  mask: var(--thread-question) center / contain no-repeat;
}

.fpve {
  font-size: 1.12rem;
  font-weight: 750;
  letter-spacing: -.025em;
}

.rnqr {
  line-height: 1.72;
}

/* Sources are quiet, numbered receipts. */
.ujse {
  max-width: 52rem;
  margin-top: 3.5rem;
}

.azmy {
  min-height: 3.2rem;
  border-top: 1px solid var(--thread-line);
  padding: 1.1rem 0 1.1rem 3.4rem;
}

.azmy::before {
  content: "";
  top: 1.15rem;
  width: 1.65rem;
  height: 1.65rem;
  background: var(--thread-ink);
  -webkit-mask: var(--thread-source) center / contain no-repeat;
  mask: var(--thread-source) center / contain no-repeat;
}

.ioro {
  font-size: .91rem;
  line-height: 1.62;
}

.nnta {
  color: var(--thread-muted);
  font-size: .8rem;
}

/* Closing prompt: a contained black reply composer. */
.vlbd {
  max-width: 68rem;
  margin: 4.5rem auto;
  border: 0;
  border-radius: 1.6rem;
  background: #111111;
  color: #FFFFFF;
}

.ovhg {
  max-width: 52rem;
  padding: 3.4rem 2rem;
}

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

.ovhg h2 {
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  letter-spacing: -.045em;
}

.pchn {
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  background: #FFFFFF;
  color: #111111;
  padding: .9rem 1.35rem;
  font-size: .9rem;
  font-weight: 750;
}

/* Quiet close, with a second wordmark echo. */
.ibtv {
  border-top: 1px solid var(--thread-line);
  background: var(--thread-reply);
}

.ibtv .eilo {
  max-width: 76rem;
  padding: 3rem 1.5rem;
}

.ekwv {
  grid-template-columns: minmax(0, 1.6fr) minmax(16rem, .7fr);
  gap: 4rem;
}

.ifua {
  max-width: 48rem;
  font-style: normal;
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -.02em;
}

.oexa,
.dbey,
.nxed {
  color: var(--thread-muted);
}

.ibtv .xbqt {
  display: block;
  width: fit-content;
  margin-bottom: .28rem;
  padding: .35rem .65rem;
}

.dfow {
  border-radius: 0 0 .7rem 0;
  background: #111111;
  color: #FFFFFF;
}

@media (max-width: 760px) {
  .jkpp .eilo {
    padding-top: 3.6rem;
    padding-bottom: 3.8rem;
  }

  .ziik {
    width: 100%;
    min-height: 0;
    padding-bottom: 9rem;
  }

  .ziik::before {
    left: 50%;
    top: auto;
    bottom: -9rem;
    width: 15rem;
    height: 15rem;
  }

  .ziik::after {
    left: 50%;
    top: auto;
    bottom: -13rem;
    height: 19rem;
  }

  .ltfj {
    font-size: clamp(2.45rem, 13vw, 4.2rem);
  }

  .knrc {
    padding-left: 4.9rem;
  }

  .knrc::before {
    left: 1.2rem;
  }

  .hafw {
    padding-top: 3rem;
  }

  .prxb,
  .paam {
    padding-left: 3.2rem;
  }

  .prxb::before {
    width: 2.2rem;
    height: 2.2rem;
  }

  .paam::before {
    left: 1.08rem;
  }

  .paam::after {
    left: .72rem;
  }

  .vloc {
    padding-left: 1.35rem;
    padding-top: 5.2rem;
  }

  .vloc::before {
    left: 1.35rem;
  }

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

  .ssin {
    padding-left: 3.7rem;
  }

  .ssin::before {
    left: 1.05rem;
  }

  .vlbd {
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 1.25rem;
  }

  .ekwv {
    gap: 2rem;
  }
}
