/*****************************************************
  PERSONAL TAX PAGE — 200K RHYTHM UPGRADE
  Scoped to .personal-tax-page ONLY
*****************************************************/

/* =========================
   BASE SCOPE
========================= */
.personal-tax-page {
  font-family: 'Inter', sans-serif;
  color: #0A1A2F;
}

/* =========================
   HERO ALIGNMENT (inherits hero.css)
========================= */
.personal-tax-page .hero-aup-inner {
  max-width: 980px;
}

.personal-tax-page .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(232, 241, 255, 0.82);
  margin-bottom: 14px;
}

.personal-tax-page .hero-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(to right, #00b46e, #36d28f);
}

.personal-tax-page .hero-subtext {
  color: #d8e1ec !important;
}

.personal-tax-page .hero-bullets {
  list-style: none;
  padding: 0;
  margin: 18px auto 26px;
  max-width: 820px;
  display: grid;
  gap: 10px;
}

.personal-tax-page .hero-bullets li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: rgba(232, 241, 255, 0.92);
  font-size: 15.5px;
  line-height: 1.5;
}

.personal-tax-page .hero-bullets li::before {
  content: "✓";
  color: #36d28f;
  font-weight: 800;
  margin-top: 1px;
}

.personal-tax-page .hero-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.personal-tax-page .hero-microtrust {
  font-size: 13px;
  color: rgba(232, 241, 255, 0.78);
}

/* =========================
   SECTION RHYTHM (MATCH BUSINESS TAX)
========================= */
.personal-tax-page section {
  padding-top: 96px;
  padding-bottom: 104px;
}

.personal-tax-page .section-light {
  background: linear-gradient(to bottom, #f7fbff 0%, #f9fcff 100%);
}

.personal-tax-page .section-soft-gray,
.personal-tax-page .section-gray,
.personal-tax-page .section-gray-obbba {
  background: #F7FBFF;
}

/* =========================
   SECTION TITLES
========================= */
.personal-tax-page h2.section-title,
.personal-tax-page .meed-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.3px;
  margin-bottom: 26px;
  color: #0A1A2F;
}

.personal-tax-page h2.section-title::after,
.personal-tax-page .meed-title::after {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  background: linear-gradient(to right, #00b46e, #36d28f);
  margin: 18px auto 0;
  border-radius: 4px;
}

/* =========================
   TEXT RHYTHM
========================= */
.personal-tax-page p {
  font-size: 16px;
  line-height: 1.6;
  color: #1A2B3C;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   PRIMARY CARD GRID (PT)
========================= */
.personal-tax-page .pt-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-top: 36px;
}

.personal-tax-page .pt-card {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 32px;
  border-top: 4px solid #14C883;
  box-shadow:
    0 2px 8px rgba(10,26,47,0.06),
    0 30px 80px rgba(10,26,47,0.10);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.personal-tax-page .pt-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 6px 16px rgba(10,26,47,0.08),
    0 28px 60px rgba(10,26,47,0.14);
}

.personal-tax-page .pt-card h3 {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.25px;
  margin-bottom: 10px;
}

.personal-tax-page .pt-card p {
  font-size: 15.5px;
  line-height: 1.55;
  color: rgba(58,74,92,0.88);
}

/* =========================
   INSIGHTS DASHBOARD
========================= */
.personal-tax-page .insights-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.personal-tax-page .insight-card {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 34px 30px;
  box-shadow:
    0 4px 14px rgba(0,0,0,0.06),
    0 20px 50px rgba(0,0,0,0.10);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.personal-tax-page .insight-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 10px 28px rgba(0,0,0,0.10),
    0 30px 70px rgba(0,0,0,0.14);
}

.personal-tax-page .insight-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* =========================
   FAQ (MATCH BUSINESS TAX)
========================= */
.personal-tax-page .faq-wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
  padding: 0 18px;
}

.personal-tax-page .faq-item {
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #E1E8EF;
  box-shadow: 0 3px 12px rgba(10,26,47,0.06);
}

.personal-tax-page .faq-item summary {
  cursor: pointer;
  padding: 20px 48px 20px 22px;
  font-size: 16.5px;
  font-weight: 600;
  list-style: none;
  position: relative;
}

.personal-tax-page .faq-item summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.personal-tax-page .faq-item[open] summary::after {
  content: "–";
}

