/* --- Custom homepage styles (only applied on pages with md-typeset--home) --- */

/* Hide sidebar, TOC, and breadcrumbs on the homepage */
.md-typeset--home ~ .md-sidebar,
.home-page .md-sidebar {
  display: none;
}

/* Full-width content on homepage */
.home-page .md-main__inner {
  width: 100%;
}

.ds-home-main-inner {
  width: 100%;
}

.ds-home-header {
  margin: 0 .8rem 1rem;
  display: block;
  text-align: right;
}

.ds-home-header__right {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.ds-home-header__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.ds-home-header__nav a {
  font-family: var(--ds-font-mono);
  font-size: 12px;
  color: var(--md-default-fg-color--light) !important;
  text-decoration: none !important;
}

.ds-home-header__nav a:hover {
  color: var(--ds-text-bright) !important;
}

.ds-home-header__palette {
  margin-left: 0;
}

.ds-home-header__theme {
  color: var(--md-default-fg-color--light);
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ds-home-header__theme:hover {
  color: var(--ds-text-bright);
  border-color: var(--ds-border-hover);
}

.ds-home-header__theme-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ds-home-header__theme-icon[hidden] {
  display: none !important;
}

.home-page .md-content {
  max-width: 100%;
  margin: 0;
}

.home-page .md-content__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Hero section */
.ds-hero {
  padding: 80px 0 90px;
  animation: ds-fadeUp 0.8s ease-out;
}

.ds-hero__title {
  font-family: var(--ds-font-mono) !important;
  font-size: clamp(32px, 5vw, 48px) !important;
  font-weight: 600 !important;
  color: var(--ds-text-bright) !important;
  letter-spacing: -1px !important;
  margin-bottom: 8px !important;
  border: none !important;
}

.ds-hero__title .ds-dot {
  color: var(--md-default-fg-color--light);
  font-weight: 400;
}

.ds-hero__tagline {
  font-size: 20px !important;
  color: var(--md-default-fg-color) !important;
  margin-top: 24px !important;
  max-width: 620px;
  line-height: 1.5 !important;
}

.ds-hero__tagline-secondary {
  font-size: 17px !important;
  color: var(--md-default-fg-color--light) !important;
  margin-top: 12px !important;
  max-width: 600px;
  line-height: 1.6 !important;
}

.ds-hero__learn-more {
  display: inline-block;
  margin-top: 28px;
  font-family: var(--ds-font-mono);
  font-size: 14px;
  font-weight: 500;
  color: var(--ds-accent-agents) !important;
  transition: color 0.2s ease;
}

.ds-hero__learn-more::after { content: ' \2192'; }
.ds-hero__learn-more:hover {
  color: var(--ds-text-bright) !important;
  text-decoration: none !important;
}

/* Standards grid */
.ds-standards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 0 0 64px;
  animation: ds-fadeUp 0.8s ease-out 0.15s both;
}

.ds-card {
  background: var(--ds-bg-card);
  border: 1px solid var(--ds-border);
  border-radius: 10px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.25s ease;
}

.ds-card:hover {
  border-color: var(--ds-border-hover);
}

.ds-card__name {
  font-family: var(--ds-font-mono);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--ds-text-muted);
}

.ds-card--agents .ds-card__name span { color: var(--ds-accent-agents); }
.ds-card--forge .ds-card__name span { color: var(--ds-accent-forge); }

.ds-card__desc {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--md-default-fg-color);
  margin-bottom: 20px;
  flex: 1;
}

.ds-card__tree {
  background: var(--md-default-bg-color);
  border: 1px solid var(--ds-border);
  border-radius: 6px;
  padding: 16px 20px;
  font-family: var(--ds-font-mono);
  font-size: 13px;
  line-height: 1.7;
  color: var(--md-default-fg-color--light);
  margin: 0 0 20px;
  overflow-x: auto;
  white-space: pre;
}

.ds-card--agents .ds-card__tree .ds-hl { color: var(--ds-accent-agents); }
.ds-card--forge .ds-card__tree .ds-hl { color: var(--ds-accent-forge); }

.ds-card__meta {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.ds-badge {
  font-family: var(--ds-font-mono);
  font-size: 11.5px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: 0.3px;
}

.ds-badge--status {
  background: rgba(255, 255, 255, 0.05);
  color: var(--md-default-fg-color--light);
  border: 1px solid var(--ds-border);
}

.ds-badge--agents {
  background: rgba(126, 184, 160, 0.1);
  color: var(--ds-accent-agents);
  border: 1px solid rgba(126, 184, 160, 0.2);
}

.ds-badge--forge {
  background: rgba(160, 142, 214, 0.1);
  color: var(--ds-accent-forge);
  border: 1px solid rgba(160, 142, 214, 0.2);
}

.ds-card__link {
  display: inline-block;
  margin-top: 15px;
  font-family: var(--ds-font-mono);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.ds-card--agents .ds-card__link { color: var(--ds-accent-agents); }
.ds-card--forge .ds-card__link { color: var(--ds-accent-forge); }

.ds-card__link:hover { color: var(--ds-text-bright) !important; text-decoration: none; }
.ds-card__link::after { content: ' \2192'; }

.ds-card > :last-child {
  margin-bottom: 0 !important;
}

.ds-card > p:last-child {
  margin-bottom: 0 !important;
}

/* Principles */
.ds-principles {
  padding: 0 0 64px;
  animation: ds-fadeUp 0.8s ease-out 0.3s both;
}

.ds-principles__heading {
  font-family: var(--ds-font-mono) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--md-default-fg-color--light) !important;
  text-transform: uppercase;
  letter-spacing: 1.5px !important;
  margin-bottom: 32px !important;
  border: none !important;
}

.ds-principles h3 {
  margin: 0;
  font-size: 16px !important;
}

.ds-principles p {
  margin-top: .1rem;
}

.ds-principles__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 32px;
}

.ds-principles__grid p {
  font-size: 15.5px;
  color: var(--md-default-fg-color);
}

.ds-principles__grid strong {
  color: var(--ds-text-bright);
  font-weight: 600;
}

/* Animation */
@keyframes ds-fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 680px) {
  .ds-home-header {
    padding-top: 12px;
  }
  .ds-home-header__right {
    width: auto;
    margin-left: 0;
    justify-content: flex-end;
    gap: 12px;
  }
  .ds-home-header__nav {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .ds-home-header__palette {
    margin-left: 0;
  }
  .ds-hero { padding: 48px 0 40px; }
  .ds-standards { grid-template-columns: 1fr; }
  .ds-principles__grid { grid-template-columns: 1fr; }
  .ds-card { padding: 24px; }
}