/**
 * View: Author Profile  (author.view)
 * Root class: .view-author
 *
 * Typography + neutrals align with Figma “Multi-Variant Conference” author frames (Inter; page, border,
 * and text colors come from the shared semantic tokens). Accents use site --primary-color.
 */

/* ============================================================
   DESIGN TOKENS  (Figma-aligned; scoped to author view)
   ============================================================ */

/* --color-primary, --color-border, --color-bg, --color-surface, --color-text-primary,
 * --color-text-secondary, --color-text-muted, --color-text-body are defined globally
 * on :root (see assets/css/shared/_layout-vars.css). Only view-specific tokens remain here. */
.view-author {
  /* Alias global --font-family (Inter) so author styles stay consistent with the rest of the site */
  --author-font-family:   var(--font-family);
  --color-text-light:     var(--color-text-muted);
  --radius-sm:            6px;
  --radius-md:            10px;
  --radius-lg:            14px;
  --radius-xl:            14px;
  --shadow-sm:            0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-card:          0 1px 4px rgba(0, 0, 0, 0.05);
  --shadow-md:            0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-lg:            0 10px 15px -3px rgba(0, 0, 0, 0.08);
  --spacing-xs:           8px;
  --spacing-sm:           12px;
  --spacing-md:           16px;
  --spacing-lg:           24px;
  --spacing-xl:           32px;
  --spacing-2xl:          48px;
  --font-size-xs:         0.6875rem;
  --font-size-sm:         0.875rem;
  --font-size-base:       1rem;
  --font-size-lg:         1.125rem;
  --font-size-xl:         1.25rem;
  --font-size-2xl:        1.5rem;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;
  --line-height-tight:    1.3;
  --line-height-relaxed:  1.58;
  --letter-label:         0.04em;
}

/* ============================================================
   PAGE BACKGROUND + TYPE (cascade to publications embed)
   ============================================================ */

.view-author {
  font-family: var(--author-font-family);
}

/* Author only: remove global .search-content { margin-bottom: 1.5rem } (custom.css) */
.view-author .search-content {
  margin-bottom: 0;
}

.view-author .bg-conference-view,
.view-author .bg-conference-view .horizontal-card,
.view-author .bg-conference-view .article-cards,
.view-author .bg-conference-view .search-content,
.view-author .bg-conference-view .search-panel,
.view-author .bg-conference-view .summary-span,
.view-author .bg-conference-view .dropdown-menu,
.view-author .bg-conference-view .btn {
  font-family: var(--author-font-family);
}

/* ============================================================
   AUTHOR PAGE OUTER CONTAINER
   ============================================================ */

.view-author.author-page-container {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  width: 100%;
}

