:root {
  color-scheme: light dark;
  --seo-bg: #f5f7fb;
  --seo-card: rgba(255, 255, 255, 0.86);
  --seo-text: #304867;
  --seo-muted: #71829b;
  --seo-border: rgba(48, 72, 103, 0.14);
  --seo-accent: #f47c35;
}

@media (prefers-color-scheme: dark) {
  :root {
    --seo-bg: #070a10;
    --seo-card: #141924;
    --seo-text: #e7ebf2;
    --seo-muted: #9aa6b8;
    --seo-border: rgba(231, 235, 242, 0.13);
  }
}

body {
  margin: 0;
  background: var(--seo-bg);
  color: var(--seo-text);
  font-family: Montserrat, ui-sans-serif, system-ui, sans-serif;
}

.seo-profile-shell { max-width: 1120px; margin: 0 auto; padding: 2rem 1rem 5rem; }
.seo-profile-card { border: 1px solid var(--seo-border); border-radius: 2rem; background: var(--seo-card); padding: clamp(1.25rem, 3vw, 3rem); box-shadow: 0 1.25rem 4rem rgba(20, 35, 55, 0.08); }
.seo-profile-breadcrumb { display: flex; flex-wrap: wrap; gap: .55rem; color: var(--seo-muted); font-size: .83rem; }
.seo-profile-breadcrumb a, .seo-profile-link { color: inherit; font-weight: 700; text-underline-offset: .2em; }
.seo-profile-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 22rem); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; margin: 2rem 0; }
.seo-profile-eyebrow { color: var(--seo-accent); font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.seo-profile-card h1 { margin: .65rem 0 .4rem; font-size: clamp(2.25rem, 6vw, 4.75rem); line-height: 1; letter-spacing: -.04em; }
.seo-profile-author, .seo-profile-description { color: var(--seo-muted); line-height: 1.7; }
.seo-profile-description { max-width: 46rem; }
.seo-profile-cover { display: block; width: 100%; aspect-ratio: 1; border-radius: 1.5rem; object-fit: cover; }
.seo-profile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
.seo-profile-button { display: inline-flex; border-radius: 999px; background: var(--seo-text); color: var(--seo-bg); padding: .8rem 1.2rem; font-weight: 800; text-decoration: none; }
.seo-profile-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin: 2rem 0; }
.seo-profile-facts div, .seo-profile-list > li { border: 1px solid var(--seo-border); border-radius: 1.1rem; padding: 1rem; }
.seo-profile-facts dt { color: var(--seo-muted); font-size: .78rem; font-weight: 700; }
.seo-profile-facts dd { margin: .35rem 0 0; font-size: 1.1rem; font-weight: 800; }
.seo-profile-card section { margin-top: 2.25rem; }
.seo-profile-card h2 { font-size: 1.25rem; }
.seo-profile-chips, .seo-profile-list { display: flex; flex-wrap: wrap; gap: .65rem; padding: 0; list-style: none; }
.seo-profile-chips li { border: 1px solid var(--seo-border); border-radius: 999px; padding: .55rem .85rem; font-size: .85rem; font-weight: 700; }
.seo-profile-list > li { min-width: min(100%, 17rem); }
.seo-profile-list h3, .seo-profile-list p { margin: 0 0 .5rem; }
.seo-profile-footer { margin-top: 3rem; border-top: 1px solid var(--seo-border); padding-top: 1.5rem; }

@media (max-width: 720px) {
  .seo-profile-hero { grid-template-columns: 1fr; }
  .seo-profile-cover { max-width: 20rem; }
  .seo-profile-facts { grid-template-columns: repeat(2, 1fr); }
}