.page-share {
  padding: 34px 0;
  color: #082248;
  background: linear-gradient(135deg, #eefaff, #f8fbff);
  border-top: 1px solid #d9edf5;
}

.page-share-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.page-share .eyebrow { margin: 0 0 5px; }
.page-share h2 { max-width: 620px; margin: 0; font-size: clamp(20px, 2.4vw, 30px); line-height: 1.2; }

.page-share-controls {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  padding-bottom: 20px;
}

.page-share-controls button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 999px;
  cursor: pointer;
  font: 750 13px "DM Sans", Arial, sans-serif;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.page-share-controls button:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(8, 34, 72, .1); }
.page-share-primary { color: #fff; background: #082248; border: 1px solid #082248; }
.page-share-copy { color: #082248; background: #fff; border: 1px solid #b8d5e2; }
.page-share-controls svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.page-share-primary svg circle { fill: currentColor; stroke: none; }
.page-share-status { position: absolute; right: 4px; bottom: 0; min-height: 16px; margin: 0; color: #087da5; font-size: 11px; }

@media (max-width: 760px) {
  .page-share { padding: 28px 0; }
  .page-share-inner { align-items: stretch; flex-direction: column; gap: 20px; }
  .page-share-controls { display: grid; grid-template-columns: 1fr 1fr; padding-bottom: 22px; }
  .page-share-status { right: auto; left: 2px; }
}

@media (max-width: 390px) {
  .page-share-controls { grid-template-columns: 1fr; }
}