/* Same horizontal box as .masthead-shell — single outer .author-view-page-shell wraps profile + publications */
.view-author.author-page-container.author-view-page-shell.container-xxl {
  max-width: var(--site-shell-max-width, 1320px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--site-shell-gutter, 32px) !important;
  padding-right: var(--site-shell-gutter, 32px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 575.98px) {
  .view-author.author-page-container.author-view-page-shell.container-xxl {
    padding-left: var(--site-shell-gutter-sm, 16px) !important;
    padding-right: var(--site-shell-gutter-sm, 16px) !important;
  }
}

/* ============================================================
   BREADCRUMB  (utility/Breadcrumb.cfc — Figma 70:3981 Navigation)
   11px / 16.5px, links #9CA3AF, current #6C757D, chevron divider
   ============================================================ */

.view-author .author-page-breadcrumb-wrap {
  width: 100%;
  min-width: 0;
  margin-bottom: 10px;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb {
  font-family: var(--author-font-family) !important;
  font-size: var(--font-size-article-meta);
  line-height: 16.5px;
  letter-spacing: 0.0644531px;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__list {
  margin-bottom: 0 !important;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  min-height: 16.5px;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  padding: 0;
}

.view-author .author-page-breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before {
  content: "" !important;
  display: inline-block;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  margin: 0 4px;
  padding: 0 !important;
  float: none;
  vertical-align: middle;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M3.5 2L6.5 5L3.5 8' stroke='%239CA3AF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__link {
  color: var(--color-text-muted) !important;
  text-decoration: none !important;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__item:first-child .article-view-breadcrumb__link {
  max-width: none;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__link:hover {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}

.view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__current {
  color: var(--color-text-secondary);
  font-weight: 400;
  display: inline-block;
  max-width: min(100%, 420px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

.view-author .author-page-breadcrumb-wrap .breadcrumb-item.active {
  color: var(--color-text-secondary);
}

@media (max-width: 575.98px) {
  .view-author .author-page-breadcrumb-wrap .breadcrumb-item + .breadcrumb-item {
    padding-left: 0 !important;
  }

  .view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__link {
    max-width: 96px;
  }

  .view-author .author-page-breadcrumb-wrap .article-view-breadcrumb__current {
    max-width: 160px;
  }
}

/* ============================================================
   NAME ROW + PAPER BADGE  (Figma 70:4010 — rgba(51,65,85,0.07) pill)
   ============================================================ */

.view-author .author-name-row {
  margin-bottom: 11px;
}

.view-author .author-name-row .header-author-name {
  margin-bottom: 0 !important;
}

.view-author .author-paper-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--author-font-family);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 15px;
  letter-spacing: 0.1172px;
  color: var(--color-neutral-700);
  background: rgba(51, 65, 85, 0.07);
  border-radius: 999px;
  padding: 2px 7px;
  white-space: nowrap;
}

/* ============================================================
   LOCATION + EMAIL META  (Figma 70:4012 — 12px / 18px)
   ============================================================ */

.view-author .author-meta-row {
  margin-bottom: 16px;
}

.view-author .author-meta-item {
  font-family: var(--author-font-family);
  font-size: var(--font-size-card-badge);
  line-height: 18px;
  color: var(--color-text-secondary);
  text-decoration: none;
}

.view-author .author-meta-item--link {
  color: var(--color-neutral-700);
}

.view-author .author-meta-item--link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Track section label — Figma 70:4026 (biography label stays muted) */
.view-author .profile-header--track-emphasis {
  color: var(--color-neutral-700) !important;
}

/* ============================================================
   BACK LINK ROW  — legacy; optional if reintroduced
   ============================================================ */

.view-author .author-back-row {
  padding-bottom: var(--spacing-sm);
}

.view-author .back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary) !important;
  text-decoration: none;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: 0.25rem 0.85rem;
  background: var(--color-bg);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.view-author .back-link:hover {
  color: var(--color-primary) !important;
  border-color: var(--color-primary);
}

/* ============================================================
   THREE-COLUMN PROFILE CARD
   ============================================================ */

.view-author .author-profile-card {
  width: 100%;
  box-sizing: border-box;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 20px 24px 24px;
  margin-bottom: var(--spacing-lg);
}

/* ============================================================
   LEFT COLUMN — Avatar
   ============================================================ */

.view-author .author-picture-div {
  margin-left: 0 !important;
}

/* Figma 70:3451: photo left-aligned in column; gap 22px to name block (not centered in wide col-2) */
.view-author .author-avatar-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
  padding-top: 0 !important;
  padding-right: 22px !important;
  padding-left: 0 !important;
}

/* Real photo: rounded square */
.view-author .author-avatar-col .author-picture {
  width: 90px !important;
  height: 90px !important;
  max-width: 90px !important;
  border-radius: var(--radius-md) !important;
  object-fit: cover;
  border: none !important;
  box-shadow: var(--shadow-md);
  display: block;
}

/* Initials fallback: rounded square matching the design reference */
.view-author .author-avatar-col img.rounded {
  width: 90px !important;
  height: 90px !important;
  max-width: 90px !important;
  border-radius: var(--radius-md) !important;
  object-fit: cover;
  border: none !important;
  box-shadow: var(--shadow-md);
}

/* ============================================================
   MIDDLE COLUMN — Author Info
   ============================================================ */

.view-author .author-content {
  margin-left: 0 !important;
  min-width: 0;
  overflow: hidden;
  max-width: none;
}

.view-author .author-info-col {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: var(--spacing-lg) !important;
}

/* col-12 + col-md: Bootstrap leaves width:100% from .col-12 — reset at md so row shares space with col-md-auto avatar */
@media (min-width: 768px) {
  .view-author .author-profile-card .row > .author-info-col.col-md {
    width: auto !important;
    max-width: none;
    flex: 1 1 0% !important;
    min-width: 0;
  }
}

/* Author name — Figma: 20px / semibold / #1F2937 */
.view-author .header-author-name {
  font-family: var(--author-font-family) !important;
  font-size: var(--font-size-xl) !important;
  font-weight: var(--font-weight-semibold) !important;
  color: var(--color-text-primary) !important;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.04em;
}

/* Section labels: "Affiliation", "Tracks", "Biography" — Figma: 10px uppercase; bumped to 11px for readability */
.view-author .profile-header {
  font-family: var(--author-font-family) !important;
  font-size: 0.6875rem !important;
  font-weight: var(--font-weight-semibold) !important;
  text-transform: uppercase;
  letter-spacing: var(--letter-label);
  color: var(--color-text-muted) !important;
  margin-top: 16px;
  margin-bottom: 0.25rem;
  line-height: 1;
}

/* Affiliation + biography body */
.view-author .profile-affiliation {
  font-family: var(--author-font-family) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: 400 !important;
  color: var(--color-text-body) !important;
  line-height: var(--line-height-relaxed);
  margin-top: 0.25rem;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 72ch;
}

.view-author .author-info-col > .profile-header:first-of-type + .profile-affiliation {
  color: var(--color-text-secondary) !important;
}

/* Tags row — wraps track pills cleanly */
.view-author .author-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.35rem;
}

/* Track / research area pills — styled via cdp-chip cdp-chip--tag (see view.cfm markup) */

/* ============================================================
   RIGHT COLUMN — Statistics Card
   ============================================================ */

.view-author .related-author-contnent {
  margin-left: 0 !important;
}

.view-author .author-stats-col {
  padding-top: 0.25rem !important;
  padding-left: var(--spacing-lg) !important;
  padding-right: 0 !important;
}

/* Neutralise global chart-style border/shadow inside the profile card */
.view-author .author-stats-card.chart-style {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100%;
}

/* Figma WM: metric tiles in rows + separate chart card */
.view-author .author-stats-metrics-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
}

.view-author .author-stats-tiles-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.view-author .author-stat-tile {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  gap: 1px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  text-align: center;
}

.view-author .author-stat-tile__value {
  font-family: var(--author-font-family) !important;
  font-size: 1.375rem;
  font-weight: var(--font-weight-bold) !important;
  line-height: 1.18;
  letter-spacing: -0.016em;
  color: var(--color-text-primary) !important;
}

.view-author .author-stat-tile__label {
  font-family: var(--author-font-family) !important;
  font-size: 0.5625rem;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.039em;
  text-transform: uppercase;
  color: var(--color-text-muted) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.2rem;
  max-width: 100%;
  margin: 0;
}

/* Info tooltip icon */
.view-author .tooltip-container {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 0.15rem;
}

/* Publications by Year — Figma 70:4045 / panel 70:4033 (All-Screens-UI) */
.view-author .author-stat-chart-card {
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
  margin-top: 0;
  padding: 10px 14px 12px;
  background: var(--color-bg-page);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  --author-chart-bar: #334155; /* color-exception: chart bar */
}

.view-author .author-stat-chart-card__title {
  font-family: var(--author-font-family) !important;
  font-size: 10px;
  font-weight: 600 !important;
  line-height: 15px;
  letter-spacing: 0.6172px;
  text-transform: uppercase;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

/* Chart canvas: bar area + value labels + x-axis year ticks (graph.js may set max-width when few years) */
.view-author .author-stat-chart {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 160px;
  position: relative;
}

@media (max-width: 767px) {
  .view-author .author-stat-chart {
    height: 130px;
  }
}

.view-author .author-stat-chart canvas {
  display: block;
}

/* Stats card inherits Inter (custom.css .chart-style uses global --font-family) */
.view-author .chart-style {
  font-family: var(--author-font-family) !important;
}

/* ============================================================
   PUBLICATIONS SECTION  (.bg-conference-view)
   ============================================================ */

.view-author .bg-conference-view {
  background: var(--color-surface);
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-md);
  border-top: none;
}

/* .author-pub-root is layout only — inner .author-pub-list-card or .author-pub-shell is the single visible card */
.view-author .bg-conference-view .author-pub-root {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

/* ── Figma 70:3980: single outer card wraps sidebar + publications ── */
.view-author .author-pub-shell {
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.view-author .author-pub-shell > .row {
  --bs-gutter-x: 0;
  margin-left: 0;
  margin-right: 0;
  align-items: stretch;
}

.view-author .author-pub-shell .search-content {
  border-right: 1px solid var(--color-border);
  background: var(--color-bg-page);
}

/* Author refine: Bootstrap col-lg-3 (25%); list col-lg-9 (75%) — no fixed pixel cap */
.view-author .author-pub-shell .search-content.author-sidebar-col {
  padding: 12px !important;
  box-sizing: border-box;
  align-self: stretch !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
}

/* Form content stays at the top; column background fills remaining height */
.view-author .author-pub-shell .author-sidebar-col > button[data-bs-toggle="collapse"],
.view-author .author-pub-shell .author-sidebar-col > .collapse {
  flex: 0 0 auto;
  width: 100%;
}

.view-author .author-pub-shell .col-lg-8.nopadding,
.view-author .author-pub-shell .col-lg-9.nopadding,
.view-author .author-pub-shell .col-md-9.nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: var(--color-bg-surface);
  min-width: 0;
}

.view-author .author-pub-shell .author-pub-list-card {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Hide DOI link card on author pages */
.view-author .card.linkcard,
.view-author .linkcard {
  display: none !important;
}

/* Search sidebar — Figma: panel + right rule (author refine uses tighter .author-pub-shell rules) */
.view-author .bg-conference-view .search-content:not(.author-sidebar-col) {
  padding-right: 1.25rem !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--author-font-family);
  background: var(--color-bg-page);
  border-right: 1px solid var(--color-border);
}

.view-author .bg-conference-view .search-content.author-sidebar-col {
  font-family: var(--author-font-family);
  border-right: 1px solid var(--color-border);
}

/* Title underline accent (Refine Results) */
.view-author .search-panel .main-header .header-1 {
  position: relative;
  padding-bottom: 0.35rem;
}

.view-author .search-panel .main-header .header-1::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2px;
  margin-top: 0.25rem;
  margin-bottom: 0.35rem;
  border-radius: 999px;
  background: var(--color-neutral-700);
}

/* Align search panel top with Related Articles section (remove default margin) */
.view-author .bg-conference-view .search-panel {
  margin-top: 0;
}

/* Author compact refine — typography only; layout/chrome in search-panel.css */
.view-author .search-panel--compact-refine .header-1,
.view-author .search-panel--compact-refine .sub-text,
.view-author .search-panel--compact-refine .sub-text-1,
.view-author .search-panel--compact-refine .search-section-label {
  font-family: var(--author-font-family) !important;
}

/* Sidebar: side panel at md+ (iPad/desktop), full-width stacked on mobile */
@media (min-width: 768px) {
  .view-author .author-pub-shell .search-content.author-sidebar-col {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25% !important;
  }

  /* The shared advanced_search.cfm toggle uses d-lg-none / d-lg-block (992px).
     Override for author page so the filter panel is always expanded at md+ (iPad+). */
  .view-author .author-pub-shell .author-sidebar-col > button[data-bs-toggle="collapse"] {
    display: none !important;
  }
  .view-author .author-pub-shell .author-sidebar-col .collapse {
    display: block !important;
  }
}

@media (max-width: 767.98px) {
  .view-author .author-pub-shell .search-content.author-sidebar-col {
    max-width: none;
    width: 100% !important;
    padding: 16px !important;
  }
}

.view-author .bg-conference-view .col-lg-8,
.view-author .bg-conference-view .col-lg-9,
.view-author .bg-conference-view .col-md-8,
.view-author .bg-conference-view .col-md-9,
.view-author .bg-conference-view .col-sm-8 {
  padding-left: 1rem !important;
}

.view-author .bg-conference-view .col-lg-12,
.view-author .bg-conference-view .col-md-12,
.view-author .bg-conference-view .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Search sidebar typography (legacy author sidebar — not compact-refine) */
.view-author .bg-conference-view .search-content .search-panel:not(.search-panel--compact-refine) .header-1 {
  font-family: var(--author-font-family) !important;
  font-size: 0.8125rem !important;
  font-weight: var(--font-weight-semibold) !important;
  letter-spacing: -0.005em;
  color: var(--color-text) !important;
}

.view-author .bg-conference-view .search-content .search-panel:not(.search-panel--compact-refine) .sub-text {
  font-family: var(--author-font-family) !important;
  font-size: 10px !important;
  line-height: 15px !important;
  letter-spacing: 0.1172px !important;
  color: var(--color-text-muted) !important;
}

/* Legacy author sidebar indent — not used on Figma refine panel (Bootstrap w-100 stack) */
.view-author .bg-conference-view .search-content .search-panel:not(.search-panel--compact-refine) .sub-text-1 {
  font-family: var(--author-font-family) !important;
  color: var(--color-text-muted) !important;
  margin-left: 1rem !important;
}

.view-author .search-panel:not(.search-panel--compact-refine) .inner-col {
  margin-left: 0.5rem !important;
}

/* Results summary line — Figma: 11–12px muted */
.view-author .bg-conference-view .search-results-sumary,
.view-author .bg-conference-view .summary-span {
  font-family: var(--author-font-family);
  font-size: 0.6875rem;
  color: var(--color-text-secondary);
}

/* Article cards alignment */
.view-author .bg-conference-view .article-cards {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-author .bg-conference-view .horizontal-card .no-gutters {
  --bs-gutter-x: 0;
}

/* Related articles header */
.view-author .related-articles-header {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border: none !important;
}

/* ============================================================
   AUTHOR RELATED ARTICLES SECTION  (Recent Articles, ≤10 items)
   ============================================================ */

.view-author .author-related-articles-section {
  width: 100%;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
}

.view-author .author-related-articles-section .article-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* Cancel the global index.css margin-top on .card-component so gap alone controls spacing */
.view-author .author-related-articles-section .article-cards .card-component {
  margin-top: 0 !important;
}

.view-author .author-related-articles-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

.view-author .author-related-articles-header .related-articles-header {
  margin: 0;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
}

.view-author .author-articles-counter {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}

/* Article card overrides — rounded horizontal card with title, metadata, View button */
.view-author .author-related-articles-section .article-card .horizontal-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  padding: 20px;
  background: var(--color-bg);
  box-shadow: none !important;
}

.view-author .author-related-articles-section .article-card .horizontal-card:hover {
  box-shadow: var(--shadow-sm) !important;
  transform: none;
}

/* Hide stats column (views, downloads, citations, lock) */
.view-author .author-related-articles-section .article-card .col-lg-3,
.view-author .author-related-articles-section .article-card .col-md-3,
.view-author .author-related-articles-section .article-card .col-sm-3 {
  display: none !important;
}

/* Left content: title + metadata in column layout */
.view-author .author-related-articles-section .article-card .col-lg-9,
.view-author .author-related-articles-section .article-card .col-md-9,
.view-author .author-related-articles-section .article-card .col-sm-9 {
  flex: 1;
  min-width: 0;
  padding-right: 1rem;
}

.view-author .author-related-articles-section .article-card .card-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-xs) !important;
}

