/* ============================================================
   Nityaveda — The chariot of the self (Katha Upanishad 1.3.3-1.3.4).
   Loaded AFTER styles.css and dark.css. Scoped under body.chariot2.
   Uses the site's moonlight tokens. No new palette.
   ============================================================ */

body.chariot2 .wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ---- intro ---- */
body.chariot2 .ch-intro{padding:68px 0 4px;max-width:760px}
@media(max-width:680px){body.chariot2 .ch-intro{padding:44px 0 4px}}
body.chariot2 .ch-eyebrow{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-weight:430;font-size:1.02rem;color:var(--accent);margin:0 0 14px}
body.chariot2 .ch-title{font-family:"Fraunces","Fraunces-fallback",Georgia,serif;font-weight:380;
  font-size:clamp(2.2rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 18px;color:#fff}
body.chariot2 .ch-sub{font-size:clamp(1.04rem,1.5vw,1.18rem);line-height:1.62;color:var(--ink2);
  max-width:60ch;margin:0}

/* ---- source verses ---- */
body.chariot2 .ch-source{padding:34px 0 8px;max-width:760px}
body.chariot2 .ch-verse{border-left:2px solid var(--line);padding:2px 0 2px 22px;margin:0 0 24px}
body.chariot2 .ch-verse .v-dev{font-family:"Noto Serif Devanagari","Tillana",serif;font-weight:400;
  font-size:clamp(1.18rem,2.2vw,1.5rem);line-height:1.85;color:#fff;margin:0 0 10px}
body.chariot2 .ch-verse .v-iast{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-size:.98rem;line-height:1.6;color:var(--ink2);margin:0 0 12px}
body.chariot2 .ch-verse .v-sense{font-size:1.06rem;line-height:1.62;color:var(--ink);margin:0 0 8px}
body.chariot2 .ch-verse .v-src{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-size:.92rem;color:var(--accent);margin:0}

/* ---- the interactive ---- */
body.chariot2 .ch-build{padding:24px 0 116px}
body.chariot2 .ch-lead{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-size:1.16rem;color:var(--ink);margin:0 0 22px;max-width:60ch}

body.chariot2 .ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:880px;margin-top:6px}
@media(max-width:820px){body.chariot2 .ch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body.chariot2 .ch-grid{grid-template-columns:1fr}}
body.chariot2 .ch-part{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;display:block;position:relative;width:100%;
  font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:18px 18px 20px;transition:border-color .25s ease,background .25s ease,transform .25s ease}
body.chariot2 .ch-part:hover{border-color:var(--accent);background:var(--wash);transform:translateY(-2px)}
body.chariot2 .ch-part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.chariot2 .ch-part[aria-pressed="true"]{border-color:var(--accent);background:var(--wash);box-shadow:inset 0 0 0 1px var(--accent)}
body.chariot2 .ch-part[aria-pressed="true"] .p-role{color:var(--accent)}
body.chariot2 .ch-part .p-role{display:block;font-family:"Fraunces","Fraunces-fallback",serif;
  font-size:1.12rem;color:#fff;line-height:1.2}
body.chariot2 .ch-part .p-is{display:block;font-size:.92rem;color:var(--ink2);margin-top:4px}
body.chariot2 .ch-part .p-is .dev{font-family:"Noto Serif Devanagari","Tillana",serif}

/* detail panel */
body.chariot2 .ch-detail{margin-top:34px;max-width:720px;border-top:1px solid var(--line);padding-top:32px}
body.chariot2 .ch-detail[hidden]{display:none}
body.chariot2 .ch-d-term{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-weight:430;font-size:1.0rem;color:var(--accent);margin:0 0 10px}
body.chariot2 .ch-d-title{font-family:"Fraunces","Fraunces-fallback",Georgia,serif;font-weight:380;
  font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;color:#fff;margin:0 0 18px}
body.chariot2 .ch-d-role{font-family:"Fraunces","Fraunces-fallback",Georgia,serif;font-weight:380;
  font-size:clamp(1.16rem,1.8vw,1.34rem);line-height:1.5;color:#fff;margin:0 0 22px}
body.chariot2 .ch-d-now h4{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-weight:430;font-size:1.04rem;color:var(--accent);margin:0 0 8px}
body.chariot2 .ch-d-now p{font-size:1.08rem;line-height:1.68;color:var(--ink);margin:0}

@media(prefers-reduced-motion:no-preference){
  body.chariot2 .ch-detail{animation:chrise .5s cubic-bezier(.16,1,.3,1) both}
  @keyframes chrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* closing */
body.chariot2 .ch-close{max-width:720px;margin:46px 0 0;border-top:1px solid var(--line);padding-top:30px}
body.chariot2 .ch-close .ch-ask{font-family:"Fraunces","Fraunces-fallback",Georgia,serif;font-weight:380;
  font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.4;color:#fff;margin:0 0 16px}
body.chariot2 .ch-close p{font-size:1.04rem;line-height:1.64;color:var(--ink2);margin:0 0 8px}
body.chariot2 .ch-close a{color:var(--accent)}