/* Component styles: buttons, forms, cards, etc. */

/* Insight category pills */
.pill,
p.is-style-pill {
  --pill-bg: var(--wp--preset--color--gray-1);
  --pill-text: var(--wp--preset--color--blue-2);
  --pill-border: transparent;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 8px 12px 9px;
  /* optical vertical balance */
  border-radius: 7px;
  background: var(--pill-bg);
  color: var(--pill-text);
  border: 1px solid var(--pill-border);
  white-space: nowrap;
  margin: 0;
}

/* Variants map to palette; adjust bg/text for contrast */
.pill-primary,
p.is-style-pill-primary {
  --pill-bg: var(--wp--preset--color--blue-2);
  --pill-text: var(--wp--preset--color--base);
}

/* On dark backgrounds ensure readability */
.has-contrast-background-color .pill,
.has-blue-2-background-color .pill,
.has-blue-3-background-color .pill {
  --pill-border: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 1px var(--pill-border);
}

/* Focus ring for accessibility if pill becomes a link/button in future */
.pill:focus-visible {
  outline: 2px solid var(--wp--preset--color--blue-1);
  outline-offset: 2px;
}

/* Container spacing (flex wrap) */
.insight-pills {
  gap: 8px;
}

/* Desktop: hide dot navigation for insights carousel */
@media (min-width: 1024px) {
  .wp-block-cb-carousel-v2 .swiper-pagination {
    display: none !important;
  }
}


.back-to-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1.5px solid #e6e6e6;
  transition:
    background 0.18s,
    box-shadow 0.18s,
    border 0.18s;
  cursor: pointer;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  top: 0;
  z-index: 10;
  outline: none;
}

.back-to-top:hover,
.back-to-top:focus {
  background: #f5faff;
  box-shadow: 0 8px 16px rgba(39, 64, 74, 0.12);
  border-color: #d3e2eb;
  outline: 2px solid #4292c6;
  /* Brand blue for focus */
  outline-offset: 2px;
}

.back-to-top img {
  width: 24px;
  height: 24px;
  display: block;
}

/* Typography tweaks */
.editor-styles-wrapper strong,
.editor-styles-wrapper b,
strong,
b {
  font-weight: 600;
}

/* Button reset utility - DRY pattern for text-style buttons */
.wp-block-button.is-style-text-link .wp-block-button__link,
.wp-block-button.is-style-text-secondary .wp-block-button__link,
.wp-block-button__link.is-style-text-link,
.wp-block-button__link.is-style-text-secondary {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: inline !important;
  color: currentColor;
}

/* Text Link - underline style */
.wp-block-button.is-style-text-link .wp-block-button__link,
.wp-block-button__link.is-style-text-link {
  text-decoration: underline;
}

/* Text Secondary - red underline */
.wp-block-button.is-style-text-secondary .wp-block-button__link,
.wp-block-button__link.is-style-text-secondary {
  line-height: 1.5 !important;
  border-bottom: 2px solid var(--Brand-Red-2, #d53007) !important;
  text-decoration: none;
}

.wp-block-button.is-style-text-link .wp-block-button__link:hover,
.wp-block-button__link.is-style-text-link:hover {
  text-decoration: underline;
}

.wp-block-button.is-style-text-secondary .wp-block-button__link:hover,
.wp-block-button__link.is-style-text-secondary:hover {
  text-decoration: none;
}

.wp-block-button.is-style-text-link .wp-block-button__link:focus-visible,
.wp-block-button__link.is-style-text-link:focus-visible {
  outline: 2px solid var(--link-focus, #4292c6);
  outline-offset: 2px;
}

.wp-block-button.is-style-text-secondary .wp-block-button__link:focus-visible,
.wp-block-button__link.is-style-text-secondary:focus-visible {
  outline: 2px solid var(--link-focus, #4292c6);
  outline-offset: 2px;
}

/* Core Details (Accordion) - opt-in style */
.wp-block-details.is-style-hover-accordion {
  --details-border: #e6e6e6;
  --details-hover-bg: #f5faff;
  --details-focus: #4292c6;
  /* brand blue */
  --details-text: #27404a;
  /* deep slate */
  border: 1.5px solid var(--details-border);
  border-radius: 12px;
  background: #fff;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
  overflow: hidden;
}

/* Two‑Col Text+Image Links – opt-in list style (row separators with chevron) */
ul.wp-block-list.is-style-link-list,
ol.wp-block-list.is-style-link-list {
  --link-border: #e6e6e6;
  --link-hover-bg: #fafafa;
  --link-focus: #4292c6;
  /* brand */
  --link-text: #1f2a30;
  /* slightly darker for rows */
  --link-muted: #6b7c84;
  --link-accent: #d4552d;
  /* orange chevron bg */
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--link-border);
}

ul.wp-block-list.is-style-link-list>li,
ol.wp-block-list.is-style-link-list>li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--link-border);
}