.view-author .author-related-articles-section .article-card .card-title a {
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}

.view-author .author-related-articles-section .article-card .card-title a:hover {
  color: var(--color-primary) !important;
  text-decoration: underline !important;
}

/* Show arrow icon after title (no View button; title + arrow is the link) */
.view-author .author-related-articles-section .article-card .card-title .link-icon {
  margin-left: 0.35em;
  font-size: 0.9em;
  color: inherit;
}

/* Metadata row: flex layout, aligned on one line, icons for authors and conference */
.view-author .author-related-articles-section .article-card .col-lg-9,
.view-author .author-related-articles-section .article-card .col-md-9,
.view-author .author-related-articles-section .article-card .col-sm-9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
}

.view-author .author-related-articles-section .article-card .col-lg-9 .card-title,
.view-author .author-related-articles-section .article-card .col-md-9 .card-title,
.view-author .author-related-articles-section .article-card .col-sm-9 .card-title {
  flex-basis: 100%;
}

/* Metadata row — icons from custom.css (fa-tag conference, fa-user authors, none for year) */
/* Override separator to pipe (|) in author Related Articles */
.view-author .author-related-articles-section .horizontal-card__meta-sep {
  width: auto;
  height: auto;
  min-width: auto;
  border-radius: 0;
  background: none;
  margin: 0 0.35rem;
}

