/* ══════════════════════════════════════════════
   FIGURES MODULE
   ══════════════════════════════════════════════ */

/* Hero */
.figure-hero{margin-bottom:32px}
.figure-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.figure-lifespan{font-family:var(--mono);font-size:14px;color:var(--text-2);margin-top:4px}
.figure-oneliner{font-size:17px;color:var(--text-2);margin-top:8px;font-style:italic;line-height:1.6}

/* Tags */
.figure-tag{display:inline-block;font-family:var(--mono);font-size:11.5px;padding:3px 10px;border-radius:3px;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);text-decoration:none;transition:all .15s}
.figure-tag:hover{background:var(--accent);color:#fff}
.figure-tag--sub{background:var(--surface-2);color:var(--text-2);border-color:var(--border-light)}
.figure-tag--sm{font-size:10.5px;padding:2px 7px}

/* Quote */
.figure-quote{margin:24px 0;padding:20px 24px;border-left:3px solid var(--accent);background:var(--bg-card);border-radius:0 4px 4px 0}
.figure-quote p{font-size:16px;line-height:1.7;color:var(--text);margin:0 0 8px}
.figure-quote cite{font-size:13px;color:var(--text-3);font-style:normal}

/* Bio */
.figure-bio{margin-bottom:32px;font-size:15px;line-height:1.75}
.figure-bio p{margin-bottom:16px}

/* Sections */
.figure-section{margin-bottom:32px}
.figure-section h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-heading);letter-spacing:-0.01em}

/* Contributions */
.figure-contributions{list-style:none;padding:0}
.figure-contributions li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid var(--border-faint);font-size:14px;line-height:1.6;color:var(--text)}
.figure-contributions li::before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* Economic context */
.figure-econ-context{font-size:14px;line-height:1.7;color:var(--text-2);margin-bottom:16px}
.figure-chart-wrap{background:var(--surface);border:1px solid var(--border-light);border-radius:6px;padding:16px;margin-top:12px}

/* Timeline */
.figure-timeline{position:relative;padding-left:24px;border-left:2px solid var(--border)}
.tl-item{position:relative;padding:12px 0 12px 20px;margin-bottom:4px}
.tl-item::before{content:"";position:absolute;left:-29px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}
.tl-year{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600;margin-bottom:4px}
.tl-title{font-size:14px;font-weight:600;color:var(--text-heading)}
.tl-desc{font-size:13px;color:var(--text-2);margin-top:4px;line-height:1.5}
.tl-type{display:inline-block;font-family:var(--mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.05em;margin-top:6px;padding:2px 6px;background:var(--surface-2);border-radius:2px}

/* Cards */
.figure-cards{display:flex;flex-wrap:wrap;gap:12px}
.figure-cards--grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:14px}
.figure-card{display:block;padding:16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;text-decoration:none;transition:all .15s}
.figure-card:hover{background:var(--bg-card-hover);border-color:var(--border);transform:translateY(-1px)}
.figure-card-name{font-size:15px;font-weight:600;color:var(--text-heading);margin-bottom:4px}
.figure-card-meta{font-family:var(--mono);font-size:12px;color:var(--text-3);margin-bottom:6px}
.figure-card-desc{font-size:13px;color:var(--text-2);line-height:1.5}
.figure-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}

/* Filters */
.figure-filters{margin-bottom:24px;display:flex;flex-direction:column;gap:10px}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.filter-label{font-family:var(--mono);font-size:11.5px;color:var(--text-3);margin-right:4px}
.filter-btn{font-family:var(--mono);font-size:12px;padding:4px 12px;border-radius:3px;text-decoration:none;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-light);transition:all .15s}
.filter-btn:hover{color:var(--text);border-color:var(--border)}
.filter-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}
.filter-cnt{color:var(--text-3);font-size:10.5px}

/* Country page Notable Figures section */
.country-figures{margin-top:32px}
.country-figures h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-heading)}
.country-figures .figure-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:12px}

/* Responsive */
@media(max-width:768px){
  .figure-cards--grid{grid-template-columns:1fr}
  .figure-hero-meta{gap:6px}
  .figure-quote{padding:16px 18px}
  .filter-group{gap:4px}
  .filter-btn{padding:3px 8px;font-size:11px}
}

/* Portrait */
.figure-portrait{float:right;margin:0 0 20px 24px;max-width:280px}
.figure-portrait img{width:100%;height:auto;border-radius:6px;border:1px solid var(--border-light);filter:grayscale(15%) contrast(1.05)}
@media(max-width:600px){
  .figure-portrait{float:none;margin:0 auto 20px;max-width:220px;text-align:center}
}

/* Card avatar */
.figure-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-bottom:8px;border:1px solid var(--border-light)}
.figure-card-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%)}
.figure-card{display:flex;flex-direction:column}

/* Who was — featured snippet target */
.figure-whowas{margin-bottom:28px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px}
.figure-whowas h2{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text-heading)}
.figure-whowas p{font-size:15px;line-height:1.7;margin-bottom:8px}
.figure-whowas-meta{font-family:var(--mono);font-size:12.5px;color:var(--text-2)}
.figure-whowas-meta strong{color:var(--text)}
