/* பழமொழிகள் — Proverbs (#/proverbs, #/proverbs/quiz) */
.pv-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0 0; position: relative; }
.pv-meta .chip--gold { background: var(--zari-soft); color: var(--zari-deep); }
.pv-meta .chip { font-size: .85rem; }

.pv-today, .pv-quizzes, .pv-all { margin-top: 28px; }
.pv-chips { flex-wrap: wrap; overflow: visible; margin-bottom: 4px; }
.pv-chips .group-chip .en { font-weight: 600; }
.pv-chip-n { font-size: .75rem; min-width: 1.6em; padding: 0 .4em; border-radius: var(--r-pill); background: var(--ground-2); color: var(--ink-2); text-align: center; }
.group-chip[aria-pressed="true"] .pv-chip-n { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; color: inherit; }

.pv-grid { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.pv-grid > li { display: grid; min-width: 0; }

.pv-card { position: relative; display: grid; align-content: start; gap: 10px; min-height: 220px; min-width: 0; padding: 18px 18px 14px; border-radius: var(--r-lg); background: linear-gradient(160deg, var(--zari-soft), var(--surface) 70%); border: 1px solid var(--line); box-shadow: var(--shadow-1); cursor: pointer; transition: transform .25s var(--spring), box-shadow .2s; }
.pv-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.pv-card.is-flipped { background: linear-gradient(160deg, var(--peacock-soft), var(--surface) 70%); }
.pv-card--big { min-height: 0; padding: 22px 24px 16px; }
.pv-card--big .pv-ml { font-size: clamp(1.45rem, 1.1rem + 1.5vw, 2.1rem); }
.pv-speak { position: absolute; top: 10px; right: 10px; }
.pv-seen { justify-self: start; }
.pv-seen[hidden] { display: none; }
.pv-front, .pv-back { display: grid; gap: 8px; padding-right: 44px; min-width: 0; }
.pv-back { padding-right: 0; }
.pv-front[hidden], .pv-back[hidden] { display: none; }
.pv-emoji { font-size: 2rem; line-height: 1; }
.pv-ml { margin: 0; font: 800 1.3rem/1.55 var(--f-ml); color: var(--zari-deep); overflow-wrap: anywhere; }
.pv-ml-sm { margin: 0; padding-right: 44px; font: 700 1rem/1.5 var(--f-ml); color: var(--ink-2); }
.pv-literal { margin: 0; font-style: italic; color: var(--ink-2); }
.pv-source { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; font-size: .82rem; color: var(--ink-3); }
.pv-source .ml { font-weight: 700; color: var(--peacock-deep); }
.pv-source::before { content: "📜"; }
.pv-meaning { margin: 0; font-size: 1.02rem; }
.pv-mlm { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pv-mlm .ml { font: 700 1.05rem/1.6 var(--f-ml); color: var(--peacock-deep); }
.pv-sit { display: grid; gap: 4px; padding: 10px 12px; border-radius: 14px; background: var(--surface); border: 1px dashed var(--line-2); min-width: 0; }
.pv-sit .eyebrow { margin: 0; }
.pv-sit .en { margin: 0; color: var(--ink-2); font-size: .9rem; }
.pv-flip { justify-self: start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; margin-top: 2px; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font: 700 .9rem var(--f-ui); cursor: pointer; }
.pv-flip:hover { background: var(--ground-2); }
.pv-flip .icon { width: 18px; height: 18px; flex: none; }
.pv-flip .ml { margin-right: 4px; color: var(--peacock-deep); }

/* Quiz picker cards on the home page */
.pv-quiz-row { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.pv-quiz-card { display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 16px 18px; border-radius: var(--r-lg); text-decoration: none; color: #fff; background: var(--panel); background-image: radial-gradient(circle at 92% 20%, rgba(242,184,75,.32), transparent 50%); box-shadow: var(--shadow-1); transition: transform .2s var(--spring); }
.pv-quiz-card:hover { transform: translateY(-2px); }
.pv-quiz-card > .icon { flex: none; width: 22px; height: 22px; }
.pv-quiz-emoji { font-size: 2.1rem; line-height: 1; flex: none; }
.pv-quiz-text { display: grid; gap: 2px; flex: 1; min-width: 0; }
.pv-quiz-text .ml { font: 800 1.2rem/1.4 var(--f-ml); color: #FFE2A0; }
.pv-quiz-en { font-weight: 800; }
.pv-quiz-note { font-size: .88rem; opacity: .92; }
.pv-listen { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; padding: 0 16px; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font-weight: 700; text-decoration: none; }
.pv-listen:hover { background: var(--ground-2); }
.pv-listen .ml { color: var(--peacock-deep); margin-right: 4px; }

/* Quiz page */
.proverbs-quiz .pv-chips { margin: 16px 0 8px; }
.pv-h-en { font-size: .6em; color: var(--ink-2); }
.pv-quiz-panel { margin-top: 12px; padding: 20px; border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-1); }
.pv-quiz-panel .quiz-opt-ml { overflow-wrap: anywhere; }
@media (max-width: 560px) { .pv-quiz-panel { padding: 14px; } .pv-card { padding: 16px 14px 12px; } }

@media (prefers-reduced-motion: reduce) { .pv-card, .pv-quiz-card { transition: none; } .pv-card:hover, .pv-quiz-card:hover { transform: none; } }

:root[data-contrast="high"] .pv-card, :root[data-contrast="high"] .pv-card.is-flipped { background: var(--surface); border: 2px solid var(--ink); }
:root[data-contrast="high"] .pv-ml { color: var(--ink); }
:root[data-contrast="high"] .pv-literal, :root[data-contrast="high"] .pv-sit .en, :root[data-contrast="high"] .pv-source { color: var(--ink); }
:root[data-contrast="high"] .pv-quiz-card { background: #000; color: #fff; border: 2px solid #fff; background-image: none; }
:root[data-contrast="high"] .pv-quiz-text .ml { color: #FFE2A0; }
:root[data-contrast="high"] .pv-flip, :root[data-contrast="high"] .pv-listen { border: 2px solid var(--ink); }

@media print {
  .pv-quizzes, .pv-chips, .pv-flip, .pv-speak { display: none !important; }
  .pv-card { break-inside: avoid; box-shadow: none; background: #fff; }
}
.pv-chips .group-chip { flex: 0 1 auto; max-width: 100%; flex-wrap: wrap; row-gap: 0; text-align: left; }