/* kupaly.com only — the --kupaly-* band set that design/TOKENS.css reserves for
   this product. shared/css/site.css carries the tokens but ships no component
   that uses them, because nothing else in the system may. Loaded via SITE_CSS.
   The .k-accent rule predates .t-accent; use .t-accent for new markup. */
.k-accent{color:var(--c-a-link)}
.k-mid{align-self:center}
.k-shot{border-radius:var(--r-sm)}

/* the lavender wash behind the differentiator */
.k-wash{background:var(--kupaly-wash);border-top:1px solid var(--kupaly-wash-line)}

/* the Kupaly card in the comparison pair: accent rail, tinted hairline */
.k-rail{border:1px solid var(--kupaly-card-line);border-left:3px solid var(--c-a-dot)}

/* the deep-purple assistant band and its chat panel — always dark, both themes */
.k-band{background:var(--kupaly-band)}
.k-band .eyebrow{color:var(--kupaly-d-text)}
.k-band .illustration{background:var(--kupaly-panel);border-color:var(--kupaly-panel-line)}
.k-band .illustration__label{color:var(--kupaly-d-text)}
.k-chat{display:flex;flex-direction:column;gap:10px}
.k-chat li{padding:11px 14px;font-size:14px;line-height:1.45;border-radius:14px}
.k-chat .k-chat__you{align-self:flex-end;max-width:78%;background:var(--kupaly-btn);color:#FFFFFF;border-bottom-right-radius:4px}
.k-chat .k-chat__kupa{align-self:flex-start;max-width:82%;background:var(--kupaly-wash);color:var(--kupaly-band);border-bottom-left-radius:4px}

/* two-up blocks at the artboards' 28px rhythm, which .grid-2 (80px) is too airy for */
.k-pair{display:flex;flex-direction:column;gap:var(--s3)}

@media (prefers-color-scheme: dark){
  .k-wash{background:var(--c-sunken);border-top-color:var(--c-line)}
  .k-rail{border-color:var(--c-line);border-left-color:var(--c-a-dot)}
}
@media (min-width: 900px){
  .k-chat li{font-size:15px;padding:13px 16px;border-radius:16px}
  .k-chat .k-chat__you{max-width:72%;border-bottom-right-radius:4px}
  .k-chat .k-chat__kupa{max-width:80%;border-bottom-left-radius:4px}
  .k-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7)}
  .k-pair--text{gap:var(--s7) var(--gutter-d)}
}