/* ============================================================
   Adventure with Alphabet — 2026-08-31
   Site-wide readability, literary quote consistency, and
   brighter/larger public controls.
   Loaded AFTER each page's existing page-specific stylesheet.
   ============================================================ */

:root {
  --awa-serif-sitewide: "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", Georgia, serif;
  --awa-button-green-light: #d8efcf;
  --awa-button-green-mid: #a9d49b;
  --awa-button-green-border: #91bd83;
  --awa-button-green-text: #284b32;
  --awa-button-yellow-light: #fffbed;
  --awa-button-yellow-mid: #ffefad;
  --awa-button-yellow-border: #ead98a;
}

/* ------------------------------------------------------------
   WIDER COPY + ABOUT 1PT LARGER
   Keep text close to the usable edges of large content boxes,
   rather than constraining it to a narrow centered column.
   ------------------------------------------------------------ */
.page-hero > p,
.page-hero .page-lead,
.about-source-inner > p,
.about-source-inner > .about-source-short-lines,
.founders-simple-copy > p,
.activity-bank-heading > p,
.learning-youtube-library-heading > p,
.dictionary-learning-promo-copy > p,
.learning-cta p,
.dictionary-hero p,
.dictionary-section-head > p,
.dictionary-books-heading > p,
.catalog-recognition-copy > p,
.policy-copy > p,
.journal-hero p,
.journal-card-excerpt,
.post-shell .post-body p,
.post-shell .post-content p,
.learning-item-shell .page-hero > p,
.book-detail-copy > p,
.managed-book-detail-copy > p,
.books-catalog-copy > p,
.bookstore-book-card .books-catalog-copy > p {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* The About cards were intentionally wide; use that width for copy too. */
.about-pastel-stack .about-source-inner,
.about-aligned-page .about-source-inner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  padding-left: clamp(30px, 4.2vw, 72px) !important;
  padding-right: clamp(30px, 4.2vw, 72px) !important;
}

/* Roughly one point larger body copy in the main public content areas. */
.page-hero > p,
.page-hero .page-lead,
.about-source-inner > p,
.founders-simple-copy > p,
.activity-bank-heading > p,
.learning-search-help,
.activity-bank-content p,
.dictionary-learning-promo-copy > p,
.learning-youtube-library-heading > p,
.learning-cta p,
.dictionary-hero p,
.dictionary-section-head > p,
.dictionary-books-heading > p,
.catalog-recognition-copy > p,
.policy-copy > p,
.book-detail-copy > p,
.managed-book-detail-copy > p,
.books-catalog-copy > p,
.bookstore-book-card .books-catalog-copy > p,
.journal-hero p,
.journal-card-excerpt,
.post-shell .post-body p,
.post-shell .post-content p,
.learning-item-shell p {
  font-size: calc(1em + 1pt) !important;
  line-height: 1.72;
}

/* Preserve the already-approved homepage sizing rather than adding a second point. */
.home-pastel-stack .home-doc-stack-card .home-doc-section-inner > p {
  width: 100% !important;
  max-width: none !important;
  padding-inline: clamp(4px, .7vw, 12px) !important;
  box-sizing: border-box;
  font-size: calc(1.05rem + 1pt) !important;
}

/* Long-form articles remain readable while using more of their card width. */
.post-shell,
.learning-item-shell {
  width: min(1500px, calc(100% - 36px));
}

/* ------------------------------------------------------------
   QUOTES — MATCH THE HOMEPAGE LITERARY TREATMENT
   Same Palatino face, italic quotation, clean right attribution.
   ------------------------------------------------------------ */
blockquote,
blockquote p,
.quote,
.quote-text,
.hero-quote,
.hero-quote p,
.about-opening-quote,
.about-opening-quote p,
.about-quote,
.about-quote p,
.founders-quote,
.founders-quote p,
.post-quote,
.post-quote p,
.home-doc-closing-quote blockquote,
.home-doc-closing-quote blockquote p {
  font-family: var(--awa-serif-sitewide) !important;
  font-style: italic !important;
}

blockquote:not(.hero-quote),
.about-opening-quote,
.about-quote,
.founders-quote,
.post-quote,
.home-doc-closing-quote blockquote {
  border-top: 1px solid rgba(95, 146, 85, .18);
  padding-top: 18px;
  text-align: right;
}

