:root {
  /* Colors - Print optimized */
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-secondary: #666666;
  
  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --font-size-base: 0.875rem;
  
  /* Typography */
  --font-mono: 'JetBrains Mono', monospace;
  --line-height: 1.5;

  /* Layout */
  --container-width: 1200px;
}

body {
  margin-inline: auto;
  max-width: var(--container-width);
  padding: 0;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-mono);
  line-height: var(--line-height);
  font-size: var(--font-size-base);
}

/* Print Styles - Group related styles */
/* List styles */
ul {
  list-style: none;
  padding-inline-start: 0;
}

.contact-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.contact-list > .contact {
  list-style: none;
}

.contact-list > .contact > a {
  text-decoration: none;
}

/* Image styles */
.photo {
  width: calc(var(--font-size-base) * 6);
  height: calc(var(--font-size-base) * 6);
  float: inline-start;
  margin-inline-end: var(--font-size-base);
}

/* Content layout */
.company,
.company-description {
  display: inline;
  margin-inline-end: var(--font-size-base);
}

.episode {
  margin-block-end: 3rem;
}

.skills > li {
  display: inline;
  margin-inline-end: 1rem;
}

/* Hide unnecessary elements */
.container > *[class*="system-"],
.container > *[class*="primary-nav"] {
  display: none;
}