/* sayings.css — load AFTER assets/KW01.css and assets/proverb/proverb.css */

/* Intro text */
.pv-intro {
  color: #999;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 8px 14px;
  text-align: left;
}

/* Header row: Random Saying (left) + search (right) */
.pv-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 8px 10px;
}

/* Narrower search box */
.home .kw-container .search-box .search-bar-container input[type="text"]#pv-q {
  width: 180px;       /* narrower */
  max-width: 60%;
  padding: 6px 10px;
}

/* Spacing under card */
.proverb-card {
  margin: 0 10px 20px;
}

/* Explainer text under the card */
.say-explainer {
  margin: 0 20px 24px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #999;
  text-align: left;
}

/* Optional divider */
.pv-divider {
  border: none;
  border-top: 1px solid #444;
  margin: 6px 10px 12px;
}

.say-explainer summary {
  cursor: pointer;
  list-style: none;
  color: white;
  font-weight: 600;
  margin-bottom: 6px;
}
.saying-title .say-subtitle {
  font-size: 0.85rem;
  color: #bfbfbf;
  font-weight: 400;
  letter-spacing: 0.2px;
}

/* ===========================
   KW Basics+ — Title Section
   =========================== */

.basic-title {
  font-size: 1.2rem;
  color: #f5e3c0;
  font-weight: 600;
  margin: -20px 0 4px 0;   /* reduced top margin */
  text-align: left;       /* title stays left */
  line-height: 1.3;
}

.basic-subtitle {
  display: block;
  margin-top: 4px;
  font-size: 0.85rem;
  color: #bfbfbf;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-align: center;      /* only subtitle centered */
}