/* GeneratePress Site CSS */ /* mobile header spacing */
.mobile-header-navigation {
	padding: 10px;
} /* End GeneratePress Site CSS */
.contact-form label {
    display: inline !important;
}
@font-face {
font-family: "Source Sans 3";
font-display: swap;
}
@font-face {
font-family: "Source Serif 4";
font-display: swap;
}
/* Target the outline style specifically */
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
    background-color: transparent!important;
    color: var(--contrast-2)!important;
    border: 2px solid var(--contrast-2); /* Matches text to keep the outline look */
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Hover state using your base-2 variable */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
    background-color: var(--base-2)!important;
    border: 2px solid var(--contrast-2);
    color: var(--contrast-2); /* Keeps text visible on the new fill */
}
a {
    color: var(--accent);
}
a:hover, a:focus, a:active {
    color: var(--accent-light);
}

.ai-summary-box summary {
	font-size: 16px;
}
.ai-summary-box summary::marker {
  content: '✦'; 
  margin-right: 15px;
	padding-right: 10px;
  color: var(--accent);
}
#rank-math-toc p {
	 font-size: 16px;
	margin-bottom: 0.5em !important;
}
.decision-table table, td, th {
    border: 1px solid rgba(0, 0, 0, .1) !important;
}
 .decision-table th,
  .decision-table td {
    text-align: left;
    padding: 12px 14px;
    vertical-align: top;
  }
 
  .decision-table thead th {
    background: var(--paper);
    color: var(--ink);
    font-weight: 600;
  }
 .decision-table tbody tr:nth-child(odd) {
    background: #FAFAF8;
  }
 
  .decision-table td:first-child {
    font-weight: 600;
    color: var(--accent);
    white-space: nowrap;
  }
  .decision-table .mobile-label {
    display: none;
  }
  /* ---- Mobile reflow: table becomes a grid of stacked rows ---- */

@media (max-width: 640px) {
		.decision-table thead {
			display: none;
}
	.decision-table table, td, th {
    border: 0px solid rgba(0, 0, 0, .1) !important;
}

.decision-table,
    .decision-table tbody,
    .decision-table tr,
    .decision-table td {
      display: block;
      width: 100%;
    }
 
    .decision-table tr {
      display: grid;
      grid-template-columns: 1fr;
      row-gap: 4px;
      padding: 16px 0;
      border-bottom: 1px solid var(--light-gray);
    }
 
    .decision-table tr:nth-child(odd) {
      background: none;
    }
 
    .decision-table td {
      border-bottom: none;
      padding: 2px 0;
    }
 
    .decision-table .mobile-label {
      display: block;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--slate);
      margin-bottom: 2px;
    }
 
    .decision-table td:first-child {
      font-size: 17px;
    }
  }