/* Expect each LI to contain a link wrapping content */
ul.wp-block-list.is-style-link-list a,
ol.wp-block-list.is-style-link-list a {
  display: block;
  text-decoration: none;
  padding: 14px 40px 14px 0;
  /* reserve space for chevron */
  color: var(--link-text);
  background: transparent;
  transition:
    background 0.18s ease,
    color 0.18s ease;
  position: relative;
  /* for pseudo chevron */
}

/* Optional: if a thumbnail is present, show it inline before text */
ul.wp-block-list.is-style-link-list a>img,
ol.wp-block-list.is-style-link-list a>img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Optional thumbnail: place an image as the first child inside the link */
/* (Deprecated from card layout; kept minimal for compatibility) */

/* Text column */
ul.wp-block-list.is-style-link-list a>.item-text,
ol.wp-block-list.is-style-link-list a>.item-text {
  display: inline;
}

ul.wp-block-list.is-style-link-list a>.item-text .title,
ol.wp-block-list.is-style-link-list a>.item-text .title {
  font-weight: 600;
  line-height: 1.25;
}

ul.wp-block-list.is-style-link-list a>.item-text .meta,
ol.wp-block-list.is-style-link-list a>.item-text .meta {
  color: var(--link-muted);
  font-size: 0.95em;
}

/* Remove old .chevron child approach (not needed for row style) */

/* Built-in chevron button using SVG mask (no extra markup) */
ul.wp-block-list.is-style-link-list a::before,
ol.wp-block-list.is-style-link-list a::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--link-accent);
}

ul.wp-block-list.is-style-link-list a::after,
ol.wp-block-list.is-style-link-list a::after {
  content: "";
  position: absolute;
  right: 2px;
  /* center arrow inside 20px rounded box */
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #fff;
  /* arrow color */
  /* Use the same mask for WebKit and other browsers */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M4 2 L8 6 L4 10" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M4 2 L8 6 L4 10" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>') no-repeat center / contain;
}

/* Hover/Focus */
ul.wp-block-list.is-style-link-list a:hover,
ol.wp-block-list.is-style-link-list a:hover {
  background: var(--link-hover-bg);
}

ul.wp-block-list.is-style-link-list a:focus-visible,
ol.wp-block-list.is-style-link-list a:focus-visible {
  outline: 2px solid var(--link-focus);
  outline-offset: 2px;
}

.wp-block-details.is-style-hover-accordion:hover {
  border-color: #d3e2eb;
}

.wp-block-details.is-style-hover-accordion[open] {
  border-color: #d3e2eb;
  background: #fcfeff;
  box-shadow: 0 8px 16px rgba(39, 64, 74, 0.12);
}

.wp-block-details.is-style-hover-accordion>summary {
  list-style: none;
  /* hide default marker */
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  color: var(--details-text);
  font-weight: 600;
  line-height: 1.3;
}

.wp-block-details.is-style-hover-accordion>summary::-webkit-details-marker {
  display: none;
}

.wp-block-details.is-style-hover-accordion>summary::marker {
  content: "";
}

.wp-block-details.is-style-hover-accordion>summary:hover {
  background: var(--details-hover-bg);
}

.wp-block-details.is-style-hover-accordion>summary:focus-visible {
  outline: 2px solid var(--details-focus);
  outline-offset: 2px;
  border-radius: 10px;
  /* inside container */
}

/* Chevron indicator */
.wp-block-details.is-style-hover-accordion>summary::after {
  content: "";
  margin-left: auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  /* pointing right */
  transition:
    transform 0.18s ease,
    color 0.18s ease;
}

.wp-block-details.is-style-hover-accordion[open]>summary::after {
  transform: rotate(45deg);
  /* pointing down */
}

/* Content area */
.wp-block-details.is-style-hover-accordion>summary+* {
  border-top: 1px solid #edf2f7;
  padding: 16px 20px;
}

.wp-block-details.is-style-hover-accordion .wp-block-details__content {
  padding: 16px 20px;
}

/* Nested details spacing */
.wp-block-details.is-style-hover-accordion .wp-block-details {
  margin-top: 12px;
}

