/* Screen-reader only utility */
.prd-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ══════════════════════════════════════════════════════════
   PRESS RELEASE DETAIL PAGE — Namespace: prd-
══════════════════════════════════════════════════════════ */

.press-release-detail {
  background: var(--page-bg);
  min-height: 100vh;
}

/* ── Breadcrumb ── */
.prd-breadcrumb-bar {
  background: var(--white);
  border-bottom: 1px solid var(--card-border);
  padding: var(--sp-3) 0;
}
.prd-breadcrumb-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--sp-6);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  flex-wrap: wrap;
}
.prd-breadcrumb-inner a {
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.18s;
}
.prd-breadcrumb-inner a:hover { color: var(--navy); }
.prd-breadcrumb-sep {
  font-size: var(--text-xs);
  color: var(--text-muted);
  user-select: none;
}
.prd-breadcrumb-current {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 340px;
}

/* ══════════════════════════════════════════════════════════
   PHASE 2 — PRESS RELEASE HEADER
══════════════════════════════════════════════════════════ */

.prd-header {
  background: linear-gradient(160deg, var(--navy-gradient-1) 0%, var(--sidebar-dark) 55%, var(--navy) 100%);
  padding: var(--sp-12) 0 0;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
.prd-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M0 0h40v40H0zm40 40h40v40H40z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}
.prd-header-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--sp-6);
  position: relative;
  z-index: 1;
}
.prd-header-meta-row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-bottom: var(--sp-5);
  flex-wrap: wrap;
}
.prd-category-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  background: var(--av-teal);
  color: var(--white);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  padding: 4px var(--sp-3);
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.prd-header-date {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  color: rgba(255,255,255,0.65);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.prd-header-date svg { flex-shrink: 0; opacity: 0.70; }
.prd-header-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  display: inline-block;
}
.prd-header h1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--white);
  margin-bottom: var(--sp-5);
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}
.prd-header-summary {
  font-size: var(--text-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: rgba(255,255,255,0.80);
  max-width: 720px;
  margin-bottom: var(--sp-8);
}

/* Share & action bar inside header */
.prd-header-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  flex-wrap: wrap;
  padding-bottom: var(--sp-8);
}
.prd-action-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.90);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  padding: 9px var(--sp-4);
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s;
}
.prd-action-btn:hover {
  background: rgba(255,255,255,0.20);
  border-color: rgba(255,255,255,0.40);
}
.prd-action-btn-primary {
  background: var(--av-teal);
  border-color: var(--av-teal);
  color: var(--white);
  font-weight: var(--fw-semibold);
}
.prd-action-btn-primary:hover { background: var(--teal-mid); border-color: var(--teal-mid); }

/* Header image strip */
.prd-header-image-strip {
  margin-top: var(--sp-2);
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  max-height: 400px;
  position: relative;
}
.prd-header-image-strip img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}
.prd-header-image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--sp-3) var(--sp-5);
  background: linear-gradient(transparent, rgba(0,0,0,0.55));
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: rgba(255,255,255,0.75);
  font-style: italic;
}

/* ══════════════════════════════════════════════════════════
   PHASE 3 — BODY LAYOUT
══════════════════════════════════════════════════════════ */

.prd-body {
  max-width: 1320px;
  margin: 0 auto;
  padding: var(--sp-10) var(--sp-6);
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--sp-8);
  align-items: start;
}

/* Sidebar switched off for this release (admin → Other Frontend Blocks).
   Single column, and the reading width is capped so the article does not
   stretch to 1320px and become hard to read. Everything else — spacing,
   type, block styling — is untouched. */
.prd-body--nosidebar {
  grid-template-columns: minmax(0, 1fr);
  max-width: 980px;
}

/* ── MAIN CONTENT ── */
.prd-main-content {
  min-width: 0;
}