.view-author .author-related-articles-section .horizontal-card__meta-sep::before {
  content: " | ";
  color: var(--color-text-light);
}

/* Hide session badge, PDF link, and Abstract link (title + arrow is the view action) */
.view-author .author-related-articles-section .article-card .badge.bg-secondary,
.view-author .author-related-articles-section .article-card .card-link.download-pdf,
.view-author .author-related-articles-section .article-card .card-link:not(.download-pdf) {
  display: none !important;
}

/* Card body and row layout for horizontal flex */
.view-author .author-related-articles-section .article-card .card-body {
  display: flex;
  flex: 1;
  min-width: 0;
  padding: 0 !important;
}

.view-author .author-related-articles-section .article-card .horizontal-card .row {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  width: 100%;
}

.view-author .author-related-articles-section .article-card .horizontal-card .row .col-lg-9 {
  flex: 1;
  min-width: 0;
}


/* ============================================================
   AUTHOR TRACK TEXT  (Figma: plain text, no pill)
   ============================================================ */

.view-author .author-track-text {
  font-family: var(--author-font-family) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: 400 !important;
  color: var(--color-text-body) !important;
  line-height: 17px;
  margin: 0.15rem 0 0;
}

/* ============================================================
   STAT TILE EMPTY STATE  (— when no Google Scholar data)
   ============================================================ */