/* Inline Icon format rendering */
.keena-inline-icon {
  --keena-icon-size: 1em;
  --keena-icon-url: none;
  /* set by editor script after selection */
  display: inline-block;
  width: calc(var(--keena-icon-size));
  height: calc(var(--keena-icon-size));
  vertical-align: -0.125em;
  /* baseline alignment tweak */
  margin: 0 0.25em;
  background-color: currentColor;
  /* icon color inherits text color */
  -webkit-mask: var(--keena-icon-url) no-repeat center / contain;
  mask: var(--keena-icon-url) no-repeat center / contain;
}

.keena-inline-icon-img {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  margin: 0 0.25em;
  object-fit: contain;
  /* Let SVG inherit text color if it uses currentColor */
  fill: currentColor;
}

/* =============================================================
   Data Table Variants (Light / Dark Stripes)
   Usage: add class is-style-table-light-stripes or is-style-table-dark-stripes
   to a core/table block (wp-block-table). The markup can come from patterns.
   Keeps specificity low; relies on opt‑in class so no core override risk.
   ============================================================= */

/* Base adjustments shared */
.wp-block-table.is-style-table-light-stripes table,
.wp-block-table.is-style-table-dark-stripes table {
  width: 100%;
  border-collapse: collapse;
}

.wp-block-table.is-style-table-light-stripes th,
.wp-block-table.is-style-table-light-stripes td,
.wp-block-table.is-style-table-dark-stripes th,
.wp-block-table.is-style-table-dark-stripes td {
  padding: 14px 18px;
  text-align: left;
  vertical-align: top;
  border: none;
  /* reset WP default inner borders */
}

/* Light stripes (for light / default backgrounds) */
.wp-block-table.is-style-table-light-stripes {
  /* All colors pulled from theme palette */
  --table-border: var(--wp--preset--color--gray-1);
  /* was #e4e8eb */
  --table-head-bg: var(--wp--preset--color--base);
  /* was #f5f7f9 */
  --table-head-text: var(--wp--preset--color--contrast);
  /* was #1f2a30 */
  --table-row-alt: var(--wp--preset--color--base);
  /* light stripe */
  --table-row-hover: var(--wp--preset--color--gray-2);
  /* was #f0f5f8 */
  --table-text: var(--wp--preset--color--contrast);
  /* was #27333a */
  --table-row-primary: var(--wp--preset--color--gray-1);
  /* white rows */
}

.wp-block-table.is-style-table-light-stripes table {
  border: 1px solid var(--table-border);
}

.wp-block-table.is-style-table-light-stripes thead tr {
  background: var(--table-head-bg);
  color: var(--table-head-text);
  font-weight: 600;
}

.wp-block-table.is-style-table-light-stripes tbody tr:nth-child(odd) {
  background: var(--table-row-primary);
}

.wp-block-table.is-style-table-light-stripes tbody tr:nth-child(even) {
  background: var(--table-row-alt);
}

.wp-block-table.is-style-table-light-stripes tbody tr:hover {
  background: var(--table-row-hover);
}



/* 3px divider between body rows (light) */
.wp-block-table.is-style-table-light-stripes {
  --table-row-divider: var(--wp--preset--color--gray-2);
}

.wp-block-table.is-style-table-light-stripes tbody tr {
  border-bottom: 1px solid var(--table-row-divider);
}

.wp-block-table.is-style-table-light-stripes tbody tr:last-child {
  border-bottom: none;
}

/* Dark stripes (for dark contrast sections) */
.wp-block-table.is-style-table-dark-stripes {
  /* Palette-only: eliminate semi-transparent & non-palette hex where possible */
  --table-border: var(--wp--preset--color--blue-2);
  /* replaces rgba white border */
  --table-head-bg: var(--wp--preset--color--blue-2);
  /* header band */
  --table-head-text: var(--wp--preset--color--base);
  --table-row-primary: var(--wp--preset--color--blue-2);
  /* odd */
  --table-row-alt: var(--wp--preset--color--blue-3);
  /* even */
  --table-row-hover: var(--wp--preset--color--blue-1);
  /* hover tint */
  --table-text: var(--wp--preset--color--base);
  /* replaces #edf2f5 */
}

.wp-block-table.is-style-table-dark-stripes table {
  border: 1px solid var(--table-border);
  overflow: hidden;
  color: var(--table-text);
  background: transparent;
}

.wp-block-table.is-style-table-dark-stripes thead tr {
  background: var(--table-head-bg);
  color: var(--table-head-text);
  font-weight: 600;
}