/* Dateline card */
.prd-dateline-bar {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-left: 4px solid var(--navy);
  border-radius: 0 8px 8px 0;
  padding: var(--sp-4) var(--sp-5);
  margin-bottom: var(--sp-8);
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  flex-wrap: wrap;
}
.prd-dateline-text {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  font-family: var(--font-mono);
}
.prd-dateline-wire {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  background: var(--tint-navy);
  border: 1px solid var(--blue-light);
  color: var(--navy);
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  padding: 3px var(--sp-3);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.prd-dateline-id {
  margin-left: auto;
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
  font-family: var(--font-mono);
}

/* Prose content */
.prd-prose {
  font-size: var(--text-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: var(--text-mid);
}
.prd-prose p {
  font-size: var(--text-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: var(--text-mid);
  margin-bottom: var(--sp-5);
}
/* Headings, lists and tables arrive inside the stored press-release HTML, so
   they need explicit sizes here — a font-size on .prd-prose alone is only
   inherited, and the global typography.css element rules override inheritance.
   Values mirror the report description page scale. */
.prd-prose h2 {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--text-dark);
  margin: var(--sp-6) 0 var(--sp-3);
}
.prd-prose h3 {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--text-dark);
  margin: var(--sp-5) 0 var(--sp-3);
}
.prd-prose h4,
.prd-prose h5,
.prd-prose h6 {
  font-size: var(--text-base);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  color: var(--text-dark);
  margin: var(--sp-4) 0 var(--sp-2);
}
.prd-prose ul,
.prd-prose ol {
  margin: 0 0 var(--sp-5);
  padding-left: var(--sp-5);
}
.prd-prose li {
  font-size: var(--text-base);
  line-height: var(--lh-loose);
  color: var(--text-mid);
  margin-bottom: var(--sp-2);
}
.prd-prose table { font-size: var(--text-sm); }
.prd-prose > *:first-child { margin-top: 0; }
.prd-prose p:first-child {
  font-size: var(--text-base);
  font-weight: var(--fw-normal);
  color: var(--text-dark);
  line-height: var(--lh-loose);
}
.prd-prose strong {
  color: var(--text-dark);
  font-weight: var(--fw-semibold);
}
.prd-prose a {
  color: var(--navy);
  text-decoration: underline;
  text-decoration-color: var(--blue-light);
  text-underline-offset: 2px;
  transition: color 0.18s, text-decoration-color 0.18s;
}
.prd-prose a:hover {
  color: var(--blue);
  text-decoration-color: var(--blue);
}

/* Key findings block */
.prd-findings {
  background: var(--blue-light);
  border: 1px solid var(--card-border);
  border-left: 4px solid var(--navy);
  border-radius: 0 8px 8px 0;
  padding: var(--sp-6);
  margin: var(--sp-8) 0;
}
.prd-findings-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-extrabold);
  color: var(--navy);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--sp-4);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.prd-findings-label svg { color: var(--navy); }
.prd-findings ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}
.prd-findings ul li {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  line-height: var(--lh-normal);
  color: var(--text-dark);
}
.prd-findings-bullet {
  width: 18px;
  height: 18px;
  background: var(--navy);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.prd-findings-bullet svg { color: var(--white); }

/* Stats grid */
.prd-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-4);
  margin: var(--sp-8) 0;
}
.prd-stat-card {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  padding: var(--sp-5);
  text-align: center;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.prd-stat-card-number {
  font-size: var(--text-3xl);
  font-weight: var(--fw-extrabold);
  color: var(--navy);
  line-height: var(--lh-tight);
  display: block;
  margin-bottom: var(--sp-1);
}
.prd-stat-card-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: block;
}
.prd-stat-card-sub {
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: var(--av-teal);
  margin-top: var(--sp-1);
  display: block;
}

/* Pull quote */
.prd-pullquote {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  padding: var(--sp-8) var(--sp-8) var(--sp-6);
  margin: var(--sp-8) 0;
  position: relative;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.prd-pullquote::before {
  content: '\201C';
  position: absolute;
  top: var(--sp-4);
  left: var(--sp-6);
  font-size: var(--text-5xl);
  font-weight: var(--fw-extrabold);
  color: var(--blue-light);
  line-height: 1;
  font-family: Georgia, serif;
}
.prd-pullquote-text {
  font-size: var(--text-xl);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-normal);
  color: var(--text-dark);
  font-style: italic;
  margin-bottom: var(--sp-5);
  padding-left: var(--sp-2);
}
.prd-pullquote-attribution {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}
.prd-quote-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid var(--card-border);
}
.prd-quote-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.prd-quote-name {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  color: var(--text-dark);
  display: block;
}
.prd-quote-title {
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
  display: block;
  margin-top: 2px;
}

