/* ============================================
   Hidden Page Template
   - Landing pages accessible via direct link only
   - Not in site navigation or sitemap
   ============================================ */

.page-hidden #main-content.hidden-detail-page {
  position: relative;
  padding: clamp(100px, 12vw, 130px) var(--container-padding) var(--section-stack-padding-y);
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(0, 156, 67, 0.1), transparent 32%),
    linear-gradient(to bottom, var(--color-bg-secondary), #fff);
}

.page-hidden #main-content.hidden-detail-page::after {
  position: absolute;
  right: -120px;
  bottom: -160px;
  z-index: 0;
  width: 420px;
  height: 420px;
  content: "";
  pointer-events: none;
  background: rgba(0, 156, 67, 0.08);
  border-radius: 50%;
  filter: blur(20px);
}

.page-hidden #main-content.hidden-detail-page > * {
  position: relative;
  z-index: 1;
}

.page-hidden .hidden-detail-page > .breadcrumb-wrap {
  margin-bottom: calc(1pt + var(--space-sm));
  background: transparent;
  border-bottom-color: rgb(229 231 235 / 0.5);
}

.page-hidden .hidden-detail-page .breadcrumb__list {
  flex-wrap: nowrap;
  overflow: hidden;
}

.page-hidden .hidden-detail-page .breadcrumb__item {
  flex-shrink: 0;
}

.page-hidden .hidden-detail-page .breadcrumb__item:last-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.page-hidden .hidden-detail-page .breadcrumb__current {
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-hidden .hidden-article.news-article {
  width: min(100%, 760px);
  margin: 0 auto;
}

.page-hidden .hidden-article .news-article__header {
  max-width: 42rem;
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.page-hidden .hidden-article .news-article__content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.page-hidden .hidden-article .news-article__content .content-table-wrap {
  overflow-x: auto;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  -webkit-overflow-scrolling: touch;
}

.page-hidden .hidden-article .news-article__content .content-table,
.page-hidden .hidden-article .news-article__content table {
  width: 100%;
  min-width: 420px;
  border-collapse: collapse;
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.5;
}

.page-hidden .hidden-article .news-article__content .content-table th,
.page-hidden .hidden-article .news-article__content .content-table td,
.page-hidden .hidden-article .news-article__content table th,
.page-hidden .hidden-article .news-article__content table td {
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-border, #d7dee8);
  text-align: left;
  vertical-align: top;
}

.page-hidden .hidden-article .news-article__content .content-table thead th,
.page-hidden .hidden-article .news-article__content table thead th {
  background: var(--color-bg-secondary);
  color: var(--color-text);
  font-weight: 600;
}

.page-hidden .hidden-article .news-article__content .content-table tbody th,
.page-hidden .hidden-article .news-article__content table tbody th {
  color: var(--color-text);
  font-weight: 600;
}

.page-hidden .about-gallery {
  padding-block: clamp(2rem, 5vw, 4rem);
  background: transparent;
}