/* ============================================
   Data (Public Materials) Page Styles
   ============================================ */

@import "../components/breadcrumb.css";

.data-section {
  background: #fff;
  padding: 0 0 5rem; /* 顶部间距由 breadcrumb-section 的 margin-bottom 控制 */
  min-height: 70vh;
}

/* Page Header */
.data-header {
  margin-bottom: 2rem;
}

.data-title {
  font-size: 2rem;
  font-weight: 800;
  color: #4b3a18;
  margin-bottom: 1rem;
}

.data-divider {
  width: 100%;
  height: 4px;
  background-color: #f5d54a;
  margin-bottom: 1.5rem;
}

.data-description {
  font-size: 0.95rem;
  color: #4b3a18;
  margin-bottom: 3rem;
}

/* List Items (Specific to Data Page) */
.data-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 1rem; /* Indent list to show hierarchy */
}

.data-list li {
  position: relative;
  padding-left: 1.5rem;
  min-height: 51px; /* Each content height 51px */
  display: flex;
  align-items: flex-start;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: space-between;
  border-bottom: 1px dashed transparent; /* Optional separator visualization */
  margin-bottom: 0; /* Remove margin as height is fixed/min */
}

.data-list li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 26px;
  transform: translateY(-50%);
  font-size: 0.5rem;
  color: #4b3a18;
}

.data-list a:first-child {
  color: #0d6efd;
  text-decoration: none;
  margin-right: auto; /* Push metadata to the right */
  flex: 1; /* Take available space to allow right alignment of icon if needed */
  font-size: 16px;
}

.data-list a:first-child:hover {
  text-decoration: underline;
}

/* External Link Icon */
.data-list a:first-child[target="_blank"]::after,
.data-list a:first-child[href$=".pdf"]::after,
.data-list a:first-child[href*="http"]::after,
.data-list a.pdf-link::after {
  /* Simple CSS icon or image for external link */
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6efd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
  vertical-align: middle;
  margin-top: -2px; /* Visually center the icon */
}

/* Align icon to the right for cleaner look */
.data-list a.pdf-link {
  /* justify-content: space-between; Removed to keep icon close to text */
  justify-content: flex-start;
}

/* Secondary Section (Past Data) */
.past-data-section {
  margin-top: 4rem;
}

.section-divider-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #4b3a18;
  margin-bottom: 1rem;
}