/* Section divider heading */
.prd-section-divider {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  margin: var(--sp-10) 0 var(--sp-6);
}
.prd-section-divider h2 {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--text-dark);
  white-space: nowrap;
}
.prd-section-divider-line {
  flex: 1;
  height: 1px;
  background: var(--card-border);
}

/* Second quote */
.prd-quote-inline {
  border-left: 4px solid var(--av-teal);
  padding: var(--sp-4) var(--sp-5);
  margin: var(--sp-6) 0;
  background: var(--tint-teal);
  border-radius: 0 8px 8px 0;
}
.prd-quote-inline p {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: var(--text-dark);
  font-style: italic;
  margin-bottom: var(--sp-2);
}
.prd-quote-inline cite {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-teal-dark);
  font-style: normal;
}

/* Platform features table */
.prd-features-table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--sp-6) 0;
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  overflow: hidden;
  font-size: var(--text-sm);
}
.prd-features-table thead tr {
  background: var(--page-bg);
}
.prd-features-table th {
  padding: var(--sp-3) var(--sp-4);
  text-align: left;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-bottom: 1px solid var(--card-border);
}
.prd-features-table td {
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  color: var(--text-mid);
  border-bottom: 1px solid var(--card-border);
  line-height: var(--lh-normal);
}
.prd-features-table tbody tr:last-child td { border-bottom: none; }
.prd-features-table tbody tr:hover { background: var(--tint-navy); }
.prd-features-table .prd-ft-check {
  color: var(--av-teal);
  font-weight: var(--fw-bold);
}
.prd-features-table .prd-ft-badge {
  display: inline-block;
  background: var(--tint-teal);
  color: var(--text-teal-dark);
  border: 1px solid var(--av-teal);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  padding: 2px var(--sp-2);
  border-radius: 4px;
}

/* About box */
.prd-about-box {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  padding: var(--sp-6);
  margin-top: var(--sp-10);
}
.prd-about-box-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-extrabold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--sp-3);
  display: block;
}
.prd-about-box h3 {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--text-dark);
  margin-bottom: var(--sp-3);
}
.prd-about-box p {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  line-height: var(--lh-loose);
  color: var(--text-mid);
  margin-bottom: var(--sp-4);
}
.prd-about-box-footer {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  padding-top: var(--sp-4);
  border-top: 1px solid var(--card-border);
  flex-wrap: wrap;
}
.prd-about-website {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--navy);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  transition: color 0.18s;
}
.prd-about-website:hover { color: var(--blue); }

/* Media contact box */
.prd-media-contact {
  display: none; /* hidden — unhide when needed */
  background: var(--navy-deep);
  border-radius: 10px;
  padding: var(--sp-6);
  margin-top: var(--sp-6);
  -webkit-font-smoothing: antialiased;
}
.prd-media-contact-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-extrabold);
  color: rgba(255,255,255,0.50);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--sp-4);
  display: block;
}
.prd-media-contact-name {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--white);
  display: block;
  margin-bottom: 2px;
}
.prd-media-contact-role {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  color: rgba(255,255,255,0.60);
  display: block;
  margin-bottom: var(--sp-4);
}
.prd-media-contact-links {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.prd-media-contact-link {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  transition: color 0.18s;
}
.prd-media-contact-link:hover { color: var(--white); }
.prd-media-contact-link svg { color: var(--av-teal); flex-shrink: 0; }

/* Tags row */
.prd-tags-row {
  margin-top: var(--sp-8);
  padding-top: var(--sp-6);
  border-top: 1px solid var(--card-border);
  display: none; /* hidden — change to flex to re-enable */
  align-items: center;
  gap: var(--sp-3);
  flex-wrap: wrap;
}
.prd-tags-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  flex-shrink: 0;
}
.prd-tag {
  display: inline-flex;
  align-items: center;
  background: var(--page-bg);
  border: 1px solid var(--card-border);
  color: var(--text-mid);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  padding: 4px var(--sp-3);
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.18s;
}
.prd-tag:hover {
  background: var(--blue-light);
  border-color: var(--blue);
  color: var(--navy);
}