.wp-block-table.is-style-table-dark-stripes tbody tr:nth-child(odd) {
  background: var(--table-row-primary);
}

.wp-block-table.is-style-table-dark-stripes tbody tr:nth-child(even) {
  background: var(--table-row-alt);
}

.wp-block-table.is-style-table-dark-stripes tbody tr:hover {
  background: var(--table-row-hover);
}

/* 3px divider between body rows (dark) */
.wp-block-table.is-style-table-dark-stripes {
  --table-row-divider: var(--wp--preset--color--gray-3);
}

.wp-block-table.is-style-table-dark-stripes tbody tr {
  border-bottom: 1px solid var(--table-row-divider);
}

.wp-block-table.is-style-table-dark-stripes tbody tr:last-child {
  border-bottom: none;
}

/* Responsive: on very small screens allow horizontal scroll */
.wp-block-table.is-style-table-light-stripes figure,
.wp-block-table.is-style-table-dark-stripes figure,
figure.wp-block-table.is-style-table-light-stripes,
figure.wp-block-table.is-style-table-dark-stripes {
  width: 100%;
  overflow-x: auto;
  margin: 0;
  /* tighter inside patterns */
}

@media (max-width: 600px) {

  .wp-block-table.is-style-table-light-stripes th,
  .wp-block-table.is-style-table-light-stripes td,
  .wp-block-table.is-style-table-dark-stripes th,
  .wp-block-table.is-style-table-dark-stripes td {
    padding: 10px 12px;
  }
}

.wp-block-table.is-style-table-dark-stripes thead,
.wp-block-table.is-style-table-light-stripes thead {
  border-bottom: 1px solid var(--wp--preset--color--gray-3);
}

/* Focus outline for keyboard navigation */
.wp-block-table.is-style-table-light-stripes th:focus-visible,
.wp-block-table.is-style-table-light-stripes td:focus-visible,
.wp-block-table.is-style-table-dark-stripes th:focus-visible,
.wp-block-table.is-style-table-dark-stripes td:focus-visible {
  outline: 2px solid var(--wp--preset--color--blue-1);
  /* palette focus color */
  outline-offset: -2px;
}

/* =============================================================
   Table Plus (custom block) – reuse stripe classes
   Front-end output wrapper: .wp-block-keena-table-plus > table
   Apply the same stripe class (is-style-table-light-stripes or dark) on the wrapper.
============================================================= */
.wp-block-keena-table-plus table {
  width: 100%;
  border-collapse: collapse;
}

.wp-block-keena-table-plus td {
  vertical-align: top;
}

.wp-block-keena-table-plus td>.table-plus-cell-content {
  padding: 14px 18px;
}

@media (max-width:600px) {
  .wp-block-keena-table-plus td>.table-plus-cell-content {
    padding: 10px 12px;
  }
}

/* Editor-only visual frame */
.wp-block-keena-table-plus-editor .table-plus-frame {
  overflow-x: auto;
}

/* Inline color picker swatches */


/* -------------------------------------------------------------
   Lists inside table cells (opt-in by simply adding list HTML)
   Gutenberg core table cell UI is inline-only, but if HTML for a
   <ul> or <ol> is present (e.g. pasted or edited in code view),
   these rules normalize spacing & bullet alignment.
-------------------------------------------------------------- */
.wp-block-table.is-style-table-light-stripes td ul,
.wp-block-table.is-style-table-light-stripes td ol,
.wp-block-table.is-style-table-dark-stripes td ul,
.wp-block-table.is-style-table-dark-stripes td ol {
  margin: 0 0 0.75em 0;
  /* reset default top margin, keep bottom gap */
  padding-left: 1.25em;
  /* consistent indent */
  list-style-position: outside;
}

.wp-block-table.is-style-table-dark-stripes td ul,
.wp-block-table.is-style-table-dark-stripes td ol {
  /* Ensure bullets are visible on dark backgrounds */
  color: var(--table-text);
}

.wp-block-table.is-style-table-light-stripes td li,
.wp-block-table.is-style-table-dark-stripes td li {
  margin: 0 0 0.35em;
}

.wp-block-table.is-style-table-light-stripes td li:last-child,
.wp-block-table.is-style-table-dark-stripes td li:last-child {
  margin-bottom: 0;
}

/* =============================================================
   Insights Sidebar (template part: insights-sidebar)
   Minimal styles matching Figma sidebar (node 710:458) while
   leveraging existing tokens (colors, typography). Designed
   to be additive and low-specificity.
   ============================================================= */
