/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.375rem}
html{scroll-behavior:smooth}
body{background:#F6F8FA;color:#1F2328;font-family:'IBM Plex Sans', -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:#1F2328}
a{color:#0550AE}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#EFF2F5;padding:.1em .35em;border-radius:4px;font-size:.9em}
.qmhm{position:absolute;left:-9999px;top:0;background:#0550AE;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.qmhm:focus{left:0}
.hfta{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.sadq{font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.jkeh{color:#656D76;font-size:.85rem}
.ghlt{display:flex;flex-wrap:wrap;gap:1.1rem}
.qoqs{text-decoration:none;color:inherit;font-size:.95rem}
.qoqs:hover{color:#0550AE;opacity:1}
.qxbb{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}
.qxbb span{display:block;height:2px;background:currentColor;border-radius:2px}
.qxbb[aria-expanded="true"] span:nth-child(2){opacity:0}
.eigj{border-bottom:1px solid #D0D7DE;background:#F6F8FA} .eigj .hfta{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.wpvs{background:#FFFFFF;border-bottom:1px solid #D0D7DE} .wpvs .hfta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:3.4rem 1.5rem}
.ptov{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#0550AE;font-weight:600;margin-bottom:.8rem}
.vqgh{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.ftiy{font-size:1.15rem;color:#656D76;max-width:44rem;margin:0 auto}
.lbem{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.cqpv{border:1px solid #D0D7DE;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.nwmf{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.xach,.vylu,.gyee{max-width:46rem;margin-left:auto;margin-right:auto}
.xach{padding:1.4rem 0}
.xach h2{font-size:1.6rem;margin-bottom:.8rem}
.xach h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.xach p,.xach li,.vylu p{margin-bottom:.85rem}
.xach ul,.xach ol{padding-left:1.4rem}
.vylu{font-size:1.12rem}
.gyee{background:#FFFFFF;border:1px solid #D0D7DE;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.awlg{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D0D7DE;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #0550AE;padding:.2rem 0 .2rem 1rem;color:#656D76;margin:1rem 0}
.rnac{max-width:46rem;margin:1.8rem auto;background:#f0f5fa;border:1px solid #D0D7DE;border-radius:var(--radius);padding:1.4rem 1.6rem}
.dtjx{font-size:1.25rem;margin-bottom:.7rem}
.ccbn{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.etpw{padding-left:1.1rem;position:relative;font-size:.95rem}
.etpw::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#0550AE}
.kyxq{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.stsw{border-top:1px solid #D0D7DE;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.stsw::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#0550AE}
.wokr{margin-bottom:.3rem}
.gfyb{font-size:.88rem;color:#656D76}
.ulse{max-width:46rem;margin:0 auto}
.bhnp{border-bottom:1px solid #D0D7DE;padding:1.1rem 0}
.oypq{font-size:1.15rem;margin-bottom:.5rem}
.iyis{color:#1F2328}
.ggyu{background:#e8f2eb;border-top:1px solid #D0D7DE;border-bottom:1px solid #D0D7DE;margin:2rem 0 0}
.wfgh{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.wfgh h2{margin-bottom:.7rem}
.wfgh p{margin-bottom:1.1rem}
.qkbw{display:inline-block;background:#0550AE;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.qkbw:hover{opacity:.9}

.fegl{font-size:1.45rem;margin-bottom:.45rem}
.upzx p{margin-bottom:.55rem}
.upzx p:last-child{margin-bottom:0}
.ponn{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.bqjm{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.bqjm:hover{opacity:.92}
.fguj{background:#1F2328;color:#FFFFFF;border-top:4px solid #1A7F37}
.sbwr{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}
.fguj h2,.fguj p{color:#FFFFFF}
.ssxm{display:inline-block;background:#F6F8FA;color:#1F2328;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.ponn{color:#989a9c}
.ulbu::before{content:"\2713\00a0"}
.bqjm{background:#0550AE;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.sbwr{display:block} .ssxm{transform:none;max-width:none;margin-bottom:.6rem} .bqjm{display:block;text-align:center;margin-top:1rem}}
.uciv{background:#FFFFFF;border-top:1px solid #D0D7DE}
.uciv .hfta{padding:2.2rem 1.5rem}
.kqcs{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.sduq{font-style:italic;margin-bottom:.8rem}
.bdgz{font-size:.9rem;margin-bottom:.8rem}
.sdha{font-size:.85rem;color:#656D76}
.uciv .sdha{opacity:.85}
.zyud{color:#656D76;font-size:.92rem}
.uciv .sdha{color:#6e767e;opacity:1}
@media(max-width:760px){
  .wpvs .hfta{grid-template-columns:1fr;gap:1.5rem}
  .kqcs{grid-template-columns:1fr}
  .eigj .hfta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .eigj .ghlt{border-top:0;padding-top:0}
  .eigj .qxbb{display:flex}
  .eigj .ghlt{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D0D7DE;padding-top:.4rem;margin-top:.4rem}
  .eigj .ghlt[data-open="true"]{display:flex}
  .eigj .qoqs{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Chandler Biologic Index — GitHub-inspired evidence repository. */

:root {
  --cbi-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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E");
  --cbi-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=%222%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.5%22/%3E%3C/svg%3E");
  --cbi-file: 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=%222%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 2v6h6M9 13h6M9 17h4%22/%3E%3C/svg%3E");
  --cbi-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=%222%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.6 2.4c-.8.4-1.3 1-1.3 1.8M12 17h.01%22/%3E%3C/svg%3E");
  --cbi-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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
  --cbi-branch: 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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%224%22 r=%222%22/%3E%3Ccircle cx=%226%22 cy=%2220%22 r=%222%22/%3E%3Ccircle cx=%2218%22 cy=%226%22 r=%222%22/%3E%3Cpath d=%22M6 6v8a4 4 0 0 0 4 4h6M18 8v2a4 4 0 0 1-4 4H6%22/%3E%3C/svg%3E");
}

body {
  background-color: #F6F8FA;
  color: #1F2328;
  letter-spacing: -.006em;
}

body p,
body li,
td {
  color: #1F2328;
}

/* Repository masthead and wordmark. */
.eigj {
  border-top: 4px solid #1F2328;
  border-bottom: 1px solid #D0D7DE;
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(31, 35, 40, .04);
}

.eigj .hfta {
  max-width: 80rem;
  gap: 1.5rem;
  padding: .82rem 1.5rem;
}

.sadq {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.65rem;
  padding-left: 3.35rem;
  color: #1F2328;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.025em;
}

.sadq::before {
  content: "CBI";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border: 1px solid #1F2328;
  border-radius: .55rem;
  background: #1F2328;
  color: #FFFFFF;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  box-shadow: inset 0 -4px 0 #0550AE;
}

.sadq::after {
  content: "";
  position: absolute;
  left: 2.25rem;
  top: -.12rem;
  width: .58rem;
  height: .58rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  background: #1A7F37;
}

.eigj .jkeh {
  margin: -.34rem 0 0 3.35rem;
  color: #656D76;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: .69rem;
  font-weight: 600;
  letter-spacing: .055em;
}

.ghlt {
  gap: .12rem;
  align-items: center;
}

.qoqs {
  border: 1px solid transparent;
  border-radius: .4rem;
  padding: .47rem .58rem;
  color: #1F2328;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.2;
}

.qoqs:hover {
  border-color: #D0D7DE;
  background: #EFF2F5;
  color: #0550AE;
}

/* Asymmetric README-and-diff hero. */
.wpvs {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #D0D7DE;
  background:
    linear-gradient(90deg, transparent 0 70%, rgba(208, 215, 222, .45) 70% calc(70% + 1px), transparent calc(70% + 1px)),
    linear-gradient(0deg, #F6F8FA, #F6F8FA);
}

.wpvs::before {
  content: "";
  position: absolute;
  right: 4vw;
  top: 2.25rem;
  width: min(25rem, 32vw);
  height: calc(100% - 4.5rem);
  border: 1px solid #D0D7DE;
  border-radius: .65rem;
  background:
    linear-gradient(90deg, #1A7F37 0 .32rem, transparent .32rem),
    repeating-linear-gradient(0deg, #FFFFFF 0 2.65rem, #D0D7DE 2.65rem calc(2.65rem + 1px));
  box-shadow: 0 16px 40px -30px rgba(31, 35, 40, .75);
  transform: rotate(1.6deg);
}

.wpvs::after {
  content: "";
  position: absolute;
  right: 9vw;
  bottom: 1.5rem;
  width: min(18rem, 25vw);
  height: 38%;
  border: 1px solid #B6D7C0;
  border-left: .32rem solid #1A7F37;
  border-radius: .45rem;
  background: #E9F4EC;
  transform: rotate(-1.2deg);
}

.wpvs .hfta {
  display: block;
  max-width: 76rem;
  padding: 4.6rem 1.5rem 5.3rem;
}

.mcsm {
  position: relative;
  z-index: 2;
  width: min(68%, 50rem);
  border: 1px solid #D0D7DE;
  border-radius: .72rem;
  background: #FFFFFF;
  padding: 2.2rem 2.35rem 2.4rem;
  box-shadow: 0 22px 55px -42px rgba(31, 35, 40, .9), 0 2px 5px rgba(31, 35, 40, .05);
}

.mcsm::before {
  content: "README / COMPARE.md";
  display: block;
  margin: -2.2rem -2.35rem 1.75rem;
  border-bottom: 1px solid #D0D7DE;
  border-radius: .72rem .72rem 0 0;
  background: #EFF2F5;
  padding: .7rem 1rem;
  color: #57606A;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .04em;
}

.ptov {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.1rem;
  border: 1px solid #B6D7C0;
  border-radius: 999px;
  background: #E9F4EC;
  padding: .32rem .72rem;
  color: #116329;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
}

.ptov::before {
  content: "";
  width: .52rem;
  height: .52rem;
  margin-right: .42rem;
  border-radius: 50%;
  background: #1A7F37;
  box-shadow: 0 0 0 3px #D6EDDC;
}

.vqgh {
  max-width: 15ch;
  margin-bottom: 1.3rem;
  color: #1F2328;
  font-size: clamp(2.55rem, 5.25vw, 4.8rem);
  font-weight: 800;
  line-height: .99;
  letter-spacing: -.058em;
}

.ftiy {
  max-width: 43rem;
  margin: 0;
  color: #57606A;
  font-size: 1.08rem;
  line-height: 1.62;
}

.lbem {
  gap: .42rem;
  margin-top: 1.55rem;
}

.cqpv {
  display: inline-flex;
  align-items: center;
  border: 1px solid #D0D7DE;
  border-radius: 999px;
  background: #F6F8FA;
  padding: .36rem .68rem;
  color: #1F2328;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: .72rem;
  font-weight: 600;
}

.cqpv::before {
  content: "";
  width: .8rem;
  height: .8rem;
  margin-right: .34rem;
  background: #1A7F37;
  -webkit-mask: var(--cbi-check) center / contain no-repeat;
  mask: var(--cbi-check) center / contain no-repeat;
}

/* Inverted release-style recommendation band, assigned variant 2. */
.fguj {
  position: relative;
  border-top: 0;
  border-bottom: 1px solid #3D444D;
  background: #1F2328;
}

.fguj::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: .4rem;
  background: #2DA44E;
}

.sbwr {
  max-width: 76rem;
  padding: 1.75rem 1.5rem 1.85rem 2.1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.35rem 2.5rem;
}

.ssxm {
  border: 1px solid #6E7681;
  border-radius: 999px;
  background: #2D333B;
  color: #FFFFFF;
  padding: .3rem .72rem;
  font-size: .68rem;
  letter-spacing: .1em;
}

.fegl {
  max-width: 34ch;
  color: #FFFFFF;
  font-size: 1.55rem;
  letter-spacing: -.025em;
}

.upzx p {
  max-width: 48rem;
  color: #FFFFFF;
  font-size: .95rem;
  line-height: 1.55;
}

.ponn {
  color: #CDD9E5;
  font-size: .78rem;
  font-weight: 600;
}

.ulbu {
  display: inline-flex;
  align-items: center;
  color: #CDD9E5;
}

.ulbu::before {
  content: "";
  width: .95rem;
  height: .95rem;
  margin-right: .35rem;
  background: #56D364;
  -webkit-mask: var(--cbi-pin) center / contain no-repeat;
  mask: var(--cbi-pin) center / contain no-repeat;
}

.bqjm {
  position: relative;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: .48rem;
  background: #0550AE;
  color: #FFFFFF;
  padding: .88rem 3.2rem .88rem 1.25rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}

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

/* Long-form repository rhythm. */
.nwmf {
  padding: 3.1rem 0 3.6rem;
}

.nwmf > .hfta {
  max-width: 78rem;
  counter-reset: cbi-section;
}

.vylu,
.xach,
.gyee {
  max-width: 50rem;
}

.vylu {
  position: relative;
  margin-bottom: 2.25rem;
  border: 1px solid #D0D7DE;
  border-radius: .65rem;
  background: #FFFFFF;
  padding: 3.2rem 2rem 1.65rem;
  font-size: 1.08rem;
  line-height: 1.75;
  box-shadow: 0 5px 18px -16px rgba(31, 35, 40, .65);
}

.vylu::before {
  content: "PAGE README";
  position: absolute;
  inset: 0 0 auto;
  border-bottom: 1px solid #D0D7DE;
  border-radius: .65rem .65rem 0 0;
  background: #EFF2F5;
  padding: .62rem 1rem;
  color: #57606A;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.vylu p:last-child,
.xach p:last-child {
  margin-bottom: 0;
}

.xach {
  position: relative;
  counter-increment: cbi-section;
  margin-top: .9rem;
  border-top: 1px solid #D8DEE4;
  padding: 2.15rem 0 1.35rem;
}

.xach h2 {
  display: flex;
  align-items: flex-start;
  gap: .72rem;
  margin-bottom: 1rem;
  color: #1F2328;
  font-size: clamp(1.45rem, 2.3vw, 1.8rem);
  font-weight: 750;
  letter-spacing: -.035em;
}

.xach h2::before {
  content: counter(cbi-section, decimal-leading-zero);
  flex: 0 0 auto;
  margin-top: .12rem;
  border: 1px solid #D0D7DE;
  border-radius: .35rem;
  background: #EFF2F5;
  padding: .2rem .42rem;
  color: #0550AE;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.xach h3 {
  color: #1F2328;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -.02em;
}

.xach p,
.xach li,
.vylu p {
  line-height: 1.76;
}

.xach strong,
.vylu strong {
  color: #1F2328;
}

blockquote {
  border: 1px solid #B6D7C0;
  border-left: .32rem solid #1A7F37;
  border-radius: .4rem;
  background: #E9F4EC;
  padding: .85rem 1rem;
  color: #1F2328;
}

/* Comparison tables read like code review diffs. */
.awlg {
  margin: 1.35rem 0;
  border: 1px solid #D0D7DE;
  border-radius: .65rem;
  background: #FFFFFF;
  box-shadow: 0 3px 10px -9px rgba(31, 35, 40, .6);
}

table {
  background: #FFFFFF;
  font-size: .86rem;
  line-height: 1.48;
}

th,
td {
  border-color: #D8DEE4;
  padding: .72rem .78rem;
}

th {
  background: #EFF2F5;
  color: #1F2328;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .035em;
}

tbody tr:nth-child(even) td {
  background: #F6F8FA;
}

tbody td:first-child {
  border-left: .25rem solid #1A7F37;
  font-weight: 700;
}

/* Chandler info panel. */
.rnac {
  position: relative;
  max-width: 53rem;
  margin: 2.6rem auto;
  border: 1px solid #D0D7DE;
  border-left: .38rem solid #1A7F37;
  border-radius: .65rem;
  background: #FFFFFF;
  padding: 1.75rem 1.85rem 1.65rem;
  box-shadow: 0 12px 28px -25px rgba(31, 35, 40, .8);
}

.dtjx {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: #1F2328;
  font-size: 1.35rem;
  letter-spacing: -.025em;
}

.dtjx::before {
  content: "";
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  background: #1A7F37;
  -webkit-mask: var(--cbi-pin) center / contain no-repeat;
  mask: var(--cbi-pin) center / contain no-repeat;
}

.rnac p {
  color: #1F2328;
  line-height: 1.7;
}

.ccbn {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-top: 1.15rem;
}

.etpw {
  border: 1px solid #D8DEE4;
  border-radius: .45rem;
  background: #F6F8FA;
  padding: .65rem .7rem .65rem 2.05rem;
  color: #1F2328;
  line-height: 1.45;
}

.etpw::before {
  left: .7rem;
  top: .72rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background: #0550AE;
  -webkit-mask: var(--cbi-branch) center / contain no-repeat;
  mask: var(--cbi-branch) center / contain no-repeat;
}

/* Source history. */
.kyxq {
  max-width: none;
  margin-top: 1.2rem;
}

.stsw {
  margin-left: .6rem;
  border: 1px solid #D0D7DE;
  border-bottom: 0;
  background: #FFFFFF;
  padding: 1rem 1.1rem 1rem 3.45rem;
}

.stsw:first-child {
  border-radius: .6rem .6rem 0 0;
}

.stsw:last-child {
  border-bottom: 1px solid #D0D7DE;
  border-radius: 0 0 .6rem .6rem;
}

.stsw::before {
  content: counter(src);
  left: .8rem;
  top: .92rem;
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #B6D7C0;
  border-radius: 50%;
  background: #E9F4EC;
  color: #116329;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .68rem;
}

.wokr {
  color: #1F2328;
  font-size: .9rem;
  line-height: 1.55;
}

.gfyb {
  display: flex;
  align-items: flex-start;
  gap: .42rem;
  color: #57606A;
  font-size: .78rem;
  line-height: 1.5;
}

.gfyb::before {
  content: "";
  flex: 0 0 auto;
  width: .92rem;
  height: .92rem;
  margin-top: .12rem;
  background: #57606A;
  -webkit-mask: var(--cbi-file) center / contain no-repeat;
  mask: var(--cbi-file) center / contain no-repeat;
}

.gfyb a {
  color: #0550AE;
  font-weight: 600;
}

/* FAQ issues list. */
.ulse {
  max-width: 52rem;
}

.bhnp {
  position: relative;
  margin-bottom: .78rem;
  border: 1px solid #D0D7DE;
  border-radius: .6rem;
  background: #FFFFFF;
  padding: 1.25rem 1.35rem 1.2rem 3.8rem;
  box-shadow: 0 4px 14px -13px rgba(31, 35, 40, .8);
}

.bhnp::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: 1.3rem;
  width: 1.45rem;
  height: 1.45rem;
  background: #0550AE;
  -webkit-mask: var(--cbi-question) center / contain no-repeat;
  mask: var(--cbi-question) center / contain no-repeat;
}

.oypq {
  color: #1F2328;
  font-size: 1.12rem;
  font-weight: 750;
  letter-spacing: -.02em;
}

.iyis {
  color: #1F2328;
  font-size: .96rem;
  line-height: 1.68;
}

/* Merge-ready consultation band. */
.ggyu {
  position: relative;
  margin-top: 1rem;
  border-top: 1px solid #B6D7C0;
  border-bottom: 1px solid #B6D7C0;
  background: #E9F4EC;
}

.ggyu::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: .42rem;
  background: #1A7F37;
}

.wfgh {
  max-width: 53rem;
  padding: 2.6rem 1.5rem 2.75rem;
}

.wfgh::before {
  content: "READY FOR REVIEW";
  display: inline-flex;
  margin-bottom: .8rem;
  border: 1px solid #8CBE9B;
  border-radius: 999px;
  background: #FFFFFF;
  padding: .28rem .65rem;
  color: #116329;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .075em;
}

.wfgh h2 {
  color: #1F2328;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  letter-spacing: -.04em;
}

.wfgh p {
  color: #1F2328;
  line-height: 1.65;
}

.qkbw {
  position: relative;
  border: 1px solid #03458F;
  border-radius: .48rem;
  background: #0550AE;
  color: #FFFFFF;
  padding: .82rem 3.15rem .82rem 1.25rem;
  font-weight: 700;
  box-shadow: 0 4px 10px -6px rgba(5, 80, 174, .75);
}

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

/* Footer as repository metadata. */
.uciv {
  border-top: 1px solid #D0D7DE;
  background: #FFFFFF;
}

.uciv .hfta {
  max-width: 78rem;
  padding-top: 2.35rem;
  padding-bottom: 2.2rem;
}

.kqcs {
  grid-template-columns: minmax(0, 1.7fr) minmax(15rem, .8fr);
  gap: 3rem;
}

.uciv .jkeh {
  display: inline-flex;
  border: 1px solid #B6D7C0;
  border-radius: 999px;
  background: #E9F4EC;
  padding: .26rem .62rem;
  color: #116329;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .68rem;
  font-weight: 700;
}

.uciv .zyud,
.sduq,
.bdgz {
  color: #1F2328;
  line-height: 1.6;
}

.bdgz {
  border-left: 3px solid #1A7F37;
  padding-left: .85rem;
}

.uciv .qoqs {
  display: inline-block;
  margin: 0 .1rem .4rem 0;
  border-color: #D0D7DE;
  background: #F6F8FA;
}

.sdha {
  border-top: 1px solid #D0D7DE;
  padding-top: 1rem;
  color: #57606A;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .72rem;
}

.qmhm:focus {
  border: 2px solid #FFFFFF;
  outline: 3px solid #0550AE;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .wpvs::before,
  .wpvs::after {
    width: 42vw;
    height: 7rem;
    right: -4vw;
    top: auto;
    bottom: 1.5rem;
  }

  .wpvs .hfta {
    padding-top: 2.25rem;
    padding-bottom: 7.1rem;
  }

  .mcsm {
    width: 100%;
    padding: 1.75rem 1.25rem 1.6rem;
  }

  .mcsm::before {
    margin: -1.75rem -1.25rem 1.35rem;
  }

  .vqgh {
    font-size: clamp(2.15rem, 11vw, 3.25rem);
  }

  .sbwr {
    display: block;
  }

  .bqjm {
    display: block;
    margin-top: 1.15rem;
    text-align: center;
  }

  .vylu {
    padding: 3rem 1.2rem 1.3rem;
  }

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

  .bhnp {
    padding-left: 3.15rem;
  }

  .bhnp::before {
    left: .9rem;
  }

  .stsw {
    margin-left: 0;
    padding-left: 3.15rem;
  }

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

/* mobile: long citation titles must wrap inside the flex row (measured 524px layout viewport at 390 before this) */
.gfyb { min-width: 0; flex-wrap: wrap; }
.gfyb > *, .gfyb a { min-width: 0; overflow-wrap: anywhere; }