.view-author .author-stat-tile__value--empty {
  font-size: var(--font-size-lg) !important;
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* ============================================================
   AUTHOR PUBLICATION LIST  (Figma WMPubRow — node 70:3435)
   Replaces "Recent Articles" section on author.view
   ============================================================ */

.view-author .bg-conference-view .author-pub-list-card {
  width: 100%;
  box-sizing: border-box;
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin: 0;
}

/* ── Header ── */
.view-author .author-pub-list-header {
  min-height: 49px;
  padding: 0 18px;
  border-bottom: 1px solid var(--color-border-subtle);
  background: var(--color-bg-surface);
  flex-shrink: 0;
}

.view-author .author-pub-list-header__text {
  font-family: var(--author-font-family);
  font-size: var(--font-size-card-badge);
  line-height: 18px;
  color: var(--color-text-secondary);
}

.view-author .author-pub-list-header__text strong {
  font-weight: 600;
  color: var(--color-text);
}

/* ── Shared controls bar (_controls_bar.cfm) — compact inline variant ── */
.view-author .author-pub-list-header__right.summary-span__controls {
  flex-shrink: 0;
  gap: 6px;
}

.view-author .author-pub-list-header__right.summary-span__controls .conf-controls-bar__label,
.view-author .author-pub-list-header__right.summary-span__controls .conf-controls-bar__label--inline {
  margin-left: 0;
  white-space: nowrap;
  font-family: var(--author-font-family);
  font-size: var(--font-size-article-meta);
  font-weight: 500;
  color: var(--color-text-secondary);
  letter-spacing: 0;
}

.view-author .author-pub-list-header__right.summary-span__controls .display-order-btn-dp {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 22px 0 8px !important;
  font-family: var(--author-font-family) !important;
  font-size: var(--font-size-article-meta) !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: -0.0762px;
  color: var(--color-text) !important;
  border-radius: 6px !important;
  gap: 4px !important;
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

.view-author .author-pub-list-header__right.summary-span__controls .display-order-btn-dp:hover,
.view-author .author-pub-list-header__right.summary-span__controls .display-order-btn-dp:focus {
  background: var(--color-bg-page) !important;
  border-color: var(--color-border-strong) !important;
  box-shadow: none !important;
}

.view-author .author-pub-list-header__right.summary-span__controls .display-order-dropdown .dropdown-menu {
  font-family: var(--author-font-family);
  font-size: var(--font-size-article-meta);
  min-width: 9rem;
  padding: 0.25rem 0;
  border-radius: 6px;
}

.view-author .author-pub-list-header__right.summary-span__controls .display-order-dropdown .dropdown-item {
  font-size: var(--font-size-article-meta);
  font-weight: 400;
  padding: 0.35rem 0.75rem;
  line-height: 1.4;
}

.view-author .author-pub-list-header__right.summary-span__controls .dropdown-toggle::after {
  margin-left: 0.35em;
  vertical-align: 0.12em;
  border-width: 0.3em 0.3em 0;
}

/* ── Publication rows (shared conf-list-row inside pub list card) ── */
.view-author .author-pub-list-card #article-cards .conf-list-table--article-list {
  margin-top: 0;
}

.view-author .author-pub-list-card .conf-list-table {
  border: none;
}

.view-author .author-pub-list-card .conf-list-row {
  padding-left: 18px;
  padding-right: 18px;
}

.view-author .author-pub-list-card .conf-list-row:last-child {
  border-bottom: none;
}

/* Empty state */
.view-author .author-pub-list-empty {
  padding: 32px 24px;
  text-align: center;
  color: var(--color-text-muted);
  font-family: var(--author-font-family);
  font-size: var(--font-size-card-meta);
}

/* Pagination wrapper inside pub list */
.view-author .author-pub-pagination {
  padding: 12px 18px;
  border-top: 1px solid var(--color-border-subtle);
  margin: 0 !important;
}

/* ============================================================
   RESPONSIVE — stack columns on tablet / mobile
   ============================================================ */

/* Sidebar border: right on iPad/desktop, none on mobile */
@media (max-width: 767.98px) {
  .view-author .bg-conference-view .search-content,
  .view-author .author-pub-shell .search-content {
    border-right: none !important;
    border-bottom: none;
  }
}

/* ============================================================
   RESPONSIVE — author-pub-list-card (mobile)
   ============================================================ */

@media (max-width: 991.98px) {
  .view-author .author-pub-list-header {
    padding: 10px 14px;
    min-height: auto;
  }

  /* Controls: smaller buttons on mobile */
  .view-author .author-pub-list-header__right.summary-span__controls .display-order-btn-dp {
    font-size: 10px !important;
    padding: 0 18px 0 6px !important;
    height: 26px !important;
    min-height: 26px !important;
  }

}

@media (max-width: 767px) {
  /* Avatar: no separator needed — name/bio follows immediately below */
  .view-author .author-avatar-col {
    border-right: none;
    border-bottom: none;
    padding-right: 0 !important;
    padding-bottom: var(--spacing-xs);
  }

  /* Name/bio: separator below to divide from the chart/stats block */
  .view-author .author-info-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--spacing-md);
  }

  .view-author .author-stats-col {
    border-left: none;
    border-top: none;
    padding-left: 0 !important;
    padding-top: var(--spacing-md) !important;
  }

  /* Stat numbers a touch smaller on mobile */
  .view-author .author-stat-tile__value {
    font-size: 1.2rem !important;
  }

  /* Related Articles: stack card vertically on mobile */
  .view-author .author-related-articles-section .article-card .horizontal-card {
    flex-direction: column;
    align-items: stretch;
  }

  .view-author .author-related-articles-section .article-card .horizontal-card .row {
    flex-direction: column;
    align-items: flex-start;
  }

  .view-author .author-related-articles-section .article-card .col-lg-9 {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Mobile profile column order: avatar → name/bio → chart/stats */
@media (max-width: 991.98px) {
  .view-author .author-avatar-col { order: 1; }
  .view-author .author-info-col   { order: 2; }
  .view-author .author-stats-col  { order: 3; }
}

/* Session type chip: allow wrapping on author page */
.view-author .cdp-chip-row--list { flex-wrap: wrap; overflow: visible; }
.view-author .cdp-chip--type { max-width: none; white-space: normal; }

/* Author sidebar: full column height background, controls pinned to top */
.view-author .author-pub-shell > .row.g-0 {
  align-items: stretch !important;
}

.view-author .author-pub-shell .search-content.author-sidebar-col {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 100% !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

/* -- Mobile: tighten header; prevent summary-span__controls width:100% from wrapping -- */
@media (max-width: 767.98px) {
  .view-author .author-pub-list-header .summary-span__controls {
    width: auto !important;
    flex-shrink: 0;
  }
}

@media (max-width: 575.98px) {
  .view-author .author-pub-list-header {
    gap: 6px;
    min-height: auto;
  }
}