.insights-sidebar {
  font-size: var(--wp--preset--font-size--body-medium);
}

/* Ensure template part wrapper stretches full column height (so sticky child has full track) */
.wp-block-columns .wp-block-template-part {
  height: 100%;
}

/* Sticky behavior: within column layout, ensure ancestor doesn't clip overflow */
.wp-block-columns .wp-block-column>.insights-sidebar {
  position: sticky;
  top: var(--wp--preset--spacing--56, 3rem);
}

/* Support if sidebar wrapped in extra block (HTML block wrapper) */
.wp-block-column .wp-block-html>.insights-sidebar {
  position: sticky;
  top: var(--wp--preset--spacing--56, 3rem);
}

@media (max-width:900px) {

  /* Disable sticky on narrow screens where columns stack */
  .wp-block-columns .wp-block-column>.insights-sidebar,
  .wp-block-column .wp-block-html>.insights-sidebar {
    position: static;
    top: auto;
  }
}

.insights-sidebar-section {
  color: var(--wp--preset--color--contrast);
}

.insights-sidebar-heading h6 {
  margin: 0;
}

.insights-sidebar-rule.wp-block-separator {
  width: 40px;
  height: 2px;
  margin: 0;
  background: currentColor;
  opacity: 1;
}

/* Author meta line */
.insights-sidebar-author-meta {
  margin: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
}

.insights-sidebar-author-meta a {
  color: var(--wp--preset--color--red-2);
  text-decoration: none;
}

.insights-sidebar-author-meta a:hover,
.insights-sidebar-author-meta a:focus {
  text-decoration: underline;
}

/* TOC list */
.insights-sidebar-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.insights-sidebar-toc-list li {
  margin: 0;
}

.insights-sidebar-toc-list a {
  display: block;
  text-decoration: none;
  color: currentColor;
  line-height: 1.3;
  font-weight: 600;
  transition: color .15s ease;
}

.insights-sidebar-toc-list a:hover,
.insights-sidebar-toc-list a:focus {
  color: var(--wp--preset--color--red-2);
}

.insights-sidebar-toc-list a.is-active {
  color: var(--wp--preset--color--red-2);
}

.insights-sidebar-toc-list a.is-active .toc-index {
  color: var(--wp--preset--color--red-2);
}

.insights-sidebar-toc-list .toc-index {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
  color: currentColor;
}

/* Share icons */
.insights-share-icons {
  align-items: center;
}

.share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--wp--preset--color--red-2);
  color: var(--wp--preset--color--base);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  border-radius: 12px;
  text-decoration: none;
}

.share-icon:hover,
.share-icon:focus {
  background: var(--wp--preset--color--red-1);
  outline: 2px solid var(--wp--preset--color--red-1);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .insights-sidebar {
    font-size: var(--wp--preset--font-size--body-medium);
  }

  .insights-sidebar-toc-list {
    gap: 24px;
  }
}

/* =============================================================
   Icon Button Utility / Variation
   Usage:
     1. Add class "keena-icon-button" to an <a> or <button>, OR
     2. In the editor select the Button block > Styles > Icon Button (variation).
   ============================================================= */
.keena-icon-button,
.wp-block-button.is-style-icon-button .wp-block-button__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  background: var(--wp--preset--color--red-2, #D53007);
  color: var(--wp--preset--color--base, #FFFFFF);
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

/* Icon size (svg or img first child) */
.keena-icon-button>svg,
.keena-icon-button>img,
.wp-block-button.is-style-icon-button .wp-block-button__link>svg,
.wp-block-button.is-style-icon-button .wp-block-button__link>img {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-block;
}

.keena-icon-button:hover,
.keena-icon-button:focus,
.wp-block-button.is-style-icon-button .wp-block-button__link:hover,
.wp-block-button.is-style-icon-button .wp-block-button__link:focus {
  background: var(--wp--preset--color--red-1, #FF6942);
  text-decoration: none;
}

.keena-icon-button:focus-visible,
.wp-block-button.is-style-icon-button .wp-block-button__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--red-1, #FF6942);
  outline-offset: 2px;
}

.keena-icon-button:active,
.wp-block-button.is-style-icon-button .wp-block-button__link:active {
  transform: translateY(1px);
}

.insights-author-name,
.insights-author-title {
  margin: 0;
}

.insights-author-name {
  margin-bottom: 16px;
  margin-top: 0;
}

.insights-author {
  margin-bottom: 32px;
}