/* Bottom share bar */
.prd-share-bar {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  padding: var(--sp-5) var(--sp-6);
  margin-top: var(--sp-6);
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  flex-wrap: wrap;
}
.prd-share-label {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  white-space: nowrap;
}
.prd-share-btns {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  flex-wrap: wrap;
}
.prd-share-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 8px var(--sp-4);
  border-radius: 6px;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  border: 1px solid var(--card-border);
  background: var(--page-bg);
  color: var(--text-mid);
  text-decoration: none;
  transition: all 0.18s;
}
.prd-share-btn:hover { background: var(--blue-light); border-color: var(--blue); color: var(--navy); }
.prd-share-btn-linkedin { border-color: rgba(10,102,194,0.30); }
.prd-share-btn-linkedin:hover { background: rgba(10,102,194,0.08); border-color: rgba(10,102,194,0.50); color: #0A66C2; }
.prd-share-btn-twitter:hover { background: rgba(29,155,240,0.08); border-color: rgba(29,155,240,0.40); color: #1D9BF0; }
.prd-copy-btn { margin-left: auto; }

/* Print button */
.prd-print-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 8px var(--sp-4);
  border-radius: 6px;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  border: 1px solid var(--card-border);
  background: var(--page-bg);
  color: var(--text-mid);
  transition: all 0.18s;
  margin-left: auto;
}
.prd-print-btn:hover { background: var(--blue-light); border-color: var(--blue); color: var(--navy); }

/* ══════════════════════════════════════════════════════════
   PHASE 4 — SIDEBAR
══════════════════════════════════════════════════════════ */

.prd-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  position: sticky;
  top: 80px;
}

.prd-sidebar-widget {
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  overflow: hidden;
}
.prd-widget-header {
  background: var(--page-bg);
  border-bottom: 1px solid var(--card-border);
  padding: var(--sp-4) var(--sp-5);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.prd-widget-header svg {
  flex-shrink: 0;
  display: block;
}
.prd-widget-header h3 {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
  line-height: 1.2;
}
.prd-widget-body { padding: var(--sp-5); }

/* Quick facts */
.prd-quick-facts {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}
.prd-fact-row {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  padding-bottom: var(--sp-3);
  border-bottom: 1px solid var(--card-border);
}
.prd-fact-row:last-child { border-bottom: none; padding-bottom: 0; }
.prd-fact-icon {
  width: 32px;
  height: 32px;
  background: var(--blue-light);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--navy);
}
.prd-fact-icon svg { display: block; flex-shrink: 0; }
/* Text column of a fact row — keeps label/value optically level with the icon */
.prd-fact-row > div:last-child { flex: 1; min-width: 0; padding-top: 2px; }
.prd-fact-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: block;
  margin-bottom: 2px;
}
.prd-fact-value {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  display: block;
  line-height: var(--lh-normal);
}

/* Download widget */
.prd-download-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}
.prd-download-item {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-4);
  background: var(--page-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.18s;
}
.prd-download-item:hover {
  background: var(--blue-light);
  border-color: var(--blue);
}
.prd-download-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.prd-download-icon-pdf { background: rgba(244,67,54,0.10); color: var(--av-red); }
.prd-download-icon-docx { background: rgba(13,71,161,0.10); color: var(--navy); }
.prd-download-icon-img  { background: rgba(0,150,136,0.10); color: var(--av-teal); }
.prd-download-name {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  display: block;
}
.prd-download-meta {
  font-size: var(--text-xs);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
  display: block;
}
.prd-download-arrow { margin-left: auto; color: var(--text-muted); }

