/* 通用區塊樣式 - Section 基礎樣式（BEM 規範） */

.section{
  width: 100%; /* 填滿父容器 */
  max-width: var(--tpl-container-1440); /* 最大寬度限制 */
  margin: 0 auto;
  padding: 20px 0; /* 上下 20px、左右 0 */
  position: relative;
}

.section__header{
  margin-bottom: 10px;
  padding-left: 10px; /* 標題左對齊卡片，與卡片的 padding-left 一致 */
}

/* 有排行榜的 section：header 保持預設 padding-left: 10px */
/* 與大卡的 margin-left: 10px 對齊，不需要額外設定 */

.section__header-row{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  gap: 20px;
}

/* row[電視劇 title + 會員熱播 nav] */
.section__header-left{
  display: flex;
  flex-direction: row;
  align-items: baseline; /* 底對齊文字 */
  gap: 20px; /* 間隔 20px */
}

.section__header-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.section__nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 8px;
  font-family: Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 2.14em;
  color: #999999;
  text-decoration: none;
}

.section__nav-item.is-active { color: #999999; }

.section__title{
  font-size: 24px;
  color: #fff;
  margin: 0;
}

.section__body{
  display: grid;
  grid-template-columns: 480px 960px; /* 大卡 + 小卡區 */
  gap: 0px; /* 兩欄之間固定 20px，確保左右平均間距 */
  align-items: flex-start;
}