/* Section rhythm is explicit in HTML; nested cards keep their own surfaces. */
html[data-brand="navodu"] [data-section-tone="plain"] {
  --section-surface: #f3f5f2;
}
html[data-brand="navodu"] [data-section-tone="soft"] {
  --section-surface: #e7eee3;
}
html[data-brand="navodu"] [data-section-tone] {
  background-color: var(--section-surface);
}

/* Inset panels stay inside the existing content container. */
html[data-brand="navodu"] [data-section-panel] {
  min-width: 0;
  padding: clamp(24px, 3vw, 40px);
  border-radius: 24px;
}
html[data-brand="navodu"] .board-details[data-section-panel] {
  border-top: 0;
  margin-bottom: 24px;
}
html[data-brand="navodu"] .catalog-price-section[data-section-panel] {
  margin-top: 64px;
}
html[data-brand="navodu"] .feed-group[data-section-panel] {
  margin-top: 36px;
  padding-block: clamp(32px, 4vw, 48px);
}
html[data-brand="navodu"] .article-layout[data-section-panel] {
  padding: clamp(20px, 2.5vw, 36px);
  margin-top: 32px;
}
html[data-brand="navodu"] .article-related[data-section-panel] {
  margin-block: 48px;
}
html[data-brand="navodu"] .route-explorer[data-section-tone="soft"] .route-tools {
  background: #f3f5f2;
}
html[data-brand="navodu"] .route-explorer[data-section-panel] {
  padding: clamp(16px, 2vw, 28px);
}

@media (max-width: 800px) {
  html[data-brand="navodu"] .article-layout[data-section-panel] {
    row-gap: 24px;
  }
}

@media (max-width: 600px) {
  html[data-brand="navodu"] [data-section-panel] {
    padding: 20px 16px;
    border-radius: 20px;
  }
  html[data-brand="navodu"] .feed-group[data-section-panel] {
    margin-top: 24px;
    padding-block: 28px;
  }
  html[data-brand="navodu"] .article-layout[data-section-panel] {
    padding: 20px 16px;
  }
  html[data-brand="navodu"] .article-related[data-section-panel] {
    margin-block: 32px;
  }
  html[data-brand="navodu"] .catalog-price-section[data-section-panel] {
    margin-top: 40px;
  }
  html[data-brand="navodu"] .route-explorer[data-section-panel] {
    padding: 20px 12px;
  }
}