/* ==========================================================================
   🔒 LOCKED — /faqs/ archive CSS (locked 2026-05-17)
   ==========================================================================
   Christopher considers /faqs/ completed. No edits without per-change
   authorization. PreToolUse hook halts Edit / Write / MultiEdit. Override
   via $env:THISISMYURL_SERVICES_UNLOCK = '1' per session.
   Sister-locked: archive-thisismyurl_faq.php.
   ==========================================================================

   archive-faq.css — FAQ archive (/faqs/) topic-grouped editorial index
   Extracted from main.css 2026-05-12 css-master refactor. Conditionally
   enqueued via inc/setup.php on is_post_type_archive('thisismyurl_faq').
   ========================================================================== */

/* ============================================================================
   FAQ archive (/faqs/) — topic-grouped editorial index.
   Built 2026-05-11. Renders the `faq` CPT with `_related_faq_ids` inverted at
   read time so each FAQ knows which pages reference it (the "Appears on" line).
   Visual treatment: heavy left rule per topic group, no card chrome, definition
   list semantics. Matches the editorial-mode tone the about page now uses.
   ============================================================================ */
.page-wrap--faq .faq-topic-group {
  margin: 0 0 2.6rem;
}

.page-wrap--faq .faq-topic-group__heading {
  font-size: clamp(1.4rem, 2.4vw, 1.7rem);
  margin: 0 0 1.1rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid rgba(18, 52, 86, 0.18);
  color: var(--color-text-strong, #0b1f3a);
}

.page-wrap--faq .faq-archive-list {
  margin: 0;
  padding: 0;
}

.page-wrap--faq .faq-archive-item {
  margin: 0 0 1.4rem;
  padding: 0.1rem 0 0.1rem 1.1rem;
  border-left: 3px solid rgba(18, 52, 86, 0.18);
  transition: border-color 0.12s ease;
}

.page-wrap--faq .faq-archive-item:target {
  border-left-color: var(--color-accent, #1a4373);
}

.page-wrap--faq .faq-archive-item__q {
  font-weight: 700;
  font-size: 1.08rem;
  line-height: 1.4;
  margin: 0 0 0.4rem;
  color: var(--color-text-strong, #0b1f3a);
}

.page-wrap--faq .faq-archive-item__a {
  margin: 0;
  line-height: 1.55;
}

.page-wrap--faq .faq-archive-item__a > p:first-child {
  margin-top: 0;
}

.page-wrap--faq .faq-archive-item__a > p:last-child {
  margin-bottom: 0;
}

.page-wrap--faq .faq-archive-item__appears-on {
  margin: 0.6rem 0 0;
  font-size: 0.9rem;
  color: var(--color-muted);
}

.page-wrap--faq .faq-archive-item__appears-on-label {
  font-weight: 600;
  color: var(--color-text-strong, #0b1f3a);
  margin-right: 0.25rem;
}

.page-wrap--faq .faq-archive-item__appears-on a {
  color: var(--color-accent, #1a4373);
}

/* About page seeded content — testimonial blockquotes from real client emails.
   Editorial pull-quote treatment. Single design move: oversized gold serif
   opening quote hanging in the left gutter, hairline navy sign-off rule
   under the body, attribution drops uppercase/tracking (was making the card
   feel flat and SaaS-y). Name stays navy-bold as the credential anchor.
   Kills inherited .wp-block-quote card chrome via background/border resets.
   Scoped to .page-wrap--about so it cannot leak to other surfaces. */
.page-wrap--about .about-testimonial {
  position: relative;
  margin: 2.4rem 0;
  padding: 0.25rem 0 1.1rem 3.25rem;
  background: none;
  border: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
  font-style: normal;
}

.page-wrap--about .about-testimonial::before {
  content: "\201C"; /* left double quotation mark */
  position: absolute;
  left: 0;
  top: -0.35em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 4.4rem;
  line-height: 1;
  font-weight: 700;
  color: var(--color-gold, var(--color-gold));
  pointer-events: none;
  user-select: none;
}

.page-wrap--about .about-testimonial p {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  line-height: 1.45;
  font-weight: 500;
  color: var(--color-text-strong, #0b1f3a);
  margin: 0 0 0.85rem;
  letter-spacing: -0.005em;
}

.page-wrap--about .about-testimonial cite {
  display: block;
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--color-muted);
  letter-spacing: 0;
  text-transform: none;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(26, 67, 115, 0.18);
}

.page-wrap--about .about-testimonial cite strong {
  font-style: normal;
  font-weight: 700;
  color: var(--color-text-strong, #0b1f3a);
}

@media (max-width: 540px) {
  .page-wrap--about .about-testimonial { padding-left: 2.4rem; }
  .page-wrap--about .about-testimonial::before { font-size: 3.4rem; top: -0.25em; }
  .page-wrap--about .about-testimonial p { font-size: 1.18rem; }
}

/* Strip the default boxed-card chrome from any wp:html block injected as a
   raw <section> inside the editorial body — keeps the editorial flow even if
   future seeded content adds new wrappers. */
.page-wrap--about .entry-content > section {
  margin-top: 1.4rem;
}

@media (max-width: 1060px) {
  .about-impact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .thisismyurl-contact-form__grid {
    grid-template-columns: 1fr;
  }

  .about-impact {
    grid-template-columns: 1fr;
  }

  
}