/* Cântări: lista (/cantari/) și pagina unei cântări. Se încarcă după predica.css (și arhiva.css pe listă). */
/* capul cântării: interpretul cu avatar, apoi faptele pe un rând */
.cantec__autor { display: grid; gap: 18px; margin: 4px 0 22px; font-family: var(--font-text); }
.cantec__autor-link { display: inline-flex; align-items: center; gap: 14px; justify-self: start; text-decoration: none; color: var(--p-text); }
.cantec__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--p-linie-2), 0 6px 16px -8px rgba(0, 0, 0, .35); background: var(--p-fundal-2); transition: transform .2s; }
.cantec__avatar--monograma { display: grid; place-items: center; font-family: var(--font-serif); font-size: 1.25rem; font-weight: 600; color: var(--rosu); }
.cantec__autor-link:hover .cantec__avatar { transform: scale(1.04); }
.cantec__autor-text { display: grid; gap: 2px; }
.cantec__autor-text strong { font-size: 1.125rem; font-weight: 600; line-height: 1.2; }
.cantec__autor-link:hover strong { color: var(--rosu); }
.cantec__autor-text span { font-size: .875rem; color: var(--p-text-3); }
.cantec__fapte { display: flex; flex-wrap: wrap; gap: 10px 0; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--p-linie); }
.cantec__fapte div { display: grid; gap: 2px; padding: 0 22px 0 0; margin-right: 22px; border-right: 1px solid var(--p-linie); }
.cantec__fapte div:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
.cantec__fapte dt { font-size: .6875rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.cantec__fapte dd { margin: 0; font-size: .9375rem; color: var(--p-text); }
@media (max-width: 760px) {
  .cantec__autor { justify-items: center; }
  .cantec__fapte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; width: 100%; text-align: left; }
  .cantec__fapte div { padding: 0; margin: 0; border: 0; }
  .cantec__fapte div:nth-child(3) { grid-column: 1 / -1; }
}
.cantec__sectiune { padding: 40px 0 8px; }
.cantec__sectiune h2 { margin: 0 0 18px; font-size: clamp(1.5rem, 2.6vw, 1.9rem); }
.cantec__versuri { font-family: var(--font-serif); font-size: clamp(1.25rem, 1.8vw, 1.45rem); line-height: 1.6; color: var(--p-text); }
.cantec__strofa { position: relative; margin: 0 0 1.4em; padding-left: 0; }
.cantec__strofa span[data-t] { cursor: pointer; border-radius: 3px; transition: background .15s; }
.cantec__strofa span[data-t]:hover { background: #f3f3f3; }
.cantec__strofa span.t--acum { background: #fff1a8; }
.cantec__strofa-timp { display: block; margin: 0 0 4px; font-family: var(--font-text); font-size: .75rem; font-weight: 600; letter-spacing: .08em; color: var(--p-text-3); cursor: pointer; }
.cantec__strofa-timp:hover { color: var(--rosu); background: none; }
.cantec__strofa span.cantec__strofa-timp.t--acum { background: none; color: var(--rosu); }
.cantec__nota { margin: 0 0 22px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.cantec__credite { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; margin: 0; font-family: var(--font-text); }
.cantec__credite div { padding: 12px 0; border-top: 1px solid var(--p-linie); }
.cantec__credite dt { margin: 0 0 2px; font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--p-text-3); }
.cantec__credite dd { margin: 0; font-size: 1.0625rem; color: var(--p-text); }
.cantec__original { padding: 20px 22px; background: var(--p-fundal-2); border-radius: 6px; font-family: var(--font-text); }
.cantec__original p { margin: 0 0 6px; color: var(--p-text-2); }
.cantec__original strong { color: var(--p-text); }
.cantec__original a { color: var(--p-text); text-decoration: underline; text-underline-offset: 3px; }
.cantec__etichete { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.cantec__eticheta { padding: 5px 11px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .04em; color: var(--p-text-2); border: 1px solid var(--p-linie); border-radius: 999px; text-decoration: none; }
.cantec__eticheta:hover { border-color: var(--p-text); color: var(--p-text); }
@media (max-width: 760px) {
  .cantec__credite { grid-template-columns: 1fr; gap: 0; }
  .cantec__sectiune { padding-top: 30px; }
}
/* lista: versul găsit pe card */
.arhiva__vers { display: block; margin-top: 6px; font-family: var(--font-serif); font-style: italic; color: var(--p-text-2); }
.arhiva__vers mark { background: #fff1a8; color: inherit; font-style: normal; }