/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.35rem}
html{scroll-behavior:smooth}
body{background:#FFFDF5;color:#18233C;font-family:'Atkinson Hyperlegible', 'Segoe UI', Arial, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Nunito Sans', 'Avenir Next', Arial, sans-serif;line-height:1.2;color:#18233C}
a{color:#165A92}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E5F0F3;padding:.1em .35em;border-radius:4px;font-size:.9em}
.nqqw{position:absolute;left:-9999px;top:0;background:#165A92;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.nqqw:focus{left:0}
.jywz{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.iciq{font-family:'Nunito Sans', 'Avenir Next', Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.rvsg{color:#4D5260;font-size:.85rem}
.lmym{display:flex;flex-wrap:wrap;gap:1.1rem}
.kmlx{text-decoration:none;color:inherit;font-size:.95rem}
.kmlx:hover{color:#165A92;opacity:1}
.yhye{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}
.yhye span{display:block;height:2px;background:currentColor;border-radius:2px}
.yhye[aria-expanded="true"] span:nth-child(2){opacity:0}
.ajoc{background:#F2EEDC} .ajoc .jywz{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .lmym{border-top:1px solid #C8C1A8;padding-top:.6rem}
.jyjy{background:linear-gradient(160deg, #F2EEDC, #d8dcd3)} .jyjy .jywz{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .mjwv{justify-content:center}
.aylq{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#165A92;font-weight:600;margin-bottom:.8rem}
.rksr{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.ufjj{font-size:1.15rem;color:#4D5260;max-width:44rem;margin:0 auto}
.mjwv{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.uzjh{border:1px solid #C8C1A8;background:#F2EEDC;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.lapx{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.zntm,.aijt,.bxza{max-width:46rem;margin-left:auto;margin-right:auto}
.zntm{padding:1.68rem 0}
.zntm h2{font-size:1.6rem;margin-bottom:.8rem}
.zntm h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.zntm p,.zntm li,.aijt p{margin-bottom:.85rem}
.zntm ul,.zntm ol{padding-left:1.4rem}
.aijt{font-size:1.12rem}
.bxza{background:#F2EEDC;border:1px solid #C8C1A8;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.cwqr{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C8C1A8;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F2EEDC}
blockquote{border-left:4px solid #165A92;padding:.2rem 0 .2rem 1rem;color:#4D5260;margin:1rem 0}
.unih{max-width:46rem;margin:2.16rem auto;background:#e5e5d8;border:1px solid #C8C1A8;border-radius:var(--radius);padding:1.4rem 1.6rem}
.fwqw{font-size:1.25rem;margin-bottom:.7rem}
.cndd{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.mvzf{padding-left:1.1rem;position:relative;font-size:.95rem}
.mvzf::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#165A92}
.yybj{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.xuix{border-top:1px solid #C8C1A8;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.xuix::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Nunito Sans', 'Avenir Next', Arial, sans-serif;font-weight:700;color:#165A92}
.ylbt{margin-bottom:.3rem}
.iawy{font-size:.88rem;color:#4D5260}
.mmne{max-width:46rem;margin:0 auto}
.qtdx{border-bottom:1px solid #C8C1A8;padding:1.32rem 0}
.pzrn{font-size:1.15rem;margin-bottom:.5rem}
.jrto{color:#18233C}
.fysv{background:#ecdccb;border-top:1px solid #C8C1A8;border-bottom:1px solid #C8C1A8;margin:2.4rem 0 0}
.jeaj{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.jeaj h2{margin-bottom:.7rem}
.jeaj p{margin-bottom:1.1rem}
.dcjh{display:inline-block;background:#165A92;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.dcjh:hover{opacity:.9}

.zezl{font-size:1.45rem;margin-bottom:.45rem}
.mfnj p{margin-bottom:.55rem}
.mfnj p:last-child{margin-bottom:0}
.eafx{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.ggdf{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.ggdf:hover{opacity:.92}
.mcvh{padding:1.5rem 1.5rem 0}
.lirf{max-width:60rem;margin:0 auto;background:#ebd9c8;border:2px dashed #B83B32;border-radius:var(--radius);padding:1.4rem 1.7rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem 1.8rem;align-items:center}
.ayeq{display:inline-block;background:#18233C;color:#FFFFFF;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .8rem;transform:rotate(-4deg);border-radius:3px;text-align:center;max-width:7rem;line-height:1.25}
.eafx{color:#59524c}
.wevu::before{content:"\2713\00a0";color:#18233C}
.ggdf{background:#165A92;color:#FFFFFF}
@media (max-width:720px){.lirf{display:block} .ayeq{transform:none;max-width:none;margin-bottom:.6rem} .ggdf{display:block;text-align:center;margin-top:1rem}}
.iqza{background:#18233C;color:#FFFFFF} .iqza a{color:inherit}
.iqza .jywz{padding:2.64rem 1.5rem}
.vxjc{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.nogr{font-style:italic;margin-bottom:.8rem}
.miul{font-size:.9rem;margin-bottom:.8rem}
.wlba{font-size:.85rem;color:#4D5260}
.iqza .wlba{opacity:.85}
.hhhb{color:#4D5260;font-size:.92rem}
.iqza .rvsg,.iqza .hhhb{color:#959aa5}
.iqza .wlba{color:#878d9a;opacity:1}
@media(max-width:760px){
  .jyjy .jywz{grid-template-columns:1fr;gap:1.5rem}
  .vxjc{grid-template-columns:1fr}
  .ajoc .jywz{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .ajoc .lmym{border-top:0;padding-top:0}
  .ajoc .yhye{display:flex}
  .ajoc .lmym{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C8C1A8;padding-top:.4rem;margin-top:.4rem}
  .ajoc .lmym[data-open="true"]{display:flex}
  .ajoc .kmlx{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Phoenix Cartilage Field Notes — a measured, schoolroom-inspired editorial system. */

:root {
  --paper: #FFFDF5;
  --oat: #F2EEDC;
  --sky-paper: #E5F0F3;
  --navy-pencil: #18233C;
  --graphite: #4D5260;
  --school-blue: #165A92;
  --grading-red: #B83B32;
  --rule: #C8C1A8;
  --chalk-green: #2F6B4F;
  --sun-pencil: #E7B93E;
  --icon-line: 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=%22M4 19h16M6 15l4-4 3 3 5-6%22/%3E%3Ccircle cx=%2218%22 cy=%228%22 r=%221.5%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=%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.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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%222%22/%3E%3Cpath d=%22m7.5 12 3 3 6-7%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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9.3 9a3 3 0 1 1 4.2 2.75c-.95.47-1.5 1.1-1.5 2.05%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3C/svg%3E");
  --icon-book: 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=%22M4 19.5A2.5 2.5 0 0 1 6.5 17H20%22/%3E%3Cpath d=%22M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z%22/%3E%3Cpath d=%22M8 7h8M8 11h6%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=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}

body {
  background-color: var(--paper);
  background-image: linear-gradient(rgba(22, 90, 146, .035) 1px, transparent 1px);
  background-size: 100% 2rem;
  color: var(--navy-pencil);
  letter-spacing: .002em;
}

body p,
body li,
td {
  color: var(--navy-pencil);
}

/* Notebook masthead and a logo-like field-note wordmark. */
.ajoc {
  position: relative;
  border-bottom: 1px solid var(--rule);
  background: var(--oat);
}

.ajoc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 4px;
  background: linear-gradient(90deg, var(--school-blue) 0 33%, var(--sun-pencil) 33% 66%, var(--grading-red) 66%);
}

.ajoc .jywz {
  max-width: 78rem;
  gap: .7rem;
  padding: 1.1rem 1.5rem .78rem;
}

.iciq {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 3.1rem;
  padding: .2rem 1rem .2rem 4.1rem;
  color: var(--navy-pencil);
  font-size: 1.28rem;
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1;
  text-transform: uppercase;
}

.iciq::before {
  content: "C";
  position: absolute;
  left: .1rem;
  top: 0;
  display: grid;
  place-items: center;
  width: 3.1rem;
  height: 3.1rem;
  border: 2px solid var(--navy-pencil);
  border-radius: 50% 42% 46% 44%;
  background: var(--sun-pencil);
  color: var(--navy-pencil);
  font-size: 1.65rem;
  font-weight: 900;
  transform: rotate(-4deg);
  box-shadow: 4px 4px 0 var(--grading-red);
}

.iciq::after {
  content: "FIELD NOTES";
  position: absolute;
  right: 1rem;
  bottom: -.62rem;
  border-bottom: 2px solid var(--school-blue);
  color: var(--school-blue);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .22em;
}

.rvsg {
  margin-top: .8rem;
  color: var(--graphite);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .055em;
}

.lmym {
  gap: .35rem;
}

.kmlx {
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem;
  padding: .4rem .58rem;
  color: var(--navy-pencil);
  font-size: .82rem;
  font-weight: 800;
}

.kmlx:hover {
  border-color: var(--school-blue);
  background: var(--paper);
  color: var(--school-blue);
}

/* A worksheet hero: asymmetric, ruled and offset like a page on a desk. */
.jyjy {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--rule);
  background:
    linear-gradient(90deg, transparent 0 7.5%, rgba(184, 59, 50, .14) 7.5% calc(7.5% + 2px), transparent calc(7.5% + 2px)),
    repeating-linear-gradient(0deg, transparent 0 2.15rem, rgba(22, 90, 146, .10) 2.15rem calc(2.15rem + 1px)),
    linear-gradient(155deg, var(--paper), #D8DCD3);
}

.jyjy .jywz {
  max-width: 72rem;
  padding: 5.7rem 1.5rem 6.2rem;
  text-align: left;
}

.mttb {
  position: relative;
  max-width: 67rem;
  min-height: 20rem;
  padding-right: 22rem;
}

.mttb::before {
  content: "SYMPTOM\A ≠\A STRUCTURE";
  position: absolute;
  z-index: 1;
  top: -1rem;
  right: .8rem;
  display: grid;
  place-items: center;
  width: 17rem;
  height: 17rem;
  border: 2px solid var(--navy-pencil);
  background: var(--sun-pencil);
  color: var(--navy-pencil);
  font-family: 'Nunito Sans', 'Avenir Next', Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: .09em;
  text-align: center;
  white-space: pre;
  transform: rotate(2.5deg);
  box-shadow: 12px 12px 0 var(--school-blue);
}

.mttb::after {
  content: "01";
  position: absolute;
  top: -2.3rem;
  left: -2.5rem;
  color: var(--grading-red);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  font-weight: 900;
  transform: rotate(-90deg);
}

.aylq {
  display: inline-block;
  margin-bottom: 1.25rem;
  border: 2px solid var(--school-blue);
  border-radius: .2rem;
  background: var(--paper);
  padding: .36rem .65rem;
  color: var(--school-blue);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .15em;
  transform: rotate(-1deg);
}

.rksr {
  max-width: 12ch;
  margin-bottom: 1.3rem;
  color: var(--navy-pencil);
  font-size: clamp(2.65rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.055em;
}

.ufjj {
  max-width: 40rem;
  margin: 0;
  border-left: 5px solid var(--grading-red);
  padding-left: 1rem;
  color: var(--graphite);
  font-size: 1.12rem;
  line-height: 1.65;
}

.mjwv {
  justify-content: flex-start;
  max-width: 42rem;
  margin-top: 1.75rem;
}

.uzjh {
  border: 1px solid var(--navy-pencil);
  border-radius: .25rem;
  background: var(--paper);
  padding: .42rem .65rem;
  color: var(--navy-pencil);
  font-size: .78rem;
  font-weight: 700;
  box-shadow: 3px 3px 0 var(--rule);
}

.uzjh::before {
  content: "";
  display: inline-block;
  width: .84rem;
  height: .84rem;
  margin-right: .38rem;
  background: var(--school-blue);
  vertical-align: -.12rem;
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

/* The disclosure-forward recommendation ticket. */
.mcvh {
  padding: 2rem 1.5rem .5rem;
  background: var(--paper);
}

.lirf {
  position: relative;
  max-width: 66rem;
  border: 2px dashed var(--grading-red);
  border-radius: .3rem;
  background: #E9E7D3;
  box-shadow: 8px 8px 0 var(--navy-pencil);
}

.lirf::before {
  content: "";
  position: absolute;
  inset: .55rem;
  border: 1px solid rgba(24, 35, 60, .25);
  pointer-events: none;
}

.ayeq {
  border-radius: 50% 44% 48% 43%;
  background: #18233C;
  color: #FFFFFF;
  line-height: 1.2;
  transform: rotate(-5deg);
}

.zezl {
  color: var(--navy-pencil);
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: -.025em;
}

.mfnj p,
.wevu {
  color: var(--navy-pencil);
}

.wevu {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}

.wevu::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-right: .35rem;
  background: var(--school-blue);
  -webkit-mask: var(--icon-check) center / contain no-repeat;
  mask: var(--icon-check) center / contain no-repeat;
}

.ggdf,
.dcjh {
  position: relative;
  border: 2px solid var(--navy-pencil);
  border-radius: .25rem;
  background: #165A92;
  color: #FFFFFF;
  box-shadow: 5px 5px 0 var(--navy-pencil);
  font-weight: 900;
  letter-spacing: .01em;
}

.ggdf::after,
.dcjh::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .55rem;
  background: #FFFFFF;
  vertical-align: -.12rem;
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

/* Long-form rhythm: numbered rules and wide, calm reading measure. */
.lapx {
  padding-top: 3.8rem;
}

.aijt {
  position: relative;
  margin-bottom: 2rem;
  border-top: 6px solid var(--school-blue);
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
  padding: 1.35rem 1.6rem 1.45rem 4.2rem;
  font-size: 1.16rem;
}

.aijt::before {
  content: "A";
  position: absolute;
  left: 1.15rem;
  top: 1.25rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--sun-pencil);
  color: var(--navy-pencil);
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 900;
}

.bxza {
  position: relative;
  border: 1px solid var(--rule);
  border-left: 7px solid var(--school-blue);
  border-radius: .15rem;
  background:
    repeating-linear-gradient(0deg, transparent 0 1.94rem, rgba(22, 90, 146, .08) 1.94rem calc(1.94rem + 1px)),
    var(--oat);
  padding: 1.45rem 1.55rem;
  box-shadow: 7px 7px 0 rgba(200, 193, 168, .65);
}

.zntm {
  position: relative;
  padding: 2.2rem 0 2.35rem;
  border-top: 1px solid var(--rule);
}

.zntm::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 2.45rem;
  width: .62rem;
  height: .62rem;
  background: var(--grading-red);
  transform: rotate(45deg);
}

.zntm h2 {
  margin-bottom: 1rem;
  color: var(--navy-pencil);
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  font-weight: 900;
  letter-spacing: -.03em;
}

.zntm h2::after {
  content: "";
  display: block;
  width: 4.5rem;
  height: 4px;
  margin-top: .55rem;
  background: linear-gradient(90deg, var(--school-blue) 0 55%, var(--sun-pencil) 55% 78%, var(--grading-red) 78%);
}

.zntm h3 {
  color: var(--school-blue);
  font-weight: 900;
}

blockquote {
  border: 2px solid var(--navy-pencil);
  border-left: 9px solid var(--sun-pencil);
  background: var(--sky-paper);
  color: var(--graphite);
  box-shadow: 5px 5px 0 var(--rule);
}

.cwqr {
  border: 2px solid var(--navy-pencil);
  box-shadow: 6px 6px 0 var(--rule);
}

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

th {
  background: #165A92;
  color: #FFFFFF;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 900;
}

th,
td {
  border-color: var(--navy-pencil);
}

/* Local module as a pinned assignment sheet. */
.unih {
  position: relative;
  max-width: 50rem;
  border: 2px solid var(--navy-pencil);
  border-radius: .2rem;
  background: #E5F0F3;
  padding: 2rem 2rem 1.7rem;
  box-shadow: 9px 9px 0 var(--sun-pencil);
  transform: rotate(-.25deg);
}

.unih::before {
  content: "PHX";
  position: absolute;
  top: -1rem;
  right: 1.1rem;
  border: 2px solid var(--navy-pencil);
  background: #B83B32;
  padding: .3rem .55rem;
  color: #FFFFFF;
  font-family: 'Nunito Sans', sans-serif;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .15em;
  transform: rotate(3deg);
}

.fwqw {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: var(--navy-pencil);
  font-size: 1.55rem;
  font-weight: 900;
}

.fwqw::before {
  content: "";
  width: 1.35rem;
  height: 1.35rem;
  background: var(--school-blue);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

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

.mvzf {
  min-height: 3rem;
  border-top: 1px solid var(--rule);
  padding: .65rem 0 .35rem 1.65rem;
  color: var(--navy-pencil);
}

.mvzf::before {
  top: .82rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background: var(--grading-red);
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

/* FAQ, references and closing conversion band. */
.mmne {
  counter-reset: questions;
}

.qtdx {
  position: relative;
  counter-increment: questions;
  border: 0;
  border-bottom: 1px solid var(--rule);
  padding: 1.55rem 0 1.55rem 3.4rem;
}

.qtdx::before {
  content: counter(questions, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1.6rem;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 2px solid var(--navy-pencil);
  border-radius: 50%;
  background: var(--sun-pencil);
  color: var(--navy-pencil);
  font-family: 'Nunito Sans', sans-serif;
  font-size: .72rem;
  font-weight: 900;
}

.pzrn {
  position: relative;
  padding-right: 2rem;
  color: var(--navy-pencil);
  font-size: 1.28rem;
  font-weight: 900;
}

.pzrn::after {
  content: "";
  position: absolute;
  right: 0;
  top: .1rem;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--school-blue);
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.yybj {
  max-width: 50rem;
  border-top: 5px solid var(--navy-pencil);
}

.xuix {
  min-height: 4.2rem;
  border-top: 1px solid var(--rule);
  padding-left: 3rem;
}

.xuix::before {
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--school-blue);
  border-radius: .15rem;
  color: var(--school-blue);
  font-size: .78rem;
}

.ylbt {
  color: var(--navy-pencil);
}

.iawy,
.hhhb {
  color: var(--graphite);
}

.iawy a {
  font-weight: 700;
}

.fysv {
  position: relative;
  overflow: hidden;
  border: 0;
  border-top: 7px solid var(--grading-red);
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(22, 90, 146, .08) 12% calc(12% + 2px), transparent calc(12% + 2px)),
    var(--oat);
}

.fysv::after {
  content: "";
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 13rem;
  height: 13rem;
  border: 2rem solid var(--sun-pencil);
  border-radius: 50%;
  opacity: .7;
}

.jeaj {
  position: relative;
  z-index: 1;
  max-width: 52rem;
  text-align: left;
}

.jeaj h2 {
  max-width: 18ch;
  color: var(--navy-pencil);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  letter-spacing: -.04em;
}

.jeaj p {
  max-width: 42rem;
  color: var(--navy-pencil);
}

.iqza {
  position: relative;
  border-top: 0;
  background: #18233C;
  color: #FFFFFF;
}

.iqza::before {
  content: "";
  display: block;
  height: .55rem;
  background: linear-gradient(90deg, var(--school-blue) 0 36%, var(--sun-pencil) 36% 64%, var(--grading-red) 64%);
}

.iqza .jywz {
  max-width: 72rem;
}

.iqza p,
.iqza .miul,
.iqza .nogr {
  color: #FFFFFF;
}

.vxjc {
  grid-template-columns: 1.5fr 1fr;
  gap: 3rem;
}

.pxvb:first-child {
  border-left: 5px solid var(--sun-pencil);
  padding-left: 1.25rem;
}

.miul {
  border: 1px solid rgba(255, 255, 255, .35);
  padding: .85rem 1rem;
}

@media (max-width: 760px) {
  .iciq {
    max-width: 75%;
    min-height: 2.55rem;
    padding-left: 3.25rem;
    font-size: .93rem;
  }

  .iciq::before {
    width: 2.45rem;
    height: 2.45rem;
    font-size: 1.25rem;
    box-shadow: 3px 3px 0 var(--grading-red);
  }

  .rvsg {
    flex-basis: 100%;
    margin-left: 3.25rem;
    font-size: .65rem;
  }

  .jyjy .jywz {
    padding-top: 3.8rem;
    padding-bottom: 4.2rem;
  }

  .mttb {
    min-height: 0;
    padding-right: 0;
    padding-bottom: 10rem;
  }

  .mttb::before {
    top: auto;
    right: 1rem;
    bottom: 0;
    width: 8rem;
    height: 8rem;
    font-size: .72rem;
    box-shadow: 6px 6px 0 var(--school-blue);
  }

  .rksr {
    max-width: 15ch;
    font-size: clamp(2.35rem, 12vw, 3.5rem);
  }

  .aijt {
    padding-left: 1.3rem;
  }

  .aijt::before {
    position: static;
    margin-bottom: .8rem;
  }

  .zntm::before {
    left: 0;
    top: 1rem;
  }

  .unih {
    padding: 1.7rem 1.15rem 1.25rem;
    transform: none;
    box-shadow: 5px 5px 0 var(--sun-pencil);
  }

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

  .qtdx {
    padding-left: 0;
    padding-top: 4.2rem;
  }

  .qtdx::before {
    top: 1.25rem;
  }

  .jeaj {
    text-align: left;
  }
}