/* Generated by scripts/split-redesign-css.mjs. Edit assets/css/components.css instead. */
/* Listing, category, search and policy pages */
body.blog,
body.archive,
body.search,
body.page:not(.home),
body.blog .site-content,
body.archive .site-content,
body.search .site-content,
body.page:not(.home) .site-content {
  color: var(--color-text) !important;
  background: var(--color-bg) !important;
}

body.blog .site-content #primary,
body.archive .site-content #primary,
body.search .site-content #primary,
body.page:not(.home) .site-content #primary {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.blog .site-content .ast-container,
body.archive .site-content .ast-container,
body.search .site-content .ast-container,
body.page:not(.home) .site-content .ast-container {
  width: min(100%, 1240px) !important;
  padding: clamp(42px, 6vw, 80px) 20px !important;
}

.easymoney-blog-header,
.archive.category .ast-archive-description,
.archive .ast-archive-entry-banner,
.search .ast-archive-description,
.search .ast-archive-entry-banner {
  margin-bottom: 2rem;
  padding: clamp(32px, 5vw, 54px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.easymoney-blog-header h1,
.archive.category .ast-archive-title,
.archive .ast-archive-entry-banner h1,
.search .ast-archive-title,
.search .ast-archive-entry-banner h1 {
  margin-bottom: 0.75rem;
  color: var(--color-primary) !important;
  font-size: clamp(38px, 5vw, 54px);
  line-height: 1.2;
}

.archive .ast-archive-entry-banner p,
.search .ast-archive-entry-banner p {
  color: var(--color-text-muted) !important;
}

.archive .ast-archive-entry-banner .easymoney-category-latest-title {
  color: var(--color-primary) !important;
}

/* Astra can inject a dark photographic archive banner through Customizer
 * CSS.  A computed background colour alone cannot represent that image, so
 * force the editorial archive surface to a predictable high-contrast pair. */
.archive .ast-archive-entry-banner {
  color: var(--color-text) !important;
  background: var(--color-surface) !important;
  background-image: none !important;
}

.archive.category .site-main > .ast-row,
.search .site-main > .ast-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
  gap: 20px;
}

/* Astra's grid layout sets a percentage width on each article. Once the
 * listing row becomes CSS Grid that width is applied inside the grid track,
 * producing an unreadably narrow card. Let the grid own the column width. */
.archive.category .site-main > .ast-row > article,
.search .site-main > .ast-row > article {
  width: 100% !important;
  min-width: 0;
  margin: 0;
}

.category .site-main .no-results.not-found {
  display: none;
}

body.blog .site-main article .ast-article-inner,
body.archive .site-main article .ast-article-inner,
body.search .site-main article .ast-article-inner {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface) !important;
  box-shadow: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

body.blog .site-main article .ast-article-inner:hover,
body.archive .site-main article .ast-article-inner:hover,
body.search .site-main article .ast-article-inner:hover {
  border-color: #9cb2cf;
  box-shadow: var(--shadow-soft);
}

body.archive .entry-title,
body.archive .entry-title a,
body.blog .entry-title,
body.blog .entry-title a,
body.search .entry-title,
body.search .entry-title a {
  color: var(--color-primary) !important;
  font-size: 24px;
  line-height: 1.4;
  text-decoration: none;
}

body.blog .site-main :where(.post-thumb-img-content, .ast-blog-featured-section),
body.archive .site-main :where(.post-thumb-img-content, .ast-blog-featured-section),
body.search .site-main :where(.post-thumb-img-content, .ast-blog-featured-section) {
  overflow: hidden;
  border-radius: var(--radius-sm);
}

body.blog .site-main :where(.post-thumb-img-content, .ast-blog-featured-section) img,
body.archive .site-main :where(.post-thumb-img-content, .ast-blog-featured-section) img,
body.search .site-main :where(.post-thumb-img-content, .ast-blog-featured-section) img {
  display: block;
  width: 100%;
  max-height: 320px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.easymoney-search-empty {
  margin: 2rem 0;
  padding: clamp(24px, 5vw, 40px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.easymoney-search-empty h2 {
  margin-top: 0;
}

.easymoney-search-empty nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1.25rem;
}

.easymoney-search-empty nav a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 8px 14px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  text-decoration: none;
}

/* Safeguard legacy blocks that saved dark-on-dark or light-on-light colors. */
.easymoney-article-body :where(.has-black-background-color, .has-primary-background-color, .has-navy-background-color, [style*="background-color:#0f172a"], [style*="background-color: #0f172a"], [style*="background-color:#17212b"], [style*="background-color: #17212b"], [style*="background-color:#16324f"], [style*="background-color: #16324f"]) {
  color: #f8fafc !important;
}

.easymoney-article-body :where(.has-black-background-color, .has-primary-background-color, .has-navy-background-color, [style*="background-color:#0f172a"], [style*="background-color: #0f172a"], [style*="background-color:#17212b"], [style*="background-color: #17212b"], [style*="background-color:#16324f"], [style*="background-color: #16324f"]) :where(p, li, strong, em, h2, h3, h4, figcaption) {
  color: #f8fafc !important;
}

.easymoney-article-body :where(.has-black-background-color, .has-primary-background-color, .has-navy-background-color) a {
  color: #bfdbfe !important;
}

.easymoney-category-guide {
  border-left-color: var(--color-accent);
  border-radius: var(--radius-sm);
  background: var(--color-accent-soft);
}

.easymoney-category-count {
  margin: 0.75rem 0 0;
  color: var(--color-text-muted) !important;
  font-size: 14px;
  font-weight: 750;
}

.easymoney-related-categories {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border);
}

.easymoney-related-categories strong {
  color: var(--color-primary);
  font-size: 14px;
}

.easymoney-related-categories ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.easymoney-related-categories a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 7px 13px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-primary) !important;
  background: var(--color-surface);
  text-decoration: none;
}

