/* Small, actionable updates within the established warm social identity. */
.experience-approvals { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; padding: 20px 0; margin-bottom: 20px; border-block: 1px solid var(--line); }
.experience-status-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--soft); color: var(--accent); }
.experience-status-icon svg { width: 21px; height: 21px; }
.experience-approvals h2 { font-size: 16px; line-height: 1.5; }
.experience-approvals p { font-size: 12px; line-height: 1.6; color: var(--muted); }
.experience-approval-links { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.experience-approval-links button { text-align: left; overflow-wrap: anywhere; max-width: 100%; min-height: 44px; }
.experience-approval-links strong { color: var(--accent); margin-left: 4px; }
.experience-approval-links svg { flex: 0 0 16px; width: 16px; }
.experience-revision-note { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.experience-privacy { border-block: 1px solid var(--line); padding-block: 16px; }
.experience-privacy summary { display: flex; align-items: center; gap: 8px; cursor: pointer; min-height: 32px; font-size: 13px; font-weight: 600; list-style: none; }
.experience-privacy summary::-webkit-details-marker { display: none; }
.experience-privacy summary svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--accent); }
.experience-privacy summary svg:last-child { margin-left: auto; color: var(--muted); }
.experience-privacy div { padding-top: 8px; max-width: 580px; }
.experience-privacy p { font-size: 12px; color: var(--muted); line-height: 1.8; }
.experience-privacy p + p { margin-top: 8px; }
.experience-profile-guide { padding-block: 20px; }
.experience-profile-guide h3 { font-size: 16px; }
.experience-profile-guide p { color: var(--muted); font-size: 13px; line-height: 1.8; margin-block: 8px; }
.experience-profile-guide button { min-height: 44px; }
.editor-save-bar { gap: 10px; }
.editor-save-bar .editor-save { min-width: 0; }
body[data-authenticated="true"] .nav-link > span:not(.nav-count) { white-space: nowrap; }
body[data-authenticated="true"] .concept-profile-editor .editor-fields { min-width: 0; }
.experience-profile-preview { padding: 24px; display: grid; gap: 20px; overflow-wrap: anywhere; }
.experience-profile-preview header h2 { font-size: 24px; margin-bottom: 6px; }
.experience-profile-preview header p { font-size: 13px; line-height: 1.8; color: var(--muted); }
.experience-profile-preview section { border-top: 1px solid var(--line); padding-top: 20px; }
.experience-profile-preview h3 { font-size: 15px; margin-bottom: 10px; }
.experience-profile-preview section > p { font-size: 14px; line-height: 1.8; white-space: pre-wrap; }
.experience-preview-portrait { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--concept-radius-card); max-height: 55dvh; }
.experience-preview-no-photo { background: var(--soft); padding: 40px 20px; color: var(--muted); text-align: center; border-radius: var(--concept-radius-card); }
.experience-preview-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.experience-preview-photos figure { margin: 0; min-width: 0; }
.experience-preview-photos img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--concept-radius-control); }
.experience-preview-photos figcaption { margin-top: 8px; font-size: 12px; line-height: 1.7; color: var(--muted); }
@media (max-width: 767px) {
  .experience-approvals { gap: 10px; }
  .experience-approval-links { grid-column: 1 / -1; }
  .editor-save-bar .editor-save { min-width: 0; width: auto; flex: 1; padding-inline: 12px; }
  .editor-save-bar .editor-preview { flex: 0 0 auto; padding-inline: 12px; }
  .experience-profile-preview { padding: 20px; }
}