/* CTA sidebar widget */
.prd-sidebar-cta {
  background: linear-gradient(135deg, var(--navy-gradient-1) 0%, var(--sidebar-dark) 100%);
  border-radius: 10px;
  padding: var(--sp-6);
  -webkit-font-smoothing: antialiased;
}
.prd-sidebar-cta-icon {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.12);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-4);
  color: var(--white);
}
.prd-sidebar-cta h3 {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--white);
  margin-bottom: var(--sp-2);
}
.prd-sidebar-cta p {
  font-size: var(--text-sm);
  font-weight: var(--fw-normal);
  line-height: var(--lh-normal);
  color: rgba(255,255,255,0.68);
  margin-bottom: var(--sp-5);
}
.prd-sidebar-cta-btn {
  display: block;
  width: 100%;
  padding: 10px;
  background: var(--av-teal);
  color: var(--white);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
  -webkit-font-smoothing: antialiased;
}
.prd-sidebar-cta-btn:hover { background: var(--teal-mid); color: #fff; }
.prd-sidebar-cta-secondary {
  display: block;
  width: 100%;
  padding: 10px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.88);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  margin-top: var(--sp-2);
  transition: background 0.18s, color 0.18s;
}
.prd-sidebar-cta-secondary:hover { background: rgba(255,255,255,0.20); color: #fff; }

/* Share widget */
.prd-sidebar-share-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.prd-sidebar-share-btn {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-4);
  border-radius: 8px;
  border: 1px solid var(--card-border);
  background: var(--page-bg);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  color: var(--text-mid);
  cursor: pointer;
  text-decoration: none;
  transition: all 0.18s;
}
.prd-sidebar-share-btn:hover { background: var(--blue-light); border-color: var(--blue); color: var(--navy); }
.prd-sidebar-share-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.prd-si-linkedin { background: rgba(10,102,194,0.10); color: #0A66C2; }
.prd-si-twitter  { background: rgba(29,155,240,0.10); color: #1D9BF0; }
.prd-si-email    { background: var(--blue-light); color: var(--navy); }
.prd-si-copy     { background: var(--page-bg); color: var(--text-mid); border: 1px solid var(--card-border); }
.prd-sidebar-share-btn span { flex: 1; }
.prd-sidebar-share-btn small {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-weight: var(--fw-normal);
}

/* ══════════════════════════════════════════════════════════
   PHASE 5 — RELATED PRESS RELEASES
══════════════════════════════════════════════════════════ */

.prd-related-section {
  background: var(--white);
  border-top: 1px solid var(--card-border);
  padding: var(--sp-12) 0;
}
.prd-related-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--sp-6);
}
.prd-related-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--sp-8);
  gap: var(--sp-4);
}
.prd-related-heading h2 {
  font-size: var(--text-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--text-dark);
}
.prd-related-all-link {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--navy);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  transition: gap 0.18s;
  white-space: nowrap;
}
.prd-related-all-link:hover { gap: var(--sp-2); color: var(--blue); }

.prd-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
}
.prd-related-card {
  background: var(--page-bg);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
}
.prd-related-card:hover {
  box-shadow: 0 6px 20px rgba(13,71,161,0.10);
  transform: translateY(-2px);
}
.prd-related-card-image {
  height: 160px;
  overflow: hidden;
  position: relative;
}
.prd-related-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.prd-related-card:hover .prd-related-card-image img { transform: scale(1.04); }
.prd-related-card-body {
  padding: var(--sp-5);
  flex: 1;
  display: flex;
  flex-direction: column;
}
.prd-related-card-meta {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-bottom: var(--sp-3);
}
.prd-related-cat-badge {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  background: var(--blue-light);
  color: var(--navy);
  border: 1px solid var(--blue-light);
  padding: 2px var(--sp-2);
  border-radius: 4px;
}
.prd-related-date {
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.prd-related-card h3 {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
  color: var(--text-dark);
  margin-bottom: var(--sp-3);
  flex: 1;
}
.prd-related-card h3 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.18s;
}
.prd-related-card h3 a:hover { color: var(--navy); }
.prd-related-card-link {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--navy);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  margin-top: auto;
  padding-top: var(--sp-3);
  border-top: 1px solid var(--card-border);
  transition: gap 0.18s, color 0.18s;
}
.prd-related-card-link:hover { color: var(--blue); gap: var(--sp-2); }

/* Nav between press releases */
.prd-pr-nav {
  background: var(--white);
  border-top: 1px solid var(--card-border);
  padding: var(--sp-6) 0;
}
.prd-pr-nav-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--sp-6);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-6);
}
.prd-pr-nav-item {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  text-decoration: none;
  padding: var(--sp-4);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  background: var(--page-bg);
  transition: all 0.18s;
}
.prd-pr-nav-item:hover { background: var(--blue-light); border-color: var(--blue); }
.prd-pr-nav-item.prd-nav-next { flex-direction: row-reverse; text-align: right; }
.prd-pr-nav-arrow {
  width: 36px;
  height: 36px;
  background: var(--white);
  border: 1px solid var(--card-border);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--text-mid);
  transition: all 0.18s;
}
.prd-pr-nav-item:hover .prd-pr-nav-arrow { background: var(--navy); border-color: var(--navy); color: var(--white); }
.prd-pr-nav-direction {
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: block;
  margin-bottom: 3px;
}
.prd-pr-nav-title {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-dark);
  line-height: var(--lh-normal);
  display: block;
  transition: color 0.18s;
}
.prd-pr-nav-item:hover .prd-pr-nav-title { color: var(--navy); }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .prd-body { grid-template-columns: 1fr 280px; gap: var(--sp-6); }
}

