/* ============================================================
   EXECUTIVE INTELLIGENCE PLATFORM — P3
   Strategic Engagement / contact-plus surface.
   Compositional layer over css/style.css using the same
   navy / gold / ivory / teal / charcoal token palette.
   Mobile-first; no heavy JS. Covers /engage (9 pathways),
   the Digital Briefing Room shell, and downloadable profiles.
   ============================================================ */

/* --- /engage hero (mirrors .intel-hero) --- */
.engage-hero {
  background: linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-light) 100%);
  color: var(--color-ivory); padding: 4rem 0 3.2rem;
}
.engage-hero .intel-eyebrow { font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-gold); font-weight: 600; }
.engage-hero h1 { font-weight: 300; line-height: 1.15; margin: 0.8rem 0 1.1rem; max-width: 22ch; }
.engage-hero .lede { color: var(--color-silver); max-width: 62ch; font-size: 1.05rem; line-height: 1.6; margin-bottom: 1.4rem; }
.engage-hero .lede:last-child { margin-bottom: 0; }
.engage-note { color: var(--color-silver); font-size: 0.88rem; line-height: 1.6; max-width: 68ch; }

/* --- 9 pathway cards --- */
.pathway-grid { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.1rem; padding: 0; margin: 1.5rem 0 0; }
.pathway-card {
  background: #fff; border: 1px solid #E3DDCF; border-left: 3px solid var(--color-gold);
  border-radius: 5px; padding: 1.25rem 1.35rem; display: flex; flex-direction: column;
}
.pathway-card .pw-no { font-size: 0.72rem; letter-spacing: 0.14em; color: var(--color-gold-ivory); font-weight: 700; margin-bottom: 0.4rem; }
.pathway-card h3 { font-size: 1.1rem; font-weight: 600; color: var(--color-navy); margin: 0 0 0.5rem; line-height: 1.3; }
.pathway-card .pw-for { color: var(--color-charcoal); font-size: 0.9rem; line-height: 1.55; margin: 0 0 0.7rem; flex: 1 1 auto; }
.pathway-card .pw-for b { color: var(--color-navy); font-weight: 600; }
.pathway-card .pw-route { margin-top: 0.6rem; }
.pathway-card .pw-route a { color: var(--color-teal); font-weight: 600; text-decoration: none; font-size: 0.92rem; }
.pathway-card .pw-route a:hover { text-decoration: underline; }
.pathway-card .pw-route .pw-state { display: block; color: #4B5563; font-size: 0.8rem; margin-top: 0.35rem; line-height: 1.5; }
.owner-gate {
  background: rgba(198,161,91,0.10); border: 1px dashed rgba(139,105,20,0.6);
  color: var(--color-charcoal); font-size: 0.9rem; line-height: 1.6;
  padding: 0.9rem 1.1rem; border-radius: 4px; margin-top: 1rem;
}
.bifm-tag {
  display: inline-block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 0.14rem 0.55rem; border-radius: 20px; margin-right: 0.4rem; vertical-align: middle;
}
.bifm-tag.owner { color: #B03A2E; border: 1px solid rgba(176,58,46,0.55); }
.bifm-tag.info  { color: var(--color-teal); border: 1px solid rgba(47,107,98,0.5); }

/* --- briefing room shell --- */
.br-step {
  border: 1px solid #E3DDCF; border-left: 4px solid var(--color-gold); border-radius: 5px;
  background: #fff; padding: 1.4rem 1.5rem; margin-bottom: 1.3rem;
}
.br-step .br-kicker { font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold-ivory); font-weight: 700; margin-bottom: 0.4rem; }
.br-step h2 { font-size: 1.2rem; font-weight: 600; color: var(--color-navy); margin: 0 0 0.6rem; }
.br-step p { color: var(--color-charcoal); font-size: 0.95rem; line-height: 1.65; margin-bottom: 0.8rem; }
.br-step p:last-child { margin-bottom: 0; }
.br-step ul { color: var(--color-charcoal); font-size: 0.93rem; line-height: 1.6; padding-left: 1.2rem; margin: 0.4rem 0 0; }
.br-step li { margin-bottom: 0.35rem; }

/* --- profiles (print-optimised below) --- */
.profile-sheet {
  background: #fff; border: 1px solid #E3DDCF; border-radius: 5px;
  padding: 1.6rem 1.7rem; margin-bottom: 1.6rem; color: var(--color-charcoal);
}
.profile-sheet h1 { font-size: 1.5rem; font-weight: 300; color: var(--color-navy); margin: 0 0 0.2rem; }
.profile-sheet .ps-sub { color: #4B5563; font-size: 0.9rem; margin-bottom: 1rem; }
.profile-sheet h2 { font-size: 0.82rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-gold-ivory); font-weight: 700; border-bottom: 2px solid var(--color-gold); padding-bottom: 0.25rem; margin: 1.3rem 0 0.5rem; }
.profile-sheet p { font-size: 0.92rem; line-height: 1.6; margin-bottom: 0.6rem; }
.profile-sheet ul { font-size: 0.9rem; line-height: 1.55; padding-left: 1.15rem; margin: 0.3rem 0 0.6rem; }
.profile-sheet li { margin-bottom: 0.25rem; }
.profile-sheet .ps-fig b { color: var(--color-navy); }
.prov-note { color: #4B5563; font-size: 0.82rem; line-height: 1.55; }

/* --- print: download / save-to-PDF for profiles --- */
@media print {
  .nav, .footer, .page-banner, .skip-link, .print-hide, .cta-section,
  .engage-hero .intel-eyebrow, aside.utility { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .profile-sheet { border: none; padding: 0; }
  .print-title-block { text-align: center; }
  .profile-sheet h1, .profile-sheet .ps-sub { color: #000 !important; }
  .profile-sheet h2 { color: #000 !important; border-bottom-color: #999 !important; }
  .profile-sheet p, .profile-sheet ul, .profile-sheet li, .prov-note { color: #000 !important; }
  .prov-note { font-size: 8pt; }
  a { color: #000 !important; }
  .page-break-before { page-break-before: always; }
}

@media (max-width: 768px) {
  .engage-hero { padding: 3rem 0 2.5rem; }
  .engage-hero h1 { font-size: 1.7rem; }
}