/*
 * CHANGE LOG
 * File: /var/www/html/prohrhq.com/static/css/carrier-employment-economics.css
 * Purpose: W-2 / 1099 / PEO decision page.
 * Version History:
 *   2026-08-08 v2.0 - Visual-first page with two native accordions.
 */

.ph-peo-page {
  max-width: 1020px;
}

.ph-peo-opening {
  max-width: 760px;
  margin-bottom: 1rem;
}

.ph-peo-opening h1 {
  margin: 0.2rem 0 0.35rem;
}

.ph-peo-opening p {
  margin: 0;
  color: var(--color-text-mute);
  font-size: 1.06rem;
  line-height: 1.5;
}

.ph-peo-graphic {
  margin: 1rem 0 1.4rem;
}

.ph-peo-graphic img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--color-rule-soft);
  border-radius: var(--radius);
}

.ph-peo-graphic-secondary {
  margin-top: 1.5rem;
}

.ph-peo-copy {
  max-width: 850px;
  margin: 1rem 0 1.2rem;
}

.ph-peo-copy h2 {
  margin: 0 0 0.35rem;
  font-size: 1.2rem;
}

.ph-peo-copy p {
  margin: 0.35rem 0;
  line-height: 1.55;
}

.ph-peo-accordion {
  margin: 0.85rem 0;
  border: 1px solid var(--color-rule-soft);
  border-radius: var(--radius);
  background: var(--color-bg);
}

.ph-peo-accordion summary {
  cursor: pointer;
  padding: 0.85rem 1rem;
  font-family: var(--font-sans);
  font-weight: 700;
}

.ph-peo-accordion[open] summary {
  border-bottom: 1px solid var(--color-rule-soft);
}

.ph-peo-accordion-body {
  padding: 0.9rem 1rem 1rem;
}

.ph-peo-accordion-body > :first-child {
  margin-top: 0;
}

.ph-peo-accordion-body > :last-child {
  margin-bottom: 0;
}

.ph-peo-table-wrap {
  width: 100%;
  margin: 0.7rem 0;
  overflow-x: auto;
}

.ph-peo-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.ph-peo-table th,
.ph-peo-table td {
  padding: 0.62rem 0.7rem;
  border-bottom: 1px solid var(--color-rule-soft);
  text-align: left;
}

.ph-peo-table thead th {
  background: var(--color-bg-alt);
  font-family: var(--font-sans);
  font-weight: 700;
}

.ph-peo-table tbody th {
  font-weight: 500;
}

.ph-peo-table .num {
  white-space: nowrap;
  text-align: right;
}

.ph-peo-total th,
.ph-peo-total td {
  border-top: 2px solid var(--color-text);
  font-weight: 700;
}

.ph-peo-table-compact {
  max-width: 660px;
}

.ph-peo-accordion h3 {
  margin: 1rem 0 0.35rem;
  font-size: 1.05rem;
}

.ph-peo-note,
.ph-peo-disclaimer {
  color: var(--color-text-mute);
  font-size: 0.86rem;
  line-height: 1.45;
}

.ph-peo-bio {
  margin: 0;
  padding-left: 1.25rem;
}

.ph-peo-bio li {
  margin: 0.35rem 0;
  line-height: 1.45;
}

.ph-peo-cta {
  margin: 1.5rem 0 0.8rem;
  padding: 1.2rem;
  border-top: 3px solid var(--color-accent);
  background: var(--color-bg-alt);
  text-align: center;
}

.ph-peo-cta h2 {
  margin: 0 0 0.35rem;
}

.ph-peo-cta p {
  margin: 0 0 0.8rem;
}

.ph-peo-disclaimer {
  margin: 0.8rem 0 0;
  text-align: center;
}

@media (max-width: 700px) {
  .ph-peo-page {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ph-peo-table {
    font-size: 0.88rem;
  }

  .ph-peo-table th,
  .ph-peo-table td {
    padding: 0.52rem 0.48rem;
  }

  .ph-peo-opening p {
    font-size: 1rem;
  }
}