blockquote footer,
.quote-attribution,
.hero-quote footer,
.about-opening-quote footer,
.about-quote footer,
.founders-quote footer,
.post-quote footer,
.home-doc-closing-quote footer {
  font-family: var(--awa-serif-sitewide) !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  margin-top: 8px;
}

/* Keep the About opening quote at the previously approved 14pt size. */
.about-opening-quote p {
  font-size: 14pt !important;
  line-height: 1.55 !important;
}

/* ------------------------------------------------------------
   BUTTONS — SLIGHTLY LARGER + BRIGHTER FOR VISIBILITY
   Still soft enough to stay within the pastel site palette.
   ------------------------------------------------------------ */
.button,
.btn,
.bookstore-amazon-link,
.related-purchase-link,
.book-learning-detail-link,
.learning-printable-button,
.journal-entry-link,
.journal-back-link {
  min-height: 46px;
  padding: 11px 20px !important;
  border-radius: 999px;
  font-size: 12pt !important;
  font-weight: 700 !important;
  line-height: 1.15;
  border: 1px solid var(--awa-button-green-border) !important;
  background: linear-gradient(180deg, var(--awa-button-green-light), var(--awa-button-green-mid)) !important;
  color: var(--awa-button-green-text) !important;
  box-shadow: 0 7px 16px rgba(68, 105, 66, .16) !important;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.button:hover,
.btn:hover,
.bookstore-amazon-link:hover,
.related-purchase-link:hover,
.book-learning-detail-link:hover,
.learning-printable-button:hover,
.journal-entry-link:hover,
.journal-back-link:hover {
  transform: translateY(-1px);
  filter: brightness(1.035) saturate(1.06);
  box-shadow: 0 10px 21px rgba(68, 105, 66, .21) !important;
}

.button-secondary {
  border-color: var(--awa-button-yellow-border) !important;
  background: linear-gradient(180deg, var(--awa-button-yellow-light), var(--awa-button-yellow-mid)) !important;
  color: #4f5632 !important;
}

/* Category/filter controls get a smaller version of the same visibility boost. */
.activity-bank-tab,
.activity-bank-subtab,
.dictionary-category-tab,
.dictionary-subcategory-tab,
.dictionary-letter,
.learning-search-row button {
  min-height: 42px;
  padding: 9px 15px !important;
  font-size: 11.5pt !important;
  font-weight: 700;
  border-width: 1px !important;
  border-color: rgba(112, 154, 101, .36) !important;
  background: rgba(247, 253, 244, .98) !important;
  color: var(--awa-button-green-text) !important;
  box-shadow: 0 4px 10px rgba(68, 105, 66, .08);
}

.activity-bank-tab.is-active,
.activity-bank-subtab.is-active,
.dictionary-category-tab.is-active,
.dictionary-subcategory-tab.is-active,
.dictionary-letter.is-active {
  background: linear-gradient(180deg, #cbe8c1, #a9d49b) !important;
  border-color: #8ebc80 !important;
  box-shadow: 0 6px 14px rgba(68, 105, 66, .15);
}

@media (max-width: 700px) {
  .about-pastel-stack .about-source-inner,
  .about-aligned-page .about-source-inner {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .button,
  .btn,
  .bookstore-amazon-link,
  .related-purchase-link,
  .book-learning-detail-link,
  .learning-printable-button {
    min-height: 44px;
    padding: 10px 17px !important;
    font-size: 11.5pt !important;
  }

  blockquote,
  blockquote footer {
    text-align: left;
  }
}

/* ------------------------------------------------------------
   MANAGED CUSTOM GALLERIES — added from the backend Gallery Manager
   ------------------------------------------------------------ */
.awa-managed-custom-gallery {
  margin-top: clamp(26px, 4vw, 56px);
  margin-bottom: clamp(26px, 4vw, 56px);
}

.awa-managed-gallery-heading {
  text-align: center;
  margin-bottom: 20px;
}

.awa-managed-gallery-heading h2 {
  margin: 0;
}

.awa-managed-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.awa-managed-gallery-grid figure {
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(125, 155, 118, .23);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 26px rgba(58,88,55,.07);
  text-align: center;
}

.awa-managed-gallery-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
}

.awa-managed-gallery-grid figcaption {
  margin-top: 11px;
  font-family: var(--awa-serif-sitewide);
  font-size: 12pt;
  line-height: 1.35;
  color: #425b46;
}

@media (max-width: 900px) {
  .awa-managed-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .awa-managed-gallery-grid { grid-template-columns: 1fr; }
}