/* Shared homepage shell for public interior pages. Keep their existing content styles. */
.public-inner.public-no-sidebar .app-wrapper,
.public-inner.public-no-sidebar .main-area {
  width: 100%;
  min-width: 0;
}

.public-inner.public-no-sidebar .main-area {
  margin-left: 0;
}

.public-inner.public-no-sidebar .main-content {
  max-width: 1524px;
  padding-top: 24px;
}

.public-inner.public-no-sidebar .public-discovery {
  min-width: 0;
  margin-bottom: 24px;
}

.public-inner.public-no-sidebar .public-discovery .home-search-form {
  max-width: 720px;
}

.public-inner.public-no-sidebar .public-discovery .home-category-nav {
  margin-top: 16px;
}

.public-inner.public-no-sidebar .public-discovery .home-category-nav a[aria-current="location"] {
  color: var(--primary-dark);
  font-weight: 700;
}

/* File workbenches still use legacy variable names; map them to the home palette. */
.public-inner.page-tool .file-workbench {
  --primary-color: var(--primary);
  --border-color: var(--border);
  --bg-secondary: var(--primary-light);
  --bg-primary: var(--bg-white);
  --text-primary: var(--text);
}

.public-inner.page-tool .file-workbench .file-fields input:not([type=checkbox]),
.public-inner.page-tool .file-workbench .file-fields select,
.public-inner.page-tool .file-workbench .file-list select {
  border-radius: 4px;
}

.public-inner.page-tool .file-workbench .file-list li,
.public-inner.page-tool .file-workbench .file-result {
  border-radius: 6px;
}

.public-inner.public-no-sidebar .article-list-page,
.public-inner.public-no-sidebar .article-detail {
  margin-right: auto;
  margin-left: auto;
}

/* The former tool-side ad keeps its slot, but no longer forms a right rail. */
.public-inner.public-no-sidebar .tool-detail-layout {
  flex-direction: column;
}

.public-inner.public-no-sidebar .tool-detail-sidebar {
  width: min(100%, 300px);
  margin: 0 auto;
}

.public-inner.public-no-sidebar .public-inline-ad {
  max-width: 100%;
  margin: 32px auto 0;
  text-align: center;
}

@media (max-width: 640px) {
  .public-inner.public-no-sidebar .main-content {
    padding-top: 20px;
  }

  .public-inner.public-no-sidebar .home-site-header .header-inner {
    flex-wrap: nowrap;
  }

  .public-inner.public-no-sidebar .lang-btn span {
    font-size: 14px;
  }

  .public-inner.public-no-sidebar .header-link {
    font-size: 14px;
  }

}

@media (max-width: 380px) {
  .public-inner.public-no-sidebar .header-link {
    display: inline-flex;
  }
}