.personal-tax-page .faq-item summary:hover {
  background: rgba(0,180,110,0.04);
}

.personal-tax-page .faq-body {
  padding: 0 22px 20px;
  font-size: 15.5px;
  line-height: 1.65;
}

/* =========================
   DISCLOSURE (ALIGN TO BT)
========================= */
.personal-tax-page .personal-disclosure-box {
  background: linear-gradient(to bottom right, #061b33, #072244);
  color: #FFFFFF;
  padding: 52px 56px;
  border-radius: 16px;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
  box-shadow: 0 18px 40px rgba(0,0,0,0.22);
}

.personal-tax-page .personal-disclosure-box::before {
  content: "Compliance Notice";
  display: block;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: 0.7;
}

.personal-tax-page .personal-disclosure-box p {
  font-size: 15.5px;
  line-height: 1.65;
  color: #d8e1ec !important;
  max-width: 880px;
  margin: 0 auto;
}

/* =========================
   CTA SAFETY
========================= */
.personal-tax-page .cta-wrapper {
  overflow: visible;
}

/* =========================
   FOOTER SAFETY
========================= */
.personal-tax-page footer p,
.personal-tax-page footer a,
.personal-tax-page footer li,
.personal-tax-page footer h4,
.personal-tax-page footer h5 {
  color: inherit;
}

/* =========================
   MOTION SOFTENING
========================= */
.personal-tax-page * {
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
/*****************************************************
  PERSONAL TAX — FINAL RHYTHM CORRECTIONS
  Purpose:
  - Tighten hero → content transition
  - Anchor "Who We Serve"
  - Improve Top 10 Issues density & readability
*****************************************************/

/* ===============================
   HERO → FIRST SECTION GAP
================================ */

.personal-tax-page .hero-aup + .meed-section,
.personal-tax-page .hero + .meed-section {
  padding-top: 70px; /* was effectively ~90+ */
}

/* ===============================
   A STRATEGIC APPROACH SECTION
================================ */

.personal-tax-page .meed-section h2.section-title {
  margin-bottom: 22px;
}

.personal-tax-page .meed-section > p {
  margin-bottom: 38px;
}

/* ===============================
   WHO WE SERVE — CARD ANCHORING
================================ */

.personal-tax-page .pt-grid {
  margin-top: 36px; /* tighten slightly */
}

.personal-tax-page .pt-card {
  box-shadow:
    0 3px 10px rgba(0,0,0,0.06),
    0 16px 36px rgba(0,0,0,0.08);
}

.personal-tax-page .pt-card:hover {
  transform: translateY(-6px); /* reduce float */
}

/* ===============================
   TOP 10 ISSUES — READABILITY FIX
================================ */

.personal-tax-page .top-issues-grid {
  margin-top: 32px; /* tighten from 44px */
}

.personal-tax-page .top-issues-grid .meed-card {
  padding: 22px 20px; /* slightly denser */
}

.personal-tax-page .top-issues-grid .meed-card h3 {
  margin-top: 14px;
  margin-bottom: 8px;
}

.personal-tax-page .top-issues-grid .meed-card p {
  font-size: 15px;   /* subtle density gain */
  line-height: 1.5;
}

/* ===============================
   SECTION-TO-SECTION FLOW
================================ */

.personal-tax-page .section-transition {
  height: 60px; /* was visually too tall */
}

/* ===============================
   MOBILE MICRO-CORRECTIONS
================================ */

@media (max-width: 768px) {
  .personal-tax-page .meed-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .personal-tax-page .top-issues-grid {
    gap: 22px;
  }
}
/********************************************************
  FIX: 2025 TAX LANDSCAPE — RESTORE ORIGINAL “ZOOMED” LOOK
  Scope: ONLY .top-issues-grid section
********************************************************/

/* Tighten the overall section so it feels zoomed-in */
.personal-tax-page .top-issues-grid {
  max-width: 980px;        /* narrower = zoomed */
  margin: 28px auto 0;
  gap: 20px;               /* denser than v2 */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 3-column on wide screens (matches original feel) */
@media (min-width: 1100px) {
  .personal-tax-page .top-issues-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Remove “card” chrome — original was editorial */
.personal-tax-page .top-issues-grid .meed-card {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 6px 4px;
}

/* Kill hover effects that flatten density */
.personal-tax-page .top-issues-grid .meed-card:hover {
  transform: none;
  box-shadow: none;
}

/* Restore compact headline hierarchy */
.personal-tax-page .top-issues-grid .meed-card h3 {
  font-size: 15.75px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 6px;
  color: #0A1A2F;
}

/* Restore dense, readable body text */
.personal-tax-page .top-issues-grid .meed-card p {
  font-size: 14.5px;
  line-height: 1.45;
  margin: 0;
  max-width: none;
  color: #24364D;
}

/* Tighten subtitle spacing above grid */
.personal-tax-page .section-gray .meed-subtitle {
  max-width: 880px;
  margin-bottom: 22px;
}

/* Mobile: keep density without cramping */
@media (max-width: 640px) {
  .personal-tax-page .top-issues-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
/********************************************************
  PERSONAL TAX — v3 200K POLISH PATCH (SAFE)
  Paste at VERY BOTTOM of personal-tax.css
********************************************************/

/* ========== 1) HERO: reduce dead space ========== */
/* (Targets typical hero wrappers without guessing page-wide) */
.personal-tax-page .hero-aup,
.personal-tax-page .hero {
  padding-top: 84px !important;
  padding-bottom: 64px !important;
}

.personal-tax-page .hero-aup-inner,
.personal-tax-page .hero-inner {
  max-width: 980px;
}

.personal-tax-page .hero-aup .hero-subtext,
.personal-tax-page .hero .hero-subtext {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* ========== 2) GLOBAL SECTION RHYTHM: stop the page from “floating” ========== */
.personal-tax-page .meed-section {
  padding-top: 84px;
  padding-bottom: 84px;
}

/* ========== 3) FIX: huge white gap before footer ========== */
/* The last sections are over-padding; tighten only at the bottom of the page */
.personal-tax-page .meed-section:last-of-type,
.personal-tax-page section:last-of-type {
  padding-bottom: 48px !important;
}

/* Kill accidental large margins from disclosure/cta wrappers */
.personal-tax-page .personal-disclosure-box {
  margin-bottom: 48px !important;
}

.personal-tax-page .cta-wrapper,
.personal-tax-page .cta-section {
  margin-bottom: 0 !important;
}

/* Ensure footer sits immediately after last content (no phantom space) */
.personal-tax-page footer {
  margin-top: 0 !important;
}

/* ========== 4) TOP 10 ISSUES: keep zoomed grid, tighten header spacing ========== */
.personal-tax-page .section-gray .meed-title {
  margin-bottom: 12px;
}

.personal-tax-page .section-gray .meed-subtitle {
  margin-top: 0;
  margin-bottom: 18px;
  max-width: 860px;
}

/* ========== 5) CARD SYSTEM: unify radius/shadow for premium consistency ========== */
.personal-tax-page .pt-card,
.personal-tax-page .insight-card {
  border: 1px solid rgba(10, 26, 47, 0.08);
  border-radius: 18px;
  box-shadow:
    0 2px 10px rgba(10, 26, 47, 0.06),
    0 18px 44px rgba(10, 26, 47, 0.08);
}

.personal-tax-page .pt-card:hover,
.personal-tax-page .insight-card:hover {
  transform: translateY(-5px);
}

/* ========== 6) OBBBA SECTION: add subtle separation so it reads premium ========== */
.personal-tax-page .section-gray-obbba {
  position: relative;
}

.personal-tax-page .section-gray-obbba::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(980px, calc(100% - 48px));
  height: 1px;
  background: rgba(10, 26, 47, 0.08);
}

/* ========== 7) FAQ: make it feel more “top firm” ========== */
.personal-tax-page .faq-item summary {
  padding: 18px 48px 18px 20px;
  border-radius: 12px;
}

.personal-tax-page .faq-item summary:hover {
  background: rgba(0, 180, 110, 0.05);
}

.personal-tax-page .faq-item[open] summary {
  background: rgba(0, 180, 110, 0.06);
}

/* ========== 8) CTA: increase contrast slightly (still tasteful) ========== */
.personal-tax-page .cta-section,
.personal-tax-page .cta-wrapper {
  border-radius: 22px;
}

.personal-tax-page .cta-section .cta-button,
.personal-tax-page .cta-wrapper .cta-button,
.personal-tax-page .cta-section a.button,
.personal-tax-page .cta-wrapper a.button {
  box-shadow: 0 10px 26px rgba(0, 180, 110, 0.18);
}

/* ========== 9) Mobile: reduce empty space further ========== */
@media (max-width: 768px) {
  .personal-tax-page .hero-aup,
  .personal-tax-page .hero {
    padding-top: 64px !important;
    padding-bottom: 52px !important;
  }

  .personal-tax-page .meed-section {
    padding-top: 66px;
    padding-bottom: 66px;
  }
}
/********************************************************
  200K CREDIBILITY BAND — PERSONAL TAX
  Elevates “20+ years…” without moving it
********************************************************/

.personal-tax-page .credibility-statement,
.personal-tax-page .experience-statement {
  max-width: 980px;
  margin: 56px auto 0;
  padding: 30px 36px;
  text-align: center;
  background: linear-gradient(
    90deg,
    rgba(10, 26, 47, 0.04),
    rgba(10, 26, 47, 0.02),
    rgba(10, 26, 47, 0.04)
  );
  border-radius: 18px;
  font-size: 16.5px;
  line-height: 1.6;
  color: #0A1A2F;
}

/* First line emphasis */
.personal-tax-page .credibility-statement strong,
.personal-tax-page .experience-statement strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Subtle separator above the band */
.personal-tax-page .credibility-statement::before,
.personal-tax-page .experience-statement::before {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background: linear-gradient(to right, #00b46e, #36d28f);
  border-radius: 4px;
  margin: 0 auto 18px;
}

/* Mobile tightening */
@media (max-width: 768px) {
  .personal-tax-page .credibility-statement,
  .personal-tax-page .experience-statement {
    padding: 22px 20px;
    font-size: 15.5px;
  }
}
.personal-tax-page .hero-bullets li {
  font-size: 15px;
  line-height: 1.45;
}
.personal-tax-page .pt-grid {
  margin-top: 28px;
}
/* HERO → FIRST SECTION GAP FIX */
.personal-tax-page .hero-section {
  margin-bottom: 0;
}

.personal-tax-page .hero-section + section {
  margin-top: -40px;
  padding-top: 80px;
}
/* TAX LANDSCAPE — EXECUTIVE BRIEFING STYLE */
.personal-tax-page .top-issues-grid {
  margin-top: 48px;
}

.personal-tax-page .top-issues-grid .meed-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow:
    0 4px 14px rgba(0,0,0,0.06),
    0 18px 42px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.personal-tax-page .top-issues-grid .meed-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 10px 24px rgba(0,0,0,0.12),
    0 28px 60px rgba(0,0,0,0.14);
}
/* OBBBA → NEXT SECTION DIVIDER */
.personal-tax-page .section-gray-obbba {
  position: relative;
}

.personal-tax-page .section-gray-obbba::after {
  content: "";
  display: block;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #F7FBFF);
  margin-top: 60px;
}
.personal-tax-page .personal-tax-faq {
  margin-bottom: 90px;
}
/* SECTION TITLE ACCENT — RELAX SPACING */
.personal-tax-page .section-title {
  margin-bottom: 18px;
}

.personal-tax-page .section-anchor {
  margin-top: 14px;
  margin-bottom: 32px;
}
/* TAX LANDSCAPE HEADER RHYTHM */
.personal-tax-page .top-issues-section .meed-title,
.personal-tax-page .meed-section .meed-title {
  margin-bottom: 20px;
}

.personal-tax-page .meed-section .section-anchor {
  margin-bottom: 36px;
}

.personal-tax-page .meed-subtitle {
  margin-top: 6px;
}
/* MAJOR SECTION BREATHING ROOM */
.personal-tax-page .meed-section {
  padding-top: 96px;
  padding-bottom: 96px;
}
/* WHO WE SERVE — MICRO LIFT */
.personal-tax-page .pt-grid {
  margin-top: 36px;
}
.personal-tax-page .credibility-statement {
  margin-top: 64px;
}
/* FINAL HEADER–ACCENT RHYTHM REFINEMENT */
.personal-tax-page .section-title,
.personal-tax-page .meed-title {
  margin-bottom: 22px;
}

.personal-tax-page .section-anchor {
  margin-top: 16px;
  margin-bottom: 40px;
}
/* TAX LANDSCAPE — HEADER TO GRID SPACING */
.personal-tax-page .top-issues-grid {
  margin-top: 56px;
}