/* generated by render-qck-branded-site.ts */
*{box-sizing:border-box;margin:0}:root{--radius:0.3rem}html{scroll-behavior:smooth}body{background:#F6F1E7;color:#18262B;font:1.04rem/1.7 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:'Trebuchet MS', Arial, sans-serif;line-height:1.12;color:#18262B}a{color:#8B2F45}a:hover{opacity:.84}.dyvk{position:absolute;left:-9999px;top:0;background:#8B2F45;color:#FFFFFF;padding:.65rem 1rem;z-index:30}.dyvk:focus{left:0}.sxmz{max-width:72rem;margin:0 auto;padding:0 1.5rem}.cyyc{background:#F6F1E7;border-bottom:1px solid #B8C8CB}.cyyc .sxmz{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.5rem}.vozn{color:#18262B;font-family:'Trebuchet MS', Arial, sans-serif;font-size:1.15rem;font-weight:800;text-decoration:none}.jhwd{color:#4B5B60;font-size:.86rem}.tbts{display:flex;flex-wrap:wrap;gap:.72rem}.zedo{color:inherit;text-decoration:none;font-size:.82rem}.zsaf{display:none;background:none;border:1px solid currentColor;border-radius:.5rem;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}.zsaf span{display:block;height:2px;background:currentColor}.hzfh{display:block;width:100%;background:#E7EFF2;color:#18262B;border-block:2px solid #B8C8CB;font-size:1rem;line-height:1.55}.qlhf{max-width:72rem;margin:0 auto;padding:1rem 1.5rem}.zydc{font-weight:850;letter-spacing:.04em;margin-bottom:.25rem}.saji{font-size:1rem;max-width:68rem}.mgwa{background:linear-gradient(145deg,#FFFFFF,#f3eaec);border-bottom:1px solid #B8C8CB}.mgwa .sxmz{padding:4.5rem 1.5rem}.fdwi{max-width:58rem}.iwsp{min-height:1rem}.hauc{color:#8B2F45;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin-bottom:1rem}.xkiw{font-size:clamp(2.3rem,6vw,4.7rem);margin-bottom:1.15rem}.utnb{color:#4B5B60;font-size:1.16rem;max-width:48rem}.zfxx{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:.55rem;margin-top:1.5rem}.qjzv{border:1px solid #B8C8CB;background:#F6F1E7;border-radius:999px;padding:.35rem .75rem;font-size:.84rem}.ofrq{padding:2.8rem 0}.nker,.buwa{max-width:49rem;margin:0 auto}.nker{border-left:5px solid #8B2F45;background:#FFFFFF;padding:1.25rem 1.45rem;margin-bottom:2rem;font-size:1.08rem}.buwa{padding:1.35rem 0}.buwa h2{font-size:1.7rem;margin-bottom:.75rem}.buwa p,.buwa li,.nker p{margin-bottom:.88rem}.buwa ul,.buwa ol{padding-left:1.4rem}.iczi{overflow-x:auto;margin:1rem 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid #B8C8CB;padding:.65rem;text-align:left;vertical-align:top}th{background:#FFFFFF}.wliz{max-width:68rem;margin:2.5rem auto}.wvzv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pdwz,.xqcz{grid-column:1/-1}.tdsx{border:1px solid #B8C8CB;border-radius:var(--radius);background:#FFFFFF;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start}.umdi{font-size:1.18rem;margin-bottom:.25rem}.ofpj,.duac{color:#4B5B60;font-size:.9rem}.cqwa{margin:.55rem 0;font-weight:700}.powc{font-weight:750}.xqcz{background:#E7EFF2;border-left:4px solid #8B2F45;padding:1rem 1.2rem;font-size:1rem}.wcqu{background:#18262B;color:#FFFFFF;border-block:1px solid #B8C8CB}.fksi{max-width:48rem;margin:0 auto;padding:2.7rem 1.5rem;text-align:center}.wcqu h2,.wcqu p{color:#FFFFFF}.fksi p{margin:.8rem 0 1.15rem}.qfsk{display:inline-block;background:#8B2F45;color:#FFFFFF;text-decoration:none;font-weight:800;padding:.85rem 1.5rem;border-radius:var(--radius)}.gpeu{background:#FFFFFF;color:#18262B;border-top:1px solid #B8C8CB}.gpeu .sxmz{padding:2.4rem 1.5rem}.fvfg{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1rem}.yyhm{font-weight:700;margin-bottom:.7rem}.zcbq{color:#667478;font-size:.94rem}.ngwm{font-size:.84rem;color:#667478}.akyr{color:#4B5B60;font-size:.92rem}@media(max-width:760px){.cyyc .sxmz{display:flex;flex-direction:row;flex-wrap:wrap;text-align:left}.zsaf{display:flex}.tbts{display:none;flex-basis:100%;flex-direction:column;border-top:1px solid #B8C8CB;padding-top:.5rem}.tbts[data-open="true"]{display:flex}.mgwa .sxmz{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:3rem 1.2rem}.fdwi,.iwsp{width:100%;max-width:100%}.wvzv{grid-template-columns:1fr}.fvfg{grid-template-columns:1fr}}

/* structural variants from design.json */
.cyyc{border-bottom:4px double #B8C8CB} .cyyc .sxmz{display:grid;grid-template-columns:auto minmax(13rem,.7fr) minmax(0,1.3fr)} .cyyc .tbts{justify-content:flex-end}
.mgwa .sxmz{display:grid;grid-template-columns:5rem minmax(0,1fr)} .iwsp{height:100%;border-left:1px solid #B8C8CB;border-right:7px solid #8B2F45}
.gpeu{background:#18262B;color:#FFFFFF} .gpeu p,.gpeu a{color:#FFFFFF} .gpeu .zcbq,.gpeu .ngwm{color:#959b9d}
@media(max-width:760px){.cyyc .sxmz{display:flex;grid-template-columns:1fr}.cyyc .sxmz>div:last-child{width:100%}.mgwa .sxmz{grid-template-columns:1fr}.iwsp{grid-template-columns:1fr}.fvfg{grid-template-columns:1fr}}

/* ---- per-site theme layer ---- */
/* Voice First Multimodal: a paced reading console for public-source literacy. */
:root {
  --listen-paper: #F6F1E7;
  --listen-card: #FFFFFF;
  --listen-wash: #E7EFF2;
  --listen-ink: #18262B;
  --listen-muted: #4B5B60;
  --listen-rust: #8B2F45;
  --listen-teal: #1F6F78;
  --listen-line: #B8C8CB;
  --listen-shadow: 0 1.2rem 2.8rem rgba(24, 38, 43, 0.11);
}

body {
  background-color: var(--listen-paper);
  background-image:
    linear-gradient(90deg, rgba(31, 111, 120, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(31, 111, 120, 0.025) 1px, transparent 1px);
  background-size: 4.5rem 100%, 100% 2.25rem;
}

.cyyc {
  position: relative;
  z-index: 5;
  background: var(--listen-card);
  border-bottom: 0.38rem solid var(--listen-ink);
  box-shadow: 0 0.45rem 1.5rem rgba(24, 38, 43, 0.08);
}

.cyyc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.38rem;
  width: 31%;
  height: 0.38rem;
  background: var(--listen-rust);
}

.cyyc .sxmz {
  min-height: 6.4rem;
  align-items: center;
  /* The header variant's three-track grid left the nav in a 13rem middle track with
     an empty third track, so eight links stacked two per row at 1440px. */
  grid-template-columns: auto minmax(0, 1fr);
}

.vozn {
  display: inline-block;
  max-width: 22rem;
  color: var(--listen-ink);
  font-size: clamp(1.2rem, 2.2vw, 1.62rem);
  letter-spacing: -0.035em;
}

.vozn::after {
  content: "LISTEN  /  VERIFY  /  LIMIT";
  display: block;
  margin-top: 0.35rem;
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.jhwd {
  max-width: 24rem;
  margin-top: 0.45rem;
  color: var(--listen-muted);
  font-size: 0.86rem;
}

.tbts {
  justify-content: flex-end;
  align-items: center;
}

.zedo {
  border-bottom: 0.15rem solid transparent;
  padding: 0.38rem 0.08rem;
  color: var(--listen-ink);
  font-weight: 720;
  transition: border-color 150ms ease, color 150ms ease;
}

.zedo:hover,
.zedo:focus-visible {
  border-bottom-color: var(--listen-rust);
  color: var(--listen-rust);
  opacity: 1;
}

.zsaf {
  border-color: var(--listen-ink);
  color: var(--listen-ink);
}

.hzfh {
  display: block;
  width: 100%;
  background: #E7EFF2;
  color: #18262B;
  border-top: 0.18rem solid #1F6F78;
  border-bottom: 0.18rem solid #1F6F78;
  font-size: 1rem;
  line-height: 1.62;
  opacity: 1;
}

.qlhf {
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  padding: 1.05rem 1.5rem 1.1rem;
}

.zydc {
  color: #712337;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.saji {
  width: 100%;
  max-width: 68rem;
  color: #18262B;
  font-size: 1rem;
  line-height: 1.62;
}

.mgwa {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.98) 0 68%, rgba(231, 239, 242, 0.92) 68% 100%);
  border-bottom: 1px solid var(--listen-line);
}

.mgwa::before {
  content: "SOURCE SIGNAL";
  position: absolute;
  right: 1.6rem;
  bottom: 1.3rem;
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.15em;
  writing-mode: vertical-rl;
}

.mgwa .sxmz {
  min-height: 31rem;
  align-items: stretch;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}

.iwsp {
  position: relative;
  min-height: 100%;
  border-left: 1px solid var(--listen-line);
  border-right: 0.48rem solid var(--listen-rust);
  background:
    repeating-linear-gradient(
      90deg,
      var(--listen-teal) 0,
      var(--listen-teal) 0.18rem,
      transparent 0.18rem,
      transparent 1.2rem
    );
}

.iwsp::after {
  content: "";
  position: absolute;
  inset: 38% -0.48rem auto auto;
  width: 1.5rem;
  height: 0.48rem;
  background: var(--listen-rust);
}

.fdwi {
  align-self: center;
  padding-left: clamp(0.4rem, 2vw, 1.8rem);
}

.hauc {
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0.15em;
}

.xkiw {
  max-width: 16ch;
  font-size: clamp(2.7rem, 6.6vw, 5.6rem);
  letter-spacing: -0.065em;
  text-wrap: balance;
}

.utnb {
  max-width: 46rem;
  color: var(--listen-muted);
  font-size: clamp(1.06rem, 1.8vw, 1.25rem);
}

.zfxx {
  gap: 0.7rem;
}

.qjzv {
  border: 1px solid var(--listen-line);
  border-radius: 0.2rem;
  background: var(--listen-card);
  color: var(--listen-ink);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-weight: 750;
  box-shadow: 0.22rem 0.22rem 0 var(--listen-line);
}

.ofrq {
  padding-top: 4.2rem;
  padding-bottom: 4.8rem;
}

.nker {
  position: relative;
  border: 1px solid var(--listen-line);
  border-left: 0.55rem solid var(--listen-rust);
  border-radius: 0;
  background: var(--listen-card);
  box-shadow: var(--listen-shadow);
}

.nker::before {
  content: "ON-RAMP  00:00";
  display: block;
  margin-bottom: 0.6rem;
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.buwa {
  position: relative;
  padding-top: 2.15rem;
  padding-bottom: 2.15rem;
}

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

.buwa::before {
  content: "CUE";
  display: inline-block;
  margin-bottom: 0.7rem;
  padding: 0.2rem 0.45rem;
  background: var(--listen-wash);
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.buwa h2 {
  max-width: 28ch;
  font-size: clamp(1.75rem, 3.2vw, 2.45rem);
  letter-spacing: -0.04em;
}

.buwa h2::after {
  content: "";
  display: block;
  width: 6rem;
  height: 0.28rem;
  margin-top: 0.75rem;
  background:
    linear-gradient(90deg, var(--listen-rust) 0 27%, transparent 27% 34%, var(--listen-teal) 34% 74%, transparent 74% 81%, var(--listen-rust) 81% 100%);
}

.buwa p,
.buwa li {
  color: #26383D;
}

.buwa strong {
  color: var(--listen-ink);
}

.wliz {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.pdwz {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.25rem solid var(--listen-ink);
}

.pdwz::after {
  content: "RENDERER-OWNED SOURCE";
  color: var(--listen-teal);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.tdsx {
  position: relative;
  overflow: hidden;
  min-height: 16.5rem;
  border: 1px solid var(--listen-line);
  border-radius: 0.28rem;
  background: var(--listen-card);
  box-shadow: 0 0.75rem 1.7rem rgba(24, 38, 43, 0.09);
}

.tdsx::before {
  content: "SOURCE CHANNEL";
  width: 100%;
  margin: -1.25rem -1.25rem 1rem;
  padding: 0.58rem 1.25rem;
  background: var(--listen-ink);
  color: #FFFFFF;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.tdsx::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24%;
  height: 0.28rem;
  background: var(--listen-rust);
}

.umdi {
  color: var(--listen-ink);
  font-size: 1.28rem;
  letter-spacing: -0.025em;
}

.ofpj,
.duac {
  color: var(--listen-muted);
}

.cqwa {
  color: var(--listen-teal);
  text-decoration-thickness: 0.13rem;
  text-underline-offset: 0.22rem;
}

.powc {
  width: 100%;
  margin-top: 0.34rem;
  padding: 0.5rem 0.68rem;
  border-left: 0.24rem solid var(--listen-rust);
  background: var(--listen-wash);
  color: var(--listen-ink);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.duac {
  margin-top: auto;
  padding-top: 0.8rem;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-weight: 720;
}

.xqcz {
  border: 1px solid var(--listen-line);
  border-left: 0.55rem solid var(--listen-teal);
  border-radius: 0;
  background: var(--listen-card);
  color: var(--listen-ink);
  box-shadow: 0.35rem 0.35rem 0 var(--listen-line);
}

.wcqu {
  position: relative;
  background:
    linear-gradient(120deg, var(--listen-ink) 0 73%, #23383E 73% 100%);
}

.wcqu::before {
  content: "CONVERSION LANE  /  SEPARATE FROM SOURCE EVIDENCE";
  display: block;
  padding: 0.62rem 1rem;
  background: var(--listen-rust);
  color: #FFFFFF;
  text-align: center;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.fksi {
  padding-top: 3.4rem;
  padding-bottom: 3.6rem;
}

.qfsk {
  border: 2px solid #FFFFFF;
  border-radius: 0.2rem;
  background: #A94058;
  color: #FFFFFF;
  box-shadow: 0.4rem 0.4rem 0 var(--listen-teal);
  transition: transform 150ms ease, box-shadow 150ms ease;
}

.qfsk:hover,
.qfsk:focus-visible {
  color: #FFFFFF;
  opacity: 1;
  transform: translate(0.12rem, 0.12rem);
  box-shadow: 0.25rem 0.25rem 0 var(--listen-teal);
}

.gpeu {
  position: relative;
  background: var(--listen-ink);
  border-top: 0.35rem solid var(--listen-teal);
}

.gpeu::before {
  content: "END OF RECORD";
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  color: #C9D6D9;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.fvfg {
  align-items: start;
}

.yyhm {
  max-width: 54rem;
}

.zcbq,
.ngwm,
.akyr {
  color: #C9D6D9;
}

@media (max-width: 760px) {
  body {
    background-size: 100% 100%, 100% 2.25rem;
  }

  .cyyc .sxmz,
  .mgwa .sxmz,
  .wvzv,
  .fvfg,
  .pdwz {
    grid-template-columns: 1fr;
  }

  .cyyc .sxmz {
    min-height: auto;
  }

  .mgwa::before,
  .gpeu::before {
    display: none;
  }

  .mgwa .sxmz {
    min-height: auto;
    padding-top: 3.1rem;
    padding-bottom: 3.4rem;
  }

  .iwsp {
    width: 100%;
    min-height: 1.15rem;
    height: 1.15rem;
    border-left: 0;
    border-right: 0;
    border-bottom: 0.32rem solid var(--listen-rust);
  }

  .iwsp::after {
    inset: auto 38% -0.32rem auto;
    width: 2.4rem;
    height: 0.32rem;
  }

  .fdwi {
    padding-left: 0;
  }

  .xkiw {
    max-width: 100%;
    font-size: clamp(2.3rem, 12vw, 3.65rem);
  }

  .pdwz {
    display: grid;
    align-items: start;
  }

  .tdsx {
    min-height: 0;
  }

  .qlhf,
  .zydc,
  .saji {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zedo,
  .qfsk {
    transition: none;
  }
}