/*
SEED: 43792424
CLASS PREFIX: sa8fd_
ARCHITECTURE: Expert Interview / Q&A Focus
DOM PATTERN: main > article > header + section + footer
TONE: Warm artisan
PROOF: Data & Metric-First
*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Literata:ital,opsz,wght@0,7..72,500;0,7..72,650;0,7..72,700;1,7..72,500&display=swap');

:root {
  --sa8fd_bg-base: #f3f5f2;
  --sa8fd_bg-panel: #ffffff;
  --sa8fd_bg-ink: #132019;
  --sa8fd_bg-soft: #e7efe8;
  --sa8fd_text-main: #1a1a1a;
  --sa8fd_text-muted: #5a635c;
  --sa8fd_accent: #0047ff;
  --sa8fd_accent-deep: #0036c4;
  --sa8fd_leaf: #2f6b4f;
  --sa8fd_warn: #c45a2c;
  --sa8fd_border: 1px solid #d5ddd6;
  --sa8fd_radius: 2px;
  --sa8fd_shadow: 0 18px 40px rgba(19, 32, 25, 0.08);
  --sa8fd_font-display: "Literata", "Georgia", serif;
  --sa8fd_font-body: "Figtree", "Helvetica Neue", sans-serif;
  --sa8fd_max: 1080px;
  --sa8fd_ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--sa8fd_font-body);
  color: var(--sa8fd_text-main);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(0, 71, 255, 0.08), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(47, 107, 79, 0.12), transparent 50%),
    linear-gradient(180deg, #eef2ec 0%, var(--sa8fd_bg-base) 28%, #f7f8f6 100%);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: var(--sa8fd_accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--sa8fd_accent-deep);
}

/* ALL CLASSES MUST USE THE SEED PREFIX: .sa8fd_ */
.sa8fd_container {
  max-width: var(--sa8fd_max);
  margin: 0 auto;
  padding: 0 1.15rem;
}

.sa8fd_card {
  border: var(--sa8fd_border);
  background: var(--sa8fd_bg-panel);
  padding: 1.5rem;
}