/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.75rem}
html{scroll-behavior:smooth}
body{background:#FAFAF8;color:#202020;font-family:'DM 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:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.2;color:#202020}
a{color:#B8322B}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#F3F1EF;padding:.1em .35em;border-radius:4px;font-size:.9em}
.ikhs{position:absolute;left:-9999px;top:0;background:#B8322B;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.ikhs:focus{left:0}
.hmpp{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.iigl{font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.zffq{color:#5B5753;font-size:.85rem}
.mfdo{display:flex;flex-wrap:wrap;gap:1.1rem}
.bazg{text-decoration:none;color:inherit;font-size:.95rem}
.bazg:hover{color:#B8322B;opacity:1}
.odgu{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}
.odgu span{display:block;height:2px;background:currentColor;border-radius:2px}
.odgu[aria-expanded="true"] span:nth-child(2){opacity:0}
.tjht{border-bottom:3px double #DEDAD7;background:#FAFAF8} .tjht .hmpp{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .tjht .mfdo{justify-content:flex-end}
.xjxg{background:linear-gradient(160deg, #FFFFFF, #f6e6e6)} .xjxg .hmpp{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .mvie{justify-content:center}
.zgjf{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#B8322B;font-weight:600;margin-bottom:.8rem}
.jpbm{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.pukk{font-size:1.15rem;color:#5B5753;max-width:44rem;margin:0 auto}
.mvie{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.orua{border:1px solid #DEDAD7;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.fleh{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.gvaz,.rosi,.fvge{max-width:46rem;margin-left:auto;margin-right:auto}
.gvaz{padding:1.68rem 0}
.gvaz h2{font-size:1.6rem;margin-bottom:.8rem}
.gvaz h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.gvaz p,.gvaz li,.rosi p{margin-bottom:.85rem}
.gvaz ul,.gvaz ol{padding-left:1.4rem}
.rosi{font-size:1.12rem}
.fvge{background:#FFFFFF;border:1px solid #DEDAD7;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.gfzy{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #DEDAD7;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #B8322B;padding:.2rem 0 .2rem 1rem;color:#5B5753;margin:1rem 0}
.aeux{max-width:46rem;margin:2.16rem auto;background:#fbf3f2;border:1px solid #DEDAD7;border-radius:var(--radius);padding:1.4rem 1.6rem}
.qwxx{font-size:1.25rem;margin-bottom:.7rem}
.ogyd{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.ksnv{padding-left:1.1rem;position:relative;font-size:.95rem}
.ksnv::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#B8322B}
.tvsy{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.qain{border-top:1px solid #DEDAD7;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.qain::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#B8322B}
.geyd{margin-bottom:.3rem}
.ckdq{font-size:.88rem;color:#5B5753}
.rrat{max-width:46rem;margin:0 auto}
.rgdb{border-bottom:1px solid #DEDAD7;padding:1.32rem 0}
.kjik{font-size:1.15rem;margin-bottom:.5rem}
.mbla{color:#202020}
.jgzl{background:#eaefef;border-top:1px solid #DEDAD7;border-bottom:1px solid #DEDAD7;margin:2.4rem 0 0}
.jacl{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.jacl h2{margin-bottom:.7rem}
.jacl p{margin-bottom:1.1rem}
.dhjp{display:inline-block;background:#B8322B;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.dhjp:hover{opacity:.9}

.fbsy{font-size:1.45rem;margin-bottom:.45rem}
.tgru p{margin-bottom:.55rem}
.tgru p:last-child{margin-bottom:0}
.ztey{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.qmty{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.qmty:hover{opacity:.92}
.bdgd{background:#202020;color:#FFFFFF;border-top:4px solid #2D5F5D}
.ahub{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}
.bdgd h2,.bdgd p{color:#FFFFFF}
.fikn{display:inline-block;background:#FAFAF8;color:#202020;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.ztey{color:#989898}
.ynom::before{content:"\2713\00a0"}
.qmty{background:#B8322B;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.ahub{display:block} .fikn{transform:none;max-width:none;margin-bottom:.6rem} .qmty{display:block;text-align:center;margin-top:1rem}}
.goby{background:#FFFFFF;border-top:1px solid #DEDAD7}
.goby .hmpp{padding:2.64rem 1.5rem}
.yanb{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.irxu{font-style:italic;margin-bottom:.8rem}
.zzvl{font-size:.9rem;margin-bottom:.8rem}
.bwzb{font-size:.85rem;color:#5B5753}
.goby .bwzb{opacity:.85}
.iica{color:#5B5753;font-size:.92rem}
@media(max-width:760px){
  .xjxg .hmpp{grid-template-columns:1fr;gap:1.5rem}
  .yanb{grid-template-columns:1fr}
  .tjht .hmpp{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .tjht .mfdo{border-top:0;padding-top:0}
  .tjht .odgu{display:flex}
  .tjht .mfdo{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #DEDAD7;padding-top:.4rem;margin-top:.4rem}
  .tjht .mfdo[data-open="true"]{display:flex}
  .tjht .bazg{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Glendale Knee Ledger — Todoist-inspired editorial task system */

:root {
  --ledger-red: #B8322B;
  --ledger-ink: #202020;
  --ledger-muted: #5B5753;
  --ledger-paper: #FFFFFF;
  --ledger-soft: #F3F1EF;
  --ledger-line: #DEDAD7;
  --ledger-teal: #2D5F5D;
  --ledger-shadow: 0 18px 50px rgba(32, 32, 32, 0.08);
}

html {
  scroll-behavior: smooth;
}

body {
  background-image:
    radial-gradient(circle at 8% 7%, rgba(184, 50, 43, 0.045) 0 9rem, transparent 9.1rem),
    radial-gradient(circle at 94% 30%, rgba(45, 95, 93, 0.035) 0 12rem, transparent 12.1rem);
  letter-spacing: -0.005em;
}

img {
  max-width: 100%;
  height: auto;
}

.ikhs:focus {
  border-radius: 0 0 0.65rem 0;
  box-shadow: 0 0 0 4px rgba(184, 50, 43, 0.22);
}

/* Masthead and wordmark */
.tjht {
  border-bottom: 0;
  background: rgba(250, 250, 248, 0.96);
  box-shadow: 0 1px 0 var(--ledger-line);
}

.iigl {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: var(--ledger-ink);
  font-size: 1.02rem;
  font-weight: 750;
  letter-spacing: -0.04em;
  line-height: 1;
  white-space: nowrap;
}

.iigl::before {
  content: "✓";
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.64rem;
  background: var(--ledger-red);
  color: #FFFFFF;
  box-shadow: 0 5px 14px rgba(184, 50, 43, 0.22);
  font-size: 1.05rem;
  font-weight: 800;
  transform: rotate(-3deg);
}

.iigl::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.48rem;
  width: 2.25rem;
  height: 2px;
  border-radius: 9px;
  background: var(--ledger-red);
}

.zffq {
  margin-left: 0.1rem;
  font-size: 0.71rem;
  font-weight: 600;
  letter-spacing: 0.045em;
}

.mfdo {
  gap: 0.18rem;
}

.bazg {
  position: relative;
  border-radius: 0.55rem;
  color: var(--ledger-muted);
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0;
  text-decoration: none;
}

.tjht .bazg {
  padding: 0.55rem 0.66rem;
}

.bazg:hover,
.bazg:focus-visible {
  background: var(--ledger-soft);
  color: var(--ledger-red);
}

.odgu {
  border: 1px solid var(--ledger-line);
  border-radius: 0.65rem;
  background: var(--ledger-paper);
  box-shadow: 0 4px 14px rgba(32, 32, 32, 0.06);
}

/* Asymmetric hero: headline at left, an abstract completed-task field at right */
.xjxg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid rgba(222, 218, 215, 0.7);
  border-bottom: 1px solid var(--ledger-line);
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.78), rgba(246, 230, 230, 0.93)),
    repeating-linear-gradient(0deg, transparent 0 43px, rgba(184, 50, 43, 0.055) 43px 44px);
}

.xjxg::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: max(3vw, calc((100vw - 1120px) / 2));
  width: min(29vw, 21rem);
  aspect-ratio: 1 / 0.88;
  border: 1px solid rgba(184, 50, 43, 0.22);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 1.7rem 2.2rem, var(--ledger-red) 0 0.38rem, transparent 0.42rem),
    radial-gradient(circle at 1.7rem 5.45rem, var(--ledger-teal) 0 0.38rem, transparent 0.42rem),
    radial-gradient(circle at 1.7rem 8.7rem, var(--ledger-red) 0 0.38rem, transparent 0.42rem),
    linear-gradient(var(--ledger-line), var(--ledger-line)) 3rem 2.15rem / calc(100% - 4.3rem) 2px no-repeat,
    linear-gradient(var(--ledger-line), var(--ledger-line)) 3rem 5.4rem / calc(100% - 6rem) 2px no-repeat,
    linear-gradient(var(--ledger-line), var(--ledger-line)) 3rem 8.65rem / calc(100% - 5rem) 2px no-repeat,
    rgba(255, 255, 255, 0.82);
  box-shadow: var(--ledger-shadow);
  transform: translateY(-46%) rotate(3deg);
}

.xjxg::after {
  content: "✓";
  position: absolute;
  z-index: -1;
  right: max(5vw, calc((100vw - 1040px) / 2));
  bottom: 1.5rem;
  display: grid;
  width: 3.3rem;
  height: 3.3rem;
  place-items: center;
  border-radius: 50%;
  background: var(--ledger-red);
  color: #FFFFFF;
  box-shadow: 0 10px 28px rgba(184, 50, 43, 0.24);
  font-size: 1.65rem;
  font-weight: 800;
  transform: rotate(-6deg);
}

.vcfm {
  position: relative;
  z-index: 1;
  max-width: 66%;
  padding-top: clamp(3.8rem, 8vw, 7.2rem);
  padding-bottom: clamp(4rem, 8vw, 7.5rem);
}

.zgjf {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
  color: var(--ledger-red);
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.zgjf::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--ledger-red);
  border-radius: 50%;
  background: radial-gradient(circle, var(--ledger-red) 0 0.2rem, transparent 0.23rem);
}

.jpbm {
  max-width: 16ch;
  font-size: clamp(2.45rem, 5.6vw, 5rem);
  font-weight: 720;
  line-height: 0.99;
  letter-spacing: -0.062em;
  text-wrap: balance;
}

.pukk {
  max-width: 57ch;
  margin-top: 1.5rem;
  font-size: clamp(1.02rem, 1.7vw, 1.2rem);
  line-height: 1.72;
}

.mvie {
  gap: 0.6rem;
  margin-top: 1.65rem;
}

.orua {
  border: 1px solid rgba(184, 50, 43, 0.25);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--ledger-ink);
  box-shadow: 0 3px 10px rgba(32, 32, 32, 0.035);
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}

.orua::before {
  content: "✓";
  margin-right: 0.38rem;
  color: var(--ledger-red);
  font-weight: 850;
}

/* Article rhythm */
.fleh {
  counter-reset: ledger-section;
  max-width: 72rem;
  padding-top: clamp(3.5rem, 7vw, 6.5rem);
  padding-bottom: clamp(4rem, 8vw, 7.5rem);
}

.rosi {
  position: relative;
  max-width: 50rem;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
  padding: 1.8rem 2rem 1.8rem 2.2rem;
  border: 1px solid var(--ledger-line);
  border-left: 4px solid var(--ledger-red);
  border-radius: 0 1rem 1rem 0;
  background: var(--ledger-paper);
  box-shadow: 0 14px 35px rgba(32, 32, 32, 0.055);
  font-size: clamp(1.08rem, 1.65vw, 1.28rem);
  line-height: 1.75;
}

.rosi::before {
  content: "READ FIRST";
  position: absolute;
  top: -0.68rem;
  left: 1.55rem;
  padding: 0.27rem 0.58rem;
  border-radius: 999px;
  background: var(--ledger-red);
  color: #FFFFFF;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.rosi p:first-child {
  margin-top: 0.3rem;
}

.gvaz {
  counter-increment: ledger-section;
  position: relative;
  max-width: 50rem;
  margin: 0 auto;
  padding: clamp(2.9rem, 6vw, 5.2rem) 0;
  border-top: 1px solid var(--ledger-line);
}

.gvaz:first-of-type {
  border-top: 0;
}

.gvaz h2 {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
  margin-bottom: 1.45rem;
  color: var(--ledger-ink);
  font-size: clamp(1.65rem, 3.1vw, 2.55rem);
  font-weight: 720;
  line-height: 1.1;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.gvaz h2::before {
  content: counter(ledger-section, decimal-leading-zero);
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  margin-top: 0.05rem;
  border: 1px solid rgba(184, 50, 43, 0.34);
  border-radius: 50%;
  color: var(--ledger-red);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.gvaz p {
  max-width: 69ch;
  font-size: 1.01rem;
  line-height: 1.82;
}

.gvaz p + p {
  margin-top: 1.15rem;
}

.gvaz strong {
  color: var(--ledger-ink);
  font-weight: 750;
}

blockquote {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 3px solid var(--ledger-teal);
  border-radius: 0 0.7rem 0.7rem 0;
  background: var(--ledger-soft);
  color: var(--ledger-ink);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--ledger-line);
  border-radius: 0.8rem;
  background: var(--ledger-paper);
}

/* Above-fold recommendation: preserve the assigned inverted-band colors */
.bdgd {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.09);
}

.bdgd::before {
  content: "";
  position: absolute;
  top: -4.5rem;
  right: 5%;
  width: 15rem;
  height: 15rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  box-shadow: 0 0 0 2.4rem rgba(255, 255, 255, 0.035), 0 0 0 4.8rem rgba(255, 255, 255, 0.025);
}

.ahub {
  position: relative;
  z-index: 1;
  gap: clamp(1.3rem, 4vw, 3rem);
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.zkbd {
  max-width: 48rem;
}

.fikn {
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fbsy {
  margin-top: 0.9rem;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  font-weight: 720;
  line-height: 1.12;
  letter-spacing: -0.04em;
}

.tgru {
  max-width: 66ch;
  font-size: 0.97rem;
  line-height: 1.68;
}

.ztey {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.15rem;
  margin-top: 1rem;
}

.ynom {
  position: relative;
  padding-left: 1.35rem;
  font-size: 0.78rem;
  font-weight: 650;
}

.ynom::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 0.62rem;
}

.qmty {
  border-radius: 0.7rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}

.qmty::after,
.dhjp::after {
  content: " →";
  display: inline-block;
  margin-left: 0.35rem;
  transition: transform 160ms ease;
}

.qmty:hover::after,
.dhjp:hover::after {
  transform: translateX(0.22rem);
}

/* Local brief: map-like split ledger */
.aeux {
  position: relative;
  overflow: hidden;
  margin-top: 4.8rem;
  border: 1px solid var(--ledger-line);
  border-radius: 1.15rem;
  background:
    linear-gradient(90deg, transparent 0 3.2rem, rgba(184, 50, 43, 0.1) 3.2rem 3.28rem, transparent 3.28rem),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.72) 0 2.7rem, rgba(222,218,215,0.6) 2.7rem 2.75rem);
  box-shadow: var(--ledger-shadow);
}

.aeux::after {
  content: "GLENDALE / WEST VALLEY";
  position: absolute;
  top: 1.15rem;
  right: -2.2rem;
  padding: 0.35rem 2.5rem;
  background: var(--ledger-teal);
  color: #FFFFFF;
  font-size: 0.61rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  transform: rotate(35deg);
}

.qwxx {
  padding-left: 3.65rem;
  font-size: clamp(1.45rem, 2.8vw, 2.15rem);
  font-weight: 720;
  letter-spacing: -0.04em;
}

.qwxx::before {
  content: "✓";
  position: absolute;
  left: 1.1rem;
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: 2px solid var(--ledger-red);
  border-radius: 50%;
  color: var(--ledger-red);
  font-size: 0.82rem;
}

.ogyd {
  gap: 0;
  padding-left: 3.65rem;
}

.ksnv {
  position: relative;
  padding: 1.15rem 1.2rem 1.15rem 0;
  border-top: 1px solid rgba(222, 218, 215, 0.7);
  font-size: 0.93rem;
  line-height: 1.72;
}

.ksnv::before {
  content: "";
  position: absolute;
  left: -2.55rem;
  top: 1.55rem;
  width: 0.55rem;
  height: 0.55rem;
  border: 2px solid var(--ledger-red);
  border-radius: 50%;
  background: var(--ledger-paper);
}

/* FAQ as a stack of actionable rows */
.rrat {
  max-width: 52rem;
  margin: 0 auto 4rem;
}

.rgdb {
  position: relative;
  margin: 0 0 0.85rem;
  padding: 1.4rem 1.5rem 1.45rem 4rem;
  border: 1px solid var(--ledger-line);
  border-radius: 0.9rem;
  background: var(--ledger-paper);
  box-shadow: 0 7px 24px rgba(32, 32, 32, 0.045);
}

.rgdb::before {
  content: "?";
  position: absolute;
  top: 1.35rem;
  left: 1.25rem;
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border: 2px solid var(--ledger-red);
  border-radius: 50%;
  color: var(--ledger-red);
  font-size: 0.8rem;
  font-weight: 850;
}

.kjik {
  margin: 0;
  font-size: clamp(1.08rem, 2vw, 1.3rem);
  font-weight: 720;
  line-height: 1.3;
  letter-spacing: -0.025em;
}

.mbla {
  margin-top: 0.7rem;
  font-size: 0.95rem;
  line-height: 1.76;
}

/* Sources resemble completed research tasks */
.tvsy {
  max-width: 52rem;
  margin: 4rem auto 0;
  padding-top: 2rem;
  border-top: 2px solid var(--ledger-ink);
}

.tvsy::before {
  content: "SOURCE CHECKLIST";
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--ledger-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.qain {
  position: relative;
  margin: 0;
  padding: 1rem 0 1rem 2.15rem;
  border-top: 1px solid var(--ledger-line);
}

.qain::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1.12rem;
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border: 1.5px solid var(--ledger-teal);
  border-radius: 50%;
  color: var(--ledger-teal);
  font-size: 0.68rem;
  font-weight: 800;
}

.geyd {
  color: var(--ledger-ink);
  font-weight: 650;
}

.ckdq {
  line-height: 1.6;
}

/* CTA becomes the final checked item */
.jgzl {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(45, 95, 93, 0.25);
  border-bottom: 1px solid rgba(45, 95, 93, 0.25);
  background-image:
    radial-gradient(circle at 88% 20%, rgba(45, 95, 93, 0.1) 0 8rem, transparent 8.1rem),
    linear-gradient(135deg, #F3F1EF, #E7EEED);
}

.jacl {
  position: relative;
  max-width: 52rem;
  padding-top: clamp(3.4rem, 7vw, 6rem);
  padding-bottom: clamp(3.4rem, 7vw, 6rem);
}

.jacl::before {
  content: "✓";
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  margin-bottom: 1.15rem;
  border-radius: 0.72rem;
  background: var(--ledger-teal);
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(45, 95, 93, 0.2);
  font-size: 1.25rem;
  font-weight: 850;
  transform: rotate(-3deg);
}

.jacl h2 {
  max-width: 19ch;
  font-size: clamp(1.85rem, 3.8vw, 3.1rem);
  font-weight: 720;
  line-height: 1.05;
  letter-spacing: -0.052em;
}

.jacl p {
  max-width: 66ch;
  font-size: 0.98rem;
  line-height: 1.75;
}

.dhjp {
  border-radius: 0.7rem;
  box-shadow: 0 9px 22px rgba(184, 50, 43, 0.2);
  font-size: 0.89rem;
  font-weight: 800;
}

/* Footer closes like a compact project summary */
.goby {
  border-top: 0;
  background: var(--ledger-paper);
}

.goby::before {
  content: "";
  display: block;
  width: min(72rem, calc(100% - 2rem));
  height: 3px;
  margin: 0 auto;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ledger-red) 0 17%, var(--ledger-line) 17% 100%);
}

.yanb {
  align-items: start;
  padding-top: 2rem;
}

.zxpk:first-child::before {
  content: "GKL";
  display: inline-grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  margin-bottom: 0.8rem;
  border-radius: 0.7rem;
  background: var(--ledger-red);
  color: #FFFFFF;
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.irxu {
  max-width: 52ch;
  color: var(--ledger-ink);
  font-weight: 650;
  line-height: 1.65;
}

.zzvl {
  max-width: 66ch;
  line-height: 1.7;
}

.bwzb {
  padding-bottom: 0.4rem;
}

.iica {
  border-left: 2px solid var(--ledger-red);
  padding-left: 0.9rem;
}

@media (max-width: 900px) {
  .vcfm {
    max-width: 72%;
  }

  .xjxg::before {
    right: -6rem;
    opacity: 0.68;
  }

  .xjxg::after {
    right: 1.5rem;
  }
}

@media (max-width: 760px) {
  .iigl {
    font-size: 0.94rem;
  }

  .iigl::before {
    width: 1.8rem;
    height: 1.8rem;
  }

  .zffq {
    display: none;
  }

  .tjht .bazg {
    padding: 0.75rem 0;
    border-radius: 0;
  }

  .vcfm {
    max-width: 100%;
    padding-top: 3.6rem;
    padding-bottom: 4rem;
  }

  .xjxg::before {
    top: auto;
    right: -5rem;
    bottom: -5.5rem;
    width: 14rem;
    opacity: 0.24;
    transform: rotate(5deg);
  }

  .xjxg::after {
    display: none;
  }

  .jpbm {
    max-width: 18ch;
    font-size: clamp(2.28rem, 12vw, 3.45rem);
  }

  .rosi {
    padding: 1.65rem 1.3rem 1.4rem 1.45rem;
  }

  .gvaz h2 {
    grid-template-columns: 2.1rem minmax(0, 1fr);
    gap: 0.65rem;
  }

  .gvaz h2::before {
    width: 1.9rem;
    height: 1.9rem;
  }

  .ahub {
    padding-top: 2rem;
    padding-bottom: 2.1rem;
  }

  .ztey {
    display: grid;
  }

  .qmty,
  .dhjp {
    width: 100%;
    text-align: center;
  }

  .ksnv {
    padding-right: 0.5rem;
  }

  .rgdb {
    padding: 1.25rem 1.1rem 1.3rem 3.5rem;
  }

  .rgdb::before {
    left: 1rem;
  }
}

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

  .qmty::after,
  .dhjp::after {
    transition: none;
  }
}