/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.25rem}
html{scroll-behavior:smooth}
body{background:#FCFBF9;color:#282829;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:'Libre Baskerville', Georgia, 'Times New Roman', serif;line-height:1.2;color:#282829}
a{color:#A82420}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E7E2DC;padding:.1em .35em;border-radius:4px;font-size:.9em}
.djaa{position:absolute;left:-9999px;top:0;background:#A82420;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.djaa:focus{left:0}
.algg{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.wscu{font-family:'Libre Baskerville', Georgia, 'Times New Roman', serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.jzcq{color:#636466;font-size:.85rem}
.ufbg{display:flex;flex-wrap:wrap;gap:1.1rem}
.zfeo{text-decoration:none;color:inherit;font-size:.95rem}
.zfeo:hover{color:#A82420;opacity:1}
.wczw{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}
.wczw span{display:block;height:2px;background:currentColor;border-radius:2px}
.wczw[aria-expanded="true"] span:nth-child(2){opacity:0}
.uros{border-bottom:3px double #D7D2CB;background:#FCFBF9} .uros .algg{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .uros .ufbg{justify-content:flex-end}
.dzec{background:#FCFBF9} .dzec .algg{padding:3.5999999999999996rem 1.5rem;border-left:6px solid #A82420;margin:2rem auto}
.dnxd{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#A82420;font-weight:600;margin-bottom:.8rem}
.cnqe{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.zjcg{font-size:1.15rem;color:#636466;max-width:44rem;margin:0 auto}
.ggsi{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.odvi{border:1px solid #D7D2CB;background:#F3F1EE;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.rssa{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.zjfm,.vcix,.mxim{max-width:46rem;margin-left:auto;margin-right:auto}
.zjfm{padding:1.68rem 0}
.zjfm h2{font-size:1.6rem;margin-bottom:.8rem}
.zjfm h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.zjfm p,.zjfm li,.vcix p{margin-bottom:.85rem}
.zjfm ul,.zjfm ol{padding-left:1.4rem}
.vcix{font-size:1.12rem}
.mxim{background:#F3F1EE;border:1px solid #D7D2CB;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.orxb{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D7D2CB;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F3F1EE}
blockquote{border-left:4px solid #A82420;padding:.2rem 0 .2rem 1rem;color:#636466;margin:1rem 0}
.vjtu{max-width:46rem;margin:2.16rem auto;background:#efe5e2;border:1px solid #D7D2CB;border-radius:var(--radius);padding:1.4rem 1.6rem}
.xgcn{font-size:1.25rem;margin-bottom:.7rem}
.igjg{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.rmyo{padding-left:1.1rem;position:relative;font-size:.95rem}
.rmyo::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#A82420}
.pavr{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.jsqd{border-top:1px solid #D7D2CB;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.jsqd::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Libre Baskerville', Georgia, 'Times New Roman', serif;font-weight:700;color:#A82420}
.tuxf{margin-bottom:.3rem}
.nqlr{font-size:.88rem;color:#636466}
.mpte{max-width:46rem;margin:0 auto}
.hnjx{border-bottom:1px solid #D7D2CB;padding:1.32rem 0}
.fkmu{font-size:1.15rem;margin-bottom:.5rem}
.tgsz{color:#282829}
.dska{background:#e1e2e0;border-top:1px solid #D7D2CB;border-bottom:1px solid #D7D2CB;margin:2.4rem 0 0}
.ovpv{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.ovpv h2{margin-bottom:.7rem}
.ovpv p{margin-bottom:1.1rem}
.puvs{display:inline-block;background:#A82420;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.puvs:hover{opacity:.9}

.zrjs{font-size:1.45rem;margin-bottom:.45rem}
.tbdu p{margin-bottom:.55rem}
.tbdu p:last-child{margin-bottom:0}
.kfsy{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.uaij{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.uaij:hover{opacity:.92}
.otrm{background:#282829;color:#FFFFFF;border-top:4px solid #3E5A64}
.kmgv{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}
.otrm h2,.otrm p{color:#FFFFFF}
.cywv{display:inline-block;background:#FCFBF9;color:#282829;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.kfsy{color:#a0a0a1}
.vrbq::before{content:"\2713\00a0"}
.uaij{background:#A82420;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.kmgv{display:block} .cywv{transform:none;max-width:none;margin-bottom:.6rem} .uaij{display:block;text-align:center;margin-top:1rem}}
.lxdk{background:#FCFBF9;border-top:3px double #D7D2CB}
.lxdk .algg{padding:2.64rem 1.5rem}
.iaxk{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.nqdz{font-style:italic;margin-bottom:.8rem}
.zldu{font-size:.9rem;margin-bottom:.8rem}
.beuw{font-size:.85rem;color:#636466}
.lxdk .beuw{opacity:.85}
.rbvt{color:#636466;font-size:.92rem}
.lxdk .beuw{color:#717273;opacity:1}
@media(max-width:760px){
  .dzec .algg{grid-template-columns:1fr;gap:1.5rem}
  .iaxk{grid-template-columns:1fr}
  .uros .algg{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .uros .ufbg{border-top:0;padding-top:0}
  .uros .wczw{display:flex}
  .uros .ufbg{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D7D2CB;padding-top:.4rem;margin-top:.4rem}
  .uros .ufbg[data-open="true"]{display:flex}
  .uros .zfeo{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Queen Creek Joint Answers — answer-led editorial system. */

:root {
  --qa-paper: #FCFBF9;
  --qa-panel: #F3F1EE;
  --qa-soft: #E7E2DC;
  --qa-ink: #282829;
  --qa-muted: #636466;
  --qa-red: #A82420;
  --qa-slate: #3E5A64;
  --qa-line: #D7D2CB;
  --qa-white: #FFFFFF;
  --qa-qmark: 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.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9.5 9a2.8 2.8 0 1 1 4 2.55c-.95.45-1.5 1.15-1.5 2.05%22/%3E%3Cpath d=%22M12 17.5h.01%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.25%22/%3E%3C/svg%3E");
  --qa-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.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.25%22/%3E%3Cpath d=%22m7.8 12.3 2.75 2.75 5.85-6.1%22/%3E%3C/svg%3E");
  --qa-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.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 10c0 4.8-7.5 11.5-7.5 11.5S4.5 14.8 4.5 10a7.5 7.5 0 1 1 15 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.35%22/%3E%3C/svg%3E");
  --qa-doc: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 2.75h7l4 4V21.25h-11Z%22/%3E%3Cpath d=%22M13.5 2.75v4h4M9 12h6M9 16h6%22/%3E%3C/svg%3E");
  --qa-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.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h13M13 7l5 5-5 5%22/%3E%3C/svg%3E");
}

html {
  scroll-padding-top: 1.5rem;
}

body {
  color: var(--qa-ink);
  letter-spacing: -.006em;
}

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

body p,
body li {
  text-wrap: pretty;
}

/* Masthead: a publication identity, not an app clone. */
.uros {
  position: relative;
  border-bottom: 0;
  background: var(--qa-paper);
}

.uros::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--qa-red) 0 16%, var(--qa-line) 16% 100%);
}

.uros .algg {
  max-width: 78rem;
  padding: 1rem 1.5rem 1.15rem;
  align-items: center;
}

.wscu {
  position: relative;
  display: inline-block;
  max-width: 18rem;
  padding: .35rem 0 .38rem 3.35rem;
  color: var(--qa-ink);
  font-size: 1.03rem;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.wscu::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: -.05rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border: 1px solid var(--qa-red);
  background: var(--qa-red);
  color: var(--qa-white);
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 1.62rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: .28rem .28rem 0 var(--qa-soft);
}

.wscu::after {
  content: "";
  position: absolute;
  left: 3.35rem;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--qa-red), var(--qa-line));
}

.jzcq {
  margin: -.1rem 0 0 3.35rem;
  color: var(--qa-muted);
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ufbg {
  gap: .15rem;
  align-items: center;
}

.zfeo {
  position: relative;
  padding: .45rem .52rem;
  color: var(--qa-ink);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: -.01em;
}

.zfeo::after {
  content: "";
  position: absolute;
  right: .5rem;
  bottom: .2rem;
  left: .5rem;
  height: 2px;
  background: var(--qa-red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.zfeo:hover::after {
  transform: scaleX(1);
}

/* Offset answer-card hero. */
.dzec {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 0 74%, var(--qa-panel) 74% 100%),
    var(--qa-paper);
}

.dzec::before {
  content: "";
  position: absolute;
  right: -6rem;
  top: -4rem;
  width: 30rem;
  height: 30rem;
  border: 1px solid var(--qa-line);
  border-radius: 50%;
  background: repeating-radial-gradient(circle at center, transparent 0 1.45rem, var(--qa-line) 1.45rem calc(1.45rem + 1px));
  opacity: .7;
}

.dzec .algg {
  position: relative;
  max-width: 70rem;
  margin: 0 auto;
  border-left: 0;
  padding: 4.9rem 1.5rem 5.7rem;
}

.hiyb {
  position: relative;
  width: min(48rem, calc(100% - 4rem));
  border: 1px solid var(--qa-line);
  border-top: 5px solid var(--qa-red);
  background: var(--qa-paper);
  padding: 2.5rem 2.7rem 2.8rem;
  box-shadow: 1rem 1rem 0 var(--qa-soft), 0 18px 50px -38px var(--qa-ink);
}

.hiyb::after {
  content: "Evidence note  /  Queen Creek";
  position: absolute;
  right: 1.1rem;
  bottom: -2.05rem;
  color: var(--qa-muted);
  font-family: 'Inter', sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dnxd {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1rem;
  color: var(--qa-red);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.dnxd::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--qa-red);
  -webkit-mask: var(--qa-qmark) center / contain no-repeat;
  mask: var(--qa-qmark) center / contain no-repeat;
}

.cnqe {
  max-width: 17ch;
  margin-bottom: 1.25rem;
  font-size: clamp(2.35rem, 5.1vw, 4.5rem);
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.zjcg {
  max-width: 40rem;
  margin: 0;
  color: var(--qa-muted);
  font-size: 1.08rem;
  line-height: 1.62;
}

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

.odvi {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--qa-line);
  border-radius: 999px;
  background: var(--qa-panel);
  padding: .4rem .7rem;
  color: var(--qa-ink);
  font-size: .73rem;
  font-weight: 600;
  line-height: 1.2;
}

.odvi::before {
  content: "";
  width: .88rem;
  height: .88rem;
  margin-right: .35rem;
  background: var(--qa-red);
  -webkit-mask: var(--qa-check) center / contain no-repeat;
  mask: var(--qa-check) center / contain no-repeat;
}

/* The inverted recommendation reads like a pinned editorial answer. */
.otrm {
  position: relative;
  background: #282829;
  border-top: 0;
  border-bottom: 5px solid var(--qa-red);
}

.kmgv {
  max-width: 68rem;
  padding: 2rem 1.5rem 2.1rem;
  grid-template-columns:minmax(0, 1fr) auto;
}

.ecwk {
  position: relative;
  padding-left: 3.25rem;
}

.ecwk::before {
  content: "";
  position: absolute;
  left: 0;
  top: .1rem;
  width: 2.35rem;
  height: 2.35rem;
  background: var(--qa-white);
  -webkit-mask: var(--qa-check) center / contain no-repeat;
  mask: var(--qa-check) center / contain no-repeat;
}

.cywv {
  border: 1px solid var(--qa-line);
  border-radius: 999px;
  background: #FCFBF9;
  color: #282829;
  padding: .3rem .66rem;
  font-size: .67rem;
  letter-spacing: .14em;
}

.zrjs {
  max-width: 34rem;
  color: var(--qa-white);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  line-height: 1.22;
}

.kfsy {
  gap: .4rem 1.2rem;
}

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

.vrbq::before {
  content: "";
  width: .9rem;
  height: .9rem;
  margin-right: .32rem;
  background: var(--qa-white);
  -webkit-mask: var(--qa-check) center / contain no-repeat;
  mask: var(--qa-check) center / contain no-repeat;
}

.uaij,
.puvs {
  position: relative;
  padding-right: 3.1rem;
  border-radius: .2rem;
  box-shadow: .32rem .32rem 0 var(--qa-slate);
  transition: transform .18s ease, box-shadow .18s ease;
}

.uaij::after,
.puvs::after {
  content: "";
  position: absolute;
  right: 1.15rem;
  top: 50%;
  width: 1.1rem;
  height: 1.1rem;
  background: var(--qa-white);
  transform: translateY(-50%);
  -webkit-mask: var(--qa-arrow) center / contain no-repeat;
  mask: var(--qa-arrow) center / contain no-repeat;
}

.uaij:hover,
.puvs:hover {
  transform: translate(.15rem, .15rem);
  box-shadow: .17rem .17rem 0 var(--qa-slate);
}

/* Long-form question rhythm. */
.rssa {
  padding: 3.2rem 0 0;
}

.vcix {
  position: relative;
  max-width: 51rem;
  border-left: 4px solid var(--qa-red);
  padding: .2rem 0 .2rem 1.6rem;
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: clamp(1.08rem, 1.8vw, 1.26rem);
  line-height: 1.7;
}

.vcix::before {
  content: "Start here";
  display: block;
  margin-bottom: .55rem;
  color: var(--qa-red);
  font-family: 'Inter', sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.zjfm {
  max-width: 50rem;
  padding: 2.2rem 0;
}

.zjfm + .zjfm {
  border-top: 1px solid var(--qa-line);
}

.zjfm h2 {
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2.7rem;
  font-size: clamp(1.35rem, 2vw, 1.72rem);
  line-height: 1.3;
  letter-spacing: -.025em;
}

.zjfm h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.08rem;
  width: 1.9rem;
  height: 1.9rem;
  background: var(--qa-red);
  -webkit-mask: var(--qa-qmark) center / contain no-repeat;
  mask: var(--qa-qmark) center / contain no-repeat;
}

.zjfm h3 {
  margin-top: 1.35rem;
  color: var(--qa-slate);
  font-family: 'Inter', sans-serif;
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.zjfm blockquote {
  border: 0;
  border-left: 5px solid var(--qa-red);
  background: var(--qa-panel);
  padding: 1.1rem 1.3rem;
  color: var(--qa-ink);
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 1.05rem;
}

.orxb {
  border: 1px solid var(--qa-line);
  box-shadow: .4rem .4rem 0 var(--qa-soft);
}

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

th {
  border-color: var(--qa-line);
  background: var(--qa-ink);
  color: var(--qa-white);
  font-size: .77rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

td {
  border-color: var(--qa-line);
}

tbody tr:nth-child(even) td {
  background: var(--qa-panel);
}

/* Local field note. */
.vjtu {
  position: relative;
  max-width: 51rem;
  margin: 2.6rem auto;
  border: 1px solid var(--qa-line);
  border-left: 7px solid var(--qa-slate);
  border-radius: 0;
  background: var(--qa-panel);
  padding: 2rem 2rem 1.8rem;
  box-shadow: .65rem .65rem 0 var(--qa-soft);
}

.vjtu::before {
  content: "LOCAL FIELD NOTE";
  display: inline-block;
  margin-bottom: .8rem;
  color: var(--qa-slate);
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .17em;
}

.xgcn {
  position: relative;
  padding-left: 2rem;
  font-size: 1.38rem;
}

.xgcn::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.12rem;
  width: 1.45rem;
  height: 1.45rem;
  background: var(--qa-slate);
  -webkit-mask: var(--qa-pin) center / contain no-repeat;
  mask: var(--qa-pin) center / contain no-repeat;
}

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

.rmyo {
  border-top: 1px solid var(--qa-line);
  padding: .7rem 0 0 1.55rem;
}

.rmyo::before {
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background: var(--qa-red);
  -webkit-mask: var(--qa-check) center / contain no-repeat;
  mask: var(--qa-check) center / contain no-repeat;
}

/* Sources become compact evidence records. */
.pavr {
  max-width: 50rem;
  border-top: 3px solid var(--qa-ink);
}

.jsqd {
  min-height: 4.5rem;
  border-top: 0;
  border-bottom: 1px solid var(--qa-line);
  padding: 1.1rem .4rem 1.1rem 3.25rem;
}

.jsqd::before {
  top: 1.15rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--qa-line);
  background: var(--qa-panel);
  color: var(--qa-red);
  font-family: 'Inter', sans-serif;
  font-size: .75rem;
}

.tuxf {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: .94rem;
  line-height: 1.55;
}

.nqlr {
  position: relative;
  padding-left: 1.35rem;
  color: var(--qa-muted);
  line-height: 1.55;
}

.nqlr::before {
  content: "";
  position: absolute;
  left: 0;
  top: .2rem;
  width: .95rem;
  height: .95rem;
  background: var(--qa-red);
  -webkit-mask: var(--qa-doc) center / contain no-repeat;
  mask: var(--qa-doc) center / contain no-repeat;
}

/* FAQ resembles a sequence of well-resolved answers. */
.mpte {
  max-width: 50rem;
  counter-reset: answer;
}

.hnjx {
  position: relative;
  border: 1px solid var(--qa-line);
  border-left: 5px solid var(--qa-red);
  background: var(--qa-paper);
  padding: 1.5rem 1.65rem 1.35rem 4.5rem;
  counter-increment: answer;
}

.hnjx + .hnjx {
  margin-top: .9rem;
}

.hnjx::before {
  content: "A" counter(answer);
  position: absolute;
  left: 1.25rem;
  top: 1.5rem;
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 50%;
  background: var(--qa-panel);
  color: var(--qa-red);
  font-size: .68rem;
  font-weight: 700;
}

.fkmu {
  position: relative;
  margin-bottom: .75rem;
  font-size: 1.18rem;
  line-height: 1.45;
}

.tgsz {
  line-height: 1.72;
}

/* Closing invitation: a ruled conclusion, not a billboard. */
.dska {
  position: relative;
  margin-top: 3rem;
  border: 0;
  border-top: 1px solid var(--qa-line);
  border-bottom: 1px solid var(--qa-line);
  background: var(--qa-panel);
}

.dska::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(20rem, 55vw);
  height: 5px;
  background: var(--qa-red);
  transform: translateX(-50%);
}

.ovpv {
  max-width: 51rem;
  padding: 3.1rem 1.5rem 3.3rem;
}

.ovpv h2 {
  max-width: 24ch;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.ovpv p {
  max-width: 44rem;
  margin-right: auto;
  margin-left: auto;
}

.puvs {
  margin-top: .4rem;
  background: var(--qa-red);
  color: var(--qa-white);
  font-size: .94rem;
  font-weight: 700;
}

/* Footer reads as the colophon of the publication. */
.lxdk {
  border-top: 0;
  background: var(--qa-paper);
}

.lxdk::before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(90deg, var(--qa-red) 0 18%, var(--qa-ink) 18% 100%);
}

.lxdk .algg {
  max-width: 70rem;
  padding: 2.7rem 1.5rem;
}

.iaxk {
  grid-template-columns: 1.35fr .65fr;
  gap: 3.5rem;
}

.fiim:first-child {
  border-left: 4px solid var(--qa-red);
  padding-left: 1.3rem;
}

.lxdk .ufbg {
  justify-content: flex-end;
  line-height: 2;
}

.nqdz {
  color: var(--qa-ink);
  font-family: 'Libre Baskerville', Georgia, serif;
  font-style: normal;
}

.zldu,
.beuw {
  color: var(--qa-muted);
}

@media (max-width: 760px) {
  .uros .algg {
    padding: .85rem 1rem 1rem;
  }

  .wscu {
    max-width: 14rem;
    padding-left: 2.85rem;
    font-size: .92rem;
  }

  .wscu::before {
    width: 2.3rem;
    height: 2.3rem;
    font-size: 1.35rem;
  }

  .wscu::after {
    left: 2.85rem;
  }

  .jzcq {
    display: none;
  }

  .dzec::before {
    right: -13rem;
  }

  .dzec .algg {
    padding: 2.7rem 1rem 3.7rem;
  }

  .hiyb {
    width: calc(100% - .75rem);
    padding: 1.65rem 1.35rem 2rem;
    box-shadow: .55rem .55rem 0 var(--qa-soft);
  }

  .hiyb::after {
    display: none;
  }

  .cnqe {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .ecwk {
    padding-left: 0;
  }

  .ecwk::before {
    display: none;
  }

  .rssa {
    padding-top: 2.4rem;
  }

  .vcix,
  .zjfm,
  .vjtu,
  .mpte,
  .pavr {
    max-width: calc(100% - 2rem);
  }

  .vcix {
    padding-left: 1rem;
  }

  .zjfm h2 {
    padding-left: 2.25rem;
  }

  .zjfm h2::before {
    width: 1.55rem;
    height: 1.55rem;
  }

  .vjtu {
    padding: 1.55rem 1.2rem;
    box-shadow: .4rem .4rem 0 var(--qa-soft);
  }

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

  .hnjx {
    padding: 1.25rem 1.1rem 1.2rem 3.55rem;
  }

  .hnjx::before {
    left: .8rem;
    top: 1.25rem;
  }

  .iaxk {
    gap: 1.5rem;
  }

  .lxdk .ufbg {
    justify-content: flex-start;
  }
}