.easymoney-subtopic-filter a {
  border-color: var(--color-border);
  color: var(--color-primary);
  background: var(--color-surface);
}

body.page:not(.home) .site-content .ast-article-single {
  width: min(100%, 940px) !important;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text) !important;
  background: var(--color-surface) !important;
  box-shadow: none;
}

body.page:not(.home) .entry-title {
  font-size: clamp(36px, 5vw, 52px);
}

body.page:not(.home) .entry-content {
  color: var(--color-text) !important;
  font-size: 17px;
  line-height: 1.72;
}

body.page:not(.home) .entry-content :where(p, li, dt, dd, th, td, figcaption, summary, small, strong, label),
body.blog :where(.ast-excerpt-container, .ast-read-more-container),
body.blog :where(.ast-excerpt-container, .ast-read-more-container) :where(p, span),
body.archive :where(.ast-excerpt-container, .ast-read-more-container),
body.archive :where(.ast-excerpt-container, .ast-read-more-container) :where(p, span),
body.search :where(.ast-excerpt-container, .ast-read-more-container),
body.search :where(.ast-excerpt-container, .ast-read-more-container) :where(p, span) {
  color: var(--color-text) !important;
}

body.page:not(.home) .entry-content :where(h1, h2, h3, h4, h5, h6),
body.page:not(.home) .entry-title {
  color: var(--color-primary) !important;
}

body.page:not(.home) .entry-content a:not(.wp-block-button__link),
body.blog .site-main a:not(.wp-block-button__link),
body.archive .site-main a:not(.wp-block-button__link),
body.search .site-main a:not(.wp-block-button__link) {
  color: var(--color-accent) !important;
}

body.page:not(.home) .entry-content :where(.has-text-color, [style*="color"]) {
  color: var(--color-text) !important;
}

body.page:not(.home) .entry-content .has-background {
  color: var(--color-text) !important;
  background-color: var(--color-bg) !important;
}

body.page:not(.home) .entry-content .wp-block-button__link {
  border-color: var(--color-accent) !important;
  color: #ffffff !important;
  background: var(--color-accent) !important;
}

body.page:not(.home) .entry-content > :where(p, ul, ol, h2, h3, blockquote, figure, table, .wp-block-group) {
  max-width: 760px;
  margin-inline: auto;
}

body.page:not(.home) .entry-content h2 {
  margin-top: 3rem;
  font-size: clamp(26px, 3vw, 34px);
}

body.blog .entry-meta,
body.blog .entry-meta :where(a, span, time),
body.archive .entry-meta,
body.archive .entry-meta :where(a, span, time),
body.search .entry-meta,
body.search .entry-meta :where(a, span, time) {
  color: var(--color-text-muted) !important;
}

.easymoney-status-page {
  width: min(calc(100% - 40px), 760px);
  margin: clamp(48px, 8vw, 96px) auto;
}

.easymoney-status-page > section {
  padding: clamp(28px, 6vw, 56px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  background: var(--color-surface);
}

.easymoney-status-page .easymoney-eyebrow {
  color: var(--color-secondary) !important;
}

.easymoney-status-page h1 {
  margin-bottom: 1rem;
  color: var(--color-primary) !important;
  font-size: clamp(32px, 6vw, 56px);
  line-height: 1.15;
}

.easymoney-status-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 1.75rem;
}

.easymoney-status-links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--color-accent) !important;
  font-weight: 750;
}

.easymoney-policy-toc {
  max-width: 760px;
  margin: 0 auto 2.5rem;
  padding: 22px 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
}

.easymoney-policy-toc p {
  margin: 0 0 0.75rem;
  color: var(--color-primary) !important;
  font-weight: 800;
}

.easymoney-policy-toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 20px;
  margin: 0;
  padding-left: 1.2rem;
}

.easymoney-policy-toc a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
}