/* ───────── 공통: 테마 색 상속 & 레이아웃 추종 ───────── */
.theme-follow { color: inherit; }
.fishban-widget { min-width: 0; }

/* 상단 바: 제목(좌) + (기준 yy.mm.dd)(우) */
.fw-topbar{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:end;
  gap:8px;
  margin: 0 0 15px;
}
.fw-top-left{
  font-size:16px;
  font-weight:400;         /* 메뉴 항목 느낌 */
  line-height:1.2;
}
.fw-top-right{
  font-size:12px;
  opacity:.75;
  font-weight:300;   /* ← 얇게 고정 */
  line-height:1.2;
  align-self:end;
}

/* 스크롤 보호 래퍼 */
.fw-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* 표 컨테이너 */
.fw-table{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid var(--fw-bd, #e0e0e0);
  border-radius:0;                 /* ← 모서리 각지게 */
  overflow:hidden;
  background:inherit;
}

/* 행/셀 기본 */
.fw-row{ display:grid; align-items:center; }
.fw-cell{ display:block; min-width:0; color:inherit; }

/* 헤더 (어종/기간): 16px, 중앙, 진하지 않음, 검정/흰색(상속) */
.fw-head{
  background: var(--fw-head-bg);
  font-weight:400;                                  /* 굵게 X */
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.fw-head .fw-cell{
  padding:10px 12px;
  border-bottom:1px solid var(--fw-bd);  /* ← 두 줄(double) */
  font-size:16px;
  text-align:center;
}
/* 헤더 가운데 세로 구분선 */
.fw-head .fw-cell:first-child{
  border-right:1px solid var(--fw-bd);
}

/* 아이템 구분선 */
.fw-item{ border-bottom:1px solid var(--fw-div, #e0e0e0); }
.fw-item:last-child{ border-bottom:0; }

/* 본행: 어종/기간 모두 중앙정렬, 굵게 X */
.fw-main{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.fw-main .fw-cell{
  padding:10px 12px;
  text-align:center;                                /* 중앙 정렬 */
  font-weight:400;                                  /* 굵게 X */
}
/* 본행 가운데 세로 구분선 */
.fw-main .fw-cell:first-child{
  border-right:1px solid var(--fw-div, #e0e0e0);
}

.fw-species{ font-weight:400; }
.fw-period  { font-weight:400; }

/* 지역 아래줄 */
.fw-region-row{
  grid-template-columns:1fr;
  background: inherit;              /* 본행과 동일 배경 */
}
.fw-region{
  padding:10px 12px 10px;
  font-size:13px;
  color:#979691;
  font-weight:300;   /* ← 얇게 고정 */
  line-height:0.8;
  text-align:center;
  border-top:1px solid var(--fw-div, #e0e0e0);  /* 점선 구분선 */
}

/* 빈 상태 안내 */
.fw-empty{ font-size:12px; text-align:center; margin-top:6px; opacity:.8; }

/* ───────── 라이트 모드 ───────── */
body.color_scheme_light .theme-follow{
  --fw-bd: #e0e0e0;
  --fw-div: #e0e0e0;
  --fw-head-bg: #f5f5f5;
  --fw-region-bg: #fafcff;
}

/* ───────── 다크 모드 ───────── */
body.color_scheme_dark .theme-follow{
  --fw-bd: rgba(255,255,255,.16);
  --fw-div: rgba(255,255,255,.12);
  --fw-head-bg: rgba(255,255,255,.05);
  --fw-region-bg: rgba(255,255,255,.04);
}

/* ───────── 모바일 미세 조정 ───────── */
@media (max-width:480px){
  /* 헤더와 본문을 동일 비율로 */
/* 헤더 세로선 */
.fw-head .fw-cell:first-child{
  border-right:1px solid var(--fw-div, #e0e0e0);
}
/* 본문 세로선 */
.fw-main .fw-cell:first-child{
  border-right:1px solid var(--fw-div, #e0e0e0);
}