/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:1.25rem}
html{scroll-behavior:smooth}
body{background:#FFFFFF;color:#18171A;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:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.2;color:#18171A}
a{color:#B0003A}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E5E5EA;padding:.1em .35em;border-radius:4px;font-size:.9em}
.eutu{position:absolute;left:-9999px;top:0;background:#B0003A;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.eutu:focus{left:0}
.edcv{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.onxj{font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.yiln{color:#55545A;font-size:.85rem}
.kcki{display:flex;flex-wrap:wrap;gap:1.1rem}
.zsuc{text-decoration:none;color:inherit;font-size:.95rem}
.zsuc:hover{color:#B0003A;opacity:1}
.uudh{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}
.uudh span{display:block;height:2px;background:currentColor;border-radius:2px}
.uudh[aria-expanded="true"] span:nth-child(2){opacity:0}
.pdgs{border-bottom:3px double #D1D1D6;background:#FFFFFF} .pdgs .edcv{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .pdgs .kcki{justify-content:flex-end}
.pjkt{background:#FFFFFF} .pjkt .edcv{padding:3.5999999999999996rem 1.5rem;border-left:6px solid #B0003A;margin:2rem auto}
.xlqm{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#B0003A;font-weight:600;margin-bottom:.8rem}
.zmkj{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.ktnx{font-size:1.15rem;color:#55545A;max-width:44rem;margin:0 auto}
.szjq{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.ecfc{border:1px solid #D1D1D6;background:#F4F4F7;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.btms{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.ugbo,.zolt,.zinm{max-width:46rem;margin-left:auto;margin-right:auto}
.ugbo{padding:1.68rem 0}
.ugbo h2{font-size:1.6rem;margin-bottom:.8rem}
.ugbo h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.ugbo p,.ugbo li,.zolt p{margin-bottom:.85rem}
.ugbo ul,.ugbo ol{padding-left:1.4rem}
.zolt{font-size:1.12rem}
.zinm{background:#F4F4F7;border:1px solid #D1D1D6;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.yvcw{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D1D1D6;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F4F4F7}
blockquote{border-left:4px solid #B0003A;padding:.2rem 0 .2rem 1rem;color:#55545A;margin:1rem 0}
.vofs{max-width:46rem;margin:2.16rem auto;background:#f0e5ec;border:1px solid #D1D1D6;border-radius:var(--radius);padding:1.4rem 1.6rem}
.rpci{font-size:1.25rem;margin-bottom:.7rem}
.dmbp{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.ebbi{padding-left:1.1rem;position:relative;font-size:.95rem}
.ebbi::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#B0003A}
.vhfv{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.boia{border-top:1px solid #D1D1D6;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.boia::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:700;color:#B0003A}
.dwug{margin-bottom:.3rem}
.mawp{font-size:.88rem;color:#55545A}
.drwg{max-width:46rem;margin:0 auto}
.ckax{border-bottom:1px solid #D1D1D6;padding:1.32rem 0}
.eshz{font-size:1.15rem;margin-bottom:.5rem}
.inyf{color:#18171A}
.kcce{background:#e7e1f2;border-top:1px solid #D1D1D6;border-bottom:1px solid #D1D1D6;margin:2.4rem 0 0}
.pwjp{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.pwjp h2{margin-bottom:.7rem}
.pwjp p{margin-bottom:1.1rem}
.gjnv{display:inline-block;background:#B0003A;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.gjnv:hover{opacity:.9}

.xpqn{font-size:1.45rem;margin-bottom:.45rem}
.atyk p{margin-bottom:.55rem}
.atyk p:last-child{margin-bottom:0}
.xfbr{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.torg{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.torg:hover{opacity:.92}
.aoum{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}
.mtfc{max-width:64rem;margin:0 auto;background:#FFFFFF;border-top:6px solid #B0003A;border-radius:var(--radius);box-shadow:0 18px 40px -18px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.08);padding:1.6rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.edxm{display:inline-block;background:#B0003A;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;margin-bottom:.6rem}
.xfbr{color:#666666}
.gkgt::before{content:"\2713\00a0";color:#B0003A}
.torg{background:#B0003A;color:#FFFFFF;box-shadow:0 10px 22px -12px #B0003A}
@media (max-width:720px){.mtfc{display:block} .edxm{transform:none;max-width:none;margin-bottom:.6rem} .torg{display:block;text-align:center;margin-top:1rem}}
.xnix{background:#F4F4F7;border-top:1px solid #D1D1D6}
.xnix .edcv{padding:2.64rem 1.5rem}
.vvfa{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.vfnn{font-style:italic;margin-bottom:.8rem}
.qfsn{font-size:.9rem;margin-bottom:.8rem}
.gwoa{font-size:.85rem;color:#55545A}
.xnix .gwoa{opacity:.85}
.ktsx{color:#55545A;font-size:.92rem}
@media(max-width:760px){
  .pjkt .edcv{grid-template-columns:1fr;gap:1.5rem}
  .vvfa{grid-template-columns:1fr}
  .pdgs .edcv{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .pdgs .kcki{border-top:0;padding-top:0}
  .pdgs .uudh{display:flex}
  .pdgs .kcki{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D1D1D6;padding-top:.4rem;margin-top:.4rem}
  .pdgs .kcki[data-open="true"]{display:flex}
  .pdgs .zsuc{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Arthritis Glendale — Apple Music-inspired listening desk for health evidence. */

:root {
  --ag-ink: #18171A;
  --ag-copy: #55545A;
  --ag-red: #B0003A;
  --ag-violet: #6D36C8;
  --ag-pink: #D13969;
  --ag-canvas: #FFFFFF;
  --ag-panel: #F4F4F7;
  --ag-panel-2: #E5E5EA;
  --ag-line: #D1D1D6;
  --ag-shadow: 0 24px 60px -32px rgba(24, 23, 26, .42);
  --ag-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=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E");
  --ag-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=%22black%22 stroke-width=%221.8%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");
  --ag-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=%22black%22 stroke-width=%221.8%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.55 2.55 0 1 1 3.7 2.28c-.9.45-1.4 1.05-1.4 1.82%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");
  --ag-icon-source: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9Z%22/%3E%3Cpath d=%22M14 3v6h6M8 14h8M8 18h5%22/%3E%3C/svg%3E");
  --ag-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=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}

html {
  text-rendering: optimizeLegibility;
}

body {
  color: var(--ag-ink);
  letter-spacing: -.012em;
}

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

body a {
  text-decoration-color: rgba(176, 0, 58, .32);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

/* Library chrome and a logo-like local masthead. */
.pdgs {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--ag-line);
  box-shadow: 0 8px 30px -26px rgba(24, 23, 26, .72);
}

.pdgs .edcv {
  max-width: 82rem;
  padding: 1rem 1.5rem;
  gap: 1.5rem;
}

.onxj {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.9rem;
  padding-left: 3.65rem;
  color: var(--ag-ink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.035em;
}

.onxj::before {
  content: "AG";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: .86rem;
  background: linear-gradient(145deg, var(--ag-pink), var(--ag-red) 48%, var(--ag-violet));
  color: #FFFFFF;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: -.04em;
  box-shadow: 0 11px 25px -15px rgba(109, 54, 200, .9);
}

.onxj::after {
  content: "";
  position: absolute;
  left: 3.65rem;
  bottom: -.28rem;
  width: 3.35rem;
  height: .18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ag-red), var(--ag-violet));
}

.pdgs .yiln {
  margin: -.38rem 0 0 3.65rem;
  color: var(--ag-copy);
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kcki {
  gap: .16rem;
  align-items: center;
}

.zsuc {
  position: relative;
  border-radius: 999px;
  padding: .5rem .62rem;
  color: var(--ag-ink);
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: -.015em;
}

.zsuc::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: .23rem;
  height: .12rem;
  border-radius: 999px;
  background: var(--ag-red);
  transition: left .18s ease, right .18s ease;
}

.zsuc:hover {
  background: var(--ag-panel);
  color: var(--ag-red);
}

.zsuc:hover::after {
  left: .72rem;
  right: .72rem;
}

/* A large album-field hero: editorial copy left, quiet spectrum object right. */
.pjkt {
  position: relative;
  overflow: hidden;
  background: var(--ag-canvas);
  border-bottom: 0;
}

.pjkt::before {
  content: "";
  position: absolute;
  right: -8rem;
  top: -10rem;
  width: 35rem;
  height: 35rem;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 38%, rgba(209, 57, 105, .24), rgba(109, 54, 200, .11) 38%, rgba(244, 244, 247, 0) 69%);
  pointer-events: none;
}

.pjkt .edcv {
  display: block;
  max-width: 76rem;
  margin: 0 auto;
  border-left: 0;
  padding: 5.25rem 1.5rem 6.4rem;
}

.gyaw {
  position: relative;
  min-height: 24rem;
  padding-right: 29rem;
}

.gyaw::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -.6rem;
  right: 1rem;
  width: 21rem;
  height: 21rem;
  border: 1px solid rgba(24, 23, 26, .08);
  border-radius: 3.5rem;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 45%),
    linear-gradient(135deg, var(--ag-pink), var(--ag-red) 46%, var(--ag-violet));
  box-shadow: var(--ag-shadow);
  transform: rotate(4deg);
}

.gyaw::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2.1rem;
  right: 3.75rem;
  width: 16rem;
  height: 16rem;
  border: 1px solid rgba(24, 23, 26, .08);
  border-radius: 3rem;
  background:
    repeating-linear-gradient(90deg, rgba(24, 23, 26, .82) 0 .18rem, transparent .18rem .72rem),
    var(--ag-panel);
  background-size: 100% 3.1rem, auto;
  background-position: center 6.45rem, center;
  background-repeat: no-repeat;
  box-shadow: 0 22px 48px -32px rgba(24, 23, 26, .7);
  transform: rotate(-4deg);
}

.gyaw > * {
  position: relative;
  z-index: 2;
}

.gyaw:not(:has(.ktnx)) {
  min-height: 12rem;
  padding-right: 18rem;
}

.gyaw:not(:has(.ktnx))::before {
  top: -1.3rem;
  right: 2rem;
  width: 13rem;
  height: 13rem;
  border-radius: 2.5rem;
}

.gyaw:not(:has(.ktnx))::after {
  display: none;
}

.xlqm {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.3rem;
  color: var(--ag-red);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.xlqm::before {
  content: "";
  width: 1.65rem;
  height: .18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ag-red), var(--ag-violet));
}

.zmkj {
  max-width: 12.5ch;
  margin-bottom: 1.35rem;
  color: var(--ag-ink);
  font-size: clamp(3.15rem, 6.9vw, 6.45rem);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.075em;
}

.ktnx {
  max-width: 40rem;
  margin: 0;
  color: var(--ag-copy);
  font-size: 1.16rem;
  line-height: 1.62;
  letter-spacing: -.018em;
}

.szjq {
  max-width: 41rem;
  margin-top: 1.8rem;
  gap: .5rem;
}

.ecfc {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: var(--ag-panel);
  padding: .48rem .78rem;
  color: var(--ag-ink);
  font-size: .75rem;
  font-weight: 700;
}

.ecfc::before {
  content: "";
  width: .9rem;
  height: .9rem;
  margin-right: .36rem;
  background: var(--ag-red);
  -webkit-mask: var(--ag-icon-check) center / contain no-repeat;
  mask: var(--ag-icon-check) center / contain no-repeat;
}

/* The required recommendation reads like a featured album, not a default card. */
.aoum {
  position: relative;
  z-index: 3;
  margin-top: -2.5rem;
  padding: 0 1.5rem;
  background: transparent;
}

.mtfc {
  position: relative;
  overflow: hidden;
  max-width: 68rem;
  margin: 0 auto;
  border: 1px solid rgba(24, 23, 26, .09);
  border-top: 0;
  border-radius: 1.75rem;
  background: var(--ag-canvas);
  padding: 2rem 2.1rem 2rem 2.35rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem 2.5rem;
  align-items: center;
  box-shadow: 0 28px 70px -38px rgba(24, 23, 26, .65);
}

.mtfc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: .5rem;
  background: linear-gradient(180deg, var(--ag-pink), var(--ag-red) 48%, var(--ag-violet));
}

.edxm {
  display: inline-block;
  margin-bottom: .72rem;
  border-radius: 999px;
  background: #B0003A;
  padding: .36rem .72rem;
  color: #FFFFFF;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.xpqn {
  max-width: 28ch;
  margin-bottom: .48rem;
  color: var(--ag-ink);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.atyk p {
  max-width: 46rem;
  color: var(--ag-copy);
  line-height: 1.55;
}

.xfbr {
  margin-top: .75rem;
  color: var(--ag-copy);
  font-size: .82rem;
  font-weight: 650;
}

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

.gkgt::before {
  content: "";
  width: .92rem;
  height: .92rem;
  margin-right: .34rem;
  background: var(--ag-red);
  -webkit-mask: var(--ag-icon-check) center / contain no-repeat;
  mask: var(--ag-icon-check) center / contain no-repeat;
}

.torg {
  position: relative;
  border-radius: 999px;
  background: #B0003A;
  padding: .92rem 1.4rem;
  color: #FFFFFF;
  font-size: .88rem;
  font-weight: 750;
  box-shadow: 0 13px 28px -18px rgba(176, 0, 58, .95);
}

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

/* Reading rhythm: a generous lede and numbered tracks for sections. */
.btms {
  padding-top: 5.5rem;
  padding-bottom: 1rem;
}

.btms > .edcv {
  counter-reset: ag-track;
}

.zolt {
  max-width: 51rem;
  margin-bottom: 2.6rem;
  border-left: 0;
  color: var(--ag-ink);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(1.18rem, 2vw, 1.42rem);
  font-weight: 600;
  line-height: 1.62;
  letter-spacing: -.032em;
}

.zolt p:first-child::first-letter {
  float: left;
  margin: .08em .13em 0 0;
  color: var(--ag-red);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 3.7em;
  font-weight: 800;
  line-height: .75;
}

.ugbo {
  position: relative;
  max-width: 51rem;
  padding: 2.35rem 0 2.55rem;
  counter-increment: ag-track;
}

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

.ugbo h2 {
  position: relative;
  margin-bottom: 1.1rem;
  padding-left: 3.5rem;
  color: var(--ag-ink);
  font-size: clamp(1.55rem, 3vw, 2rem);
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: -.045em;
}

.ugbo h2::before {
  content: counter(ag-track, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: .05rem;
  display: grid;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: .8rem;
  background: var(--ag-panel);
  color: var(--ag-red);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
}

.ugbo h3 {
  margin-top: 1.4rem;
  color: var(--ag-ink);
  font-size: 1.16rem;
  font-weight: 750;
  letter-spacing: -.025em;
}

.ugbo p,
.ugbo li {
  line-height: 1.78;
}

.ugbo strong {
  color: var(--ag-ink);
  font-weight: 750;
}

.zinm {
  position: relative;
  overflow: hidden;
  max-width: 51rem;
  border: 1px solid var(--ag-line);
  border-radius: 1.5rem;
  background: var(--ag-panel);
  padding: 1.45rem 1.6rem 1.45rem 1.8rem;
  box-shadow: inset .35rem 0 0 var(--ag-red);
}

.yvcw {
  margin: 1.35rem 0;
  border: 1px solid var(--ag-line);
  border-radius: 1.1rem;
  box-shadow: 0 14px 35px -30px rgba(24, 23, 26, .7);
}

table {
  background: var(--ag-canvas);
  font-size: .91rem;
}

th,
td {
  border-color: var(--ag-line);
  padding: .78rem .82rem;
}

th {
  background: var(--ag-panel);
  color: var(--ag-ink);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

blockquote {
  position: relative;
  border-left: 0;
  border-radius: 1.35rem;
  background: var(--ag-panel);
  padding: 1.35rem 1.5rem 1.35rem 3.6rem;
  color: var(--ag-copy);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
}

blockquote::before {
  content: "“";
  position: absolute;
  left: 1.1rem;
  top: .5rem;
  color: var(--ag-red);
  font-size: 3.3rem;
  font-weight: 800;
  line-height: 1;
}

/* Glendale facts as a location-aware queue. */
.vofs {
  position: relative;
  overflow: hidden;
  max-width: 51rem;
  margin: 2.7rem auto;
  border: 1px solid rgba(24, 23, 26, .1);
  border-radius: 1.7rem;
  background: var(--ag-panel);
  padding: 1.75rem 1.8rem 1.8rem;
  box-shadow: var(--ag-shadow);
}

.vofs::before {
  content: "LOCAL QUEUE";
  display: inline-block;
  margin-bottom: .55rem;
  color: var(--ag-red);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.rpci {
  margin-bottom: .8rem;
  color: var(--ag-ink);
  font-size: 1.55rem;
  font-weight: 780;
  letter-spacing: -.04em;
}

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

.ebbi {
  min-height: 3.3rem;
  border-radius: 1rem;
  background: var(--ag-canvas);
  padding: .78rem .85rem .78rem 2.25rem;
  color: var(--ag-ink);
  font-size: .82rem;
  line-height: 1.45;
}

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

/* FAQs use one consistent, thin-stroke icon language. */
.drwg {
  max-width: 51rem;
}

.ckax {
  position: relative;
  margin-bottom: .8rem;
  border: 1px solid var(--ag-line);
  border-radius: 1.35rem;
  background: var(--ag-canvas);
  padding: 1.4rem 1.5rem 1.45rem 4.1rem;
  box-shadow: 0 15px 34px -32px rgba(24, 23, 26, .7);
}

.ckax::before {
  content: "";
  position: absolute;
  left: 1.35rem;
  top: 1.42rem;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--ag-red);
  -webkit-mask: var(--ag-icon-question) center / contain no-repeat;
  mask: var(--ag-icon-question) center / contain no-repeat;
}

.eshz {
  margin-bottom: .55rem;
  color: var(--ag-ink);
  font-size: 1.14rem;
  font-weight: 760;
  letter-spacing: -.025em;
}

.inyf {
  color: var(--ag-ink);
  line-height: 1.72;
}

/* Source rows resemble a clean track list, with document glyphs instead of counters. */
.vhfv {
  max-width: 51rem;
  margin-top: 3rem;
  padding: 1.15rem 1.3rem;
  border: 1px solid var(--ag-line);
  border-radius: 1.4rem;
  background: var(--ag-panel);
}

.boia {
  min-height: 3.5rem;
  border-top: 1px solid var(--ag-line);
  padding: 1rem .2rem 1rem 2.7rem;
}

.boia:first-child {
  border-top: 0;
}

.boia::before {
  content: "";
  left: .28rem;
  top: 1.18rem;
  width: 1.35rem;
  height: 1.35rem;
  background: var(--ag-red);
  -webkit-mask: var(--ag-icon-source) center / contain no-repeat;
  mask: var(--ag-icon-source) center / contain no-repeat;
}

.dwug {
  color: var(--ag-ink);
  font-size: .91rem;
  font-weight: 600;
  line-height: 1.55;
}

.mawp {
  color: var(--ag-copy);
  font-size: .79rem;
  line-height: 1.52;
}

/* A dark now-playing band gives the conversion block its own visual grammar. */
.kcce {
  position: relative;
  overflow: hidden;
  margin-top: 4.5rem;
  border: 0;
  background: #18171A;
  color: #FFFFFF;
}

.kcce::before {
  content: "";
  position: absolute;
  left: -7rem;
  top: -9rem;
  width: 26rem;
  height: 26rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(209, 57, 105, .42), rgba(109, 54, 200, .16) 44%, rgba(24, 23, 26, 0) 71%);
}

.pwjp {
  position: relative;
  z-index: 1;
  max-width: 51rem;
  padding: 4.3rem 1.5rem;
}

.pwjp h2,
.pwjp p {
  color: #FFFFFF;
}

.pwjp h2 {
  font-size: clamp(1.8rem, 4vw, 2.75rem);
  font-weight: 780;
  letter-spacing: -.05em;
}

.pwjp p {
  max-width: 43rem;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.65;
}

.gjnv {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #B0003A;
  padding: .95rem 1.45rem;
  color: #FFFFFF;
  font-size: .9rem;
  font-weight: 750;
  box-shadow: 0 16px 34px -18px rgba(209, 57, 105, .9);
}

.gjnv::after {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: .55rem;
  background: #FFFFFF;
  -webkit-mask: var(--ag-icon-arrow) center / contain no-repeat;
  mask: var(--ag-icon-arrow) center / contain no-repeat;
}

/* Quiet album-notes footer. */
.xnix {
  border-top: 0;
  background: var(--ag-panel);
}

.xnix .edcv {
  max-width: 76rem;
  padding: 3rem 1.5rem;
}

.vvfa {
  grid-template-columns: minmax(0, 1.65fr) minmax(15rem, .75fr);
  gap: 3rem;
}

.xnix .yiln {
  margin-bottom: .55rem;
  color: var(--ag-red);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.xnix .ktsx,
.gwoa {
  color: var(--ag-copy);
}

.vfnn {
  max-width: 44rem;
  margin-top: 1.2rem;
  color: var(--ag-ink);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1.02rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.55;
}

.qfsn {
  max-width: 47rem;
  color: var(--ag-ink);
  font-size: .84rem;
  line-height: 1.62;
}

.xnix .zsuc {
  display: inline-block;
  margin: .08rem;
  border: 1px solid var(--ag-line);
  background: var(--ag-canvas);
}

.gwoa {
  border-top: 1px solid var(--ag-line);
  padding-top: 1rem;
  font-size: .75rem;
}

.ktsx {
  color: var(--ag-copy);
}

@media (max-width: 980px) {
  .gyaw {
    padding-right: 23rem;
  }

  .gyaw::before {
    right: 0;
    width: 18rem;
    height: 18rem;
  }

  .gyaw::after {
    right: 2.4rem;
    width: 13.5rem;
    height: 13.5rem;
  }

  .zsuc {
    padding-right: .4rem;
    padding-left: .4rem;
    font-size: .67rem;
  }
}

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

  .pdgs .zsuc {
    padding: .65rem .25rem;
  }

  .onxj {
    min-height: 2.55rem;
    padding-left: 3.15rem;
    font-size: .9rem;
  }

  .onxj::before {
    width: 2.55rem;
    height: 2.55rem;
  }

  .onxj::after {
    left: 3.15rem;
  }

  .pdgs .yiln {
    margin-left: 3.15rem;
  }

  .pjkt .edcv {
    padding: 3.4rem 1.15rem 5rem;
  }

  .gyaw,
  .gyaw:not(:has(.ktnx)) {
    min-height: 0;
    padding-right: 0;
  }

  .gyaw::before,
  .gyaw::after,
  .gyaw:not(:has(.ktnx))::before {
    display: none;
  }

  .zmkj {
    max-width: 13ch;
    font-size: clamp(2.65rem, 13vw, 4.2rem);
  }

  .aoum {
    margin-top: -2.15rem;
    padding-right: .9rem;
    padding-left: .9rem;
  }

  .mtfc {
    display: block;
    padding: 1.55rem 1.25rem 1.4rem 1.5rem;
  }

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

  .btms {
    padding-top: 4rem;
  }

  .zolt {
    font-size: 1.12rem;
  }

  .ugbo h2 {
    padding-left: 3.15rem;
  }

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

  .ckax {
    padding: 1.2rem 1.1rem 1.25rem 3.5rem;
  }

  .ckax::before {
    left: 1.05rem;
    top: 1.25rem;
  }

  .pwjp {
    padding: 3.4rem 1.15rem;
  }

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

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

  .zsuc::after {
    transition: none;
  }
}