@media (max-width: 900px) {
  .prd-body { grid-template-columns: 1fr; }
  .prd-sidebar { position: static; }
  .prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .prd-stats-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1023px) {
  .prd-header h1 { font-size: var(--text-2xl); }
}

@media (max-width: 768px) {
  .prd-header h1 { font-size: var(--text-xl); }
  .prd-header { padding: var(--sp-8) 0 0; }
  .prd-body { padding: var(--sp-6) var(--sp-4); }
  .prd-breadcrumb-inner { padding: 0 var(--sp-4); }
  .prd-header-inner { padding: 0 var(--sp-4); }
  .prd-related-inner { padding: 0 var(--sp-4); }
  .prd-pr-nav-inner { padding: 0 var(--sp-4); }
  .prd-stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
  .prd-related-grid { grid-template-columns: 1fr; }
  .prd-pr-nav-inner { grid-template-columns: 1fr; }
  .prd-pr-nav-item.prd-nav-next { flex-direction: row; text-align: left; }
  .prd-share-bar { flex-direction: column; align-items: flex-start; }
  .prd-copy-btn { margin-left: 0; }
  .prd-print-btn { margin-left: 0; }
  /* Share buttons: stretch equally across full row */
  .prd-share-btns { width: 100%; }
  .prd-share-btn  { flex: 1; justify-content: center; }
  /* Header actions: allow wrap */
  .prd-header-actions { flex-wrap: wrap; gap: var(--sp-2); }
}

@media (max-width: 540px) {
  .prd-header h1 { font-size: var(--text-lg); }
  .prd-header-summary { font-size: var(--text-sm); }
  .prd-stats-grid { grid-template-columns: 1fr 1fr; }
  .prd-pullquote { padding: var(--sp-6) var(--sp-5) var(--sp-5); }
  .prd-pullquote-text { font-size: var(--text-lg); }
  .prd-header-image-strip img { height: 220px; }
  .prd-dateline-id { display: none; }
  /* Tighter horizontal padding at small sizes */
  .prd-body             { padding: var(--sp-4) var(--sp-3); }
  .prd-breadcrumb-inner,
  .prd-header-inner,
  .prd-related-inner,
  .prd-pr-nav-inner     { padding: 0 var(--sp-3); }
  /* Share bar: compact + 2-per-row buttons */
  .prd-share-bar { padding: var(--sp-4); }
  .prd-share-btn { flex: 1 1 40%; }
}

@media (max-width: 480px) {
  /* Header */
  .prd-header h1              { font-size: var(--text-lg); }
  .prd-header-image-strip img { height: 180px; }
  /* Header actions: stack full width */
  .prd-header-actions         { flex-direction: column; align-items: stretch; }
  .prd-action-btn             { width: 100%; justify-content: center; }
  /* Stats: single column */
  .prd-stats-grid             { grid-template-columns: 1fr; }
  /* Pullquote */
  .prd-pullquote              { padding: var(--sp-5) var(--sp-4) var(--sp-4); margin: var(--sp-5) 0; }
  .prd-pullquote-text         { font-size: var(--text-base); }
  /* Prose tables: horizontal scroll instead of overflow */
  .prd-prose table            { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* About box */
  .prd-about-box              { padding: var(--sp-4); }
  /* Related heading: stack on tiny screens */
  .prd-related-heading        { flex-direction: column; align-items: flex-start; gap: var(--sp-2); }
  /* Prev/next title: truncate long titles */
  .prd-pr-nav-title           { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
}

/* ── Hidden elements ── */
.prd-category-badge { display: none !important; }

/* Print styles */
@media print {
  .prd-sidebar,
  .prd-header-actions,
  .prd-share-bar,
  .prd-related-section,
  .prd-pr-nav,
  .prd-breadcrumb-bar { display: none !important; }
  .prd-body { grid-template-columns: 1fr; padding: 0; }
  .prd-header { background: none; color: var(--text-dark); padding: var(--sp-4) 0; }
  .prd-header h1 { color: var(--text-dark); font-size: var(--text-2xl); }
  .prd-header-summary { color: var(--text-mid); }
  .prd-prose { font-size: var(--text-sm); }
}