/* 홈 틀 부품 T0-F F-1·F-2·F-3·F-4·F-9 (TICKET-647, PRD-051/AC-1) — 정본 screens/T0F-홈묶음보스일정부품.html
   board-tokens.css(:root 변수)만 의존한다. 색·크기·간격은 토큰만 — 직접 값 0. */

/* F-1 스크롤 바탕 + 묶음 박스 — 묶음 사이 8. 첫 묶음 위 14는 헤더 margin-bottom(14)이 맡는다. */
.board-home-scroll { background: var(--board-home-scroll-bg); display: flex; flex-direction: column; gap: var(--board-home-bundle-gap); font-family: var(--board-font-body); color: var(--board-text); }
.board-home-scroll > * { flex-shrink: 0; }
.board-home-bundle { margin: 0 var(--board-home-bundle-margin); background: var(--board-bg); border: 1px solid var(--board-home-bundle-border); border-radius: var(--board-radius-14); padding: var(--board-home-bundle-pad); }

/* F-2 묶음 머리 — 제목 15/800 + 보조 12/700 · 오른쪽 전체 › 13/800 하늘 · 기준선 맞춤 */
.board-home-head { display: flex; align-items: baseline; justify-content: space-between; }
.board-home-head__title { font-size: var(--board-font-size-15); font-weight: 800; }
.board-home-head__sub { font-size: var(--board-font-size-12); font-weight: 700; color: var(--board-text-faint); margin-left: var(--board-home-head-sub-gap); }
.board-home-head__link { font-size: var(--board-font-size-13); font-weight: 800; color: var(--board-link); text-decoration: none; white-space: nowrap; }
body.board-body a.board-home-head__link, body.board-body a.board-home-head__link:hover { color: var(--board-link); } /* `body.board-body a` 링크색 규칙에 지지 않게 특이도를 올림 */

/* F-3 묶음 안 보조 머리 — 12/800 faint · 위 12 */
.board-home-subhead { margin-top: var(--board-home-subhead-top); font-size: var(--board-font-size-12); font-weight: 800; color: var(--board-text-faint); }

/* F-4 메인 헤더 그림자(홈 전용 변형) — 헤더(로고·탭·칩) 아래 선 + 그림자, 아래 16 페이드 없음.
   헤더 마크업은 그대로: 홈 화면이 감싸는 요소(또는 body)에 `board-header-shadow` 클래스를 주면 그 안 `.top`만 바뀐다. 다른 화면 헤더는 기존(선 + 16 페이드). */
.board-header-shadow .top { box-shadow: var(--board-header-shadow); }
.board-header-shadow .top::after { content: none; }

/* F-9 레이드 만들기 버튼 — 폭 꽉 · 높이 48 · 모서리 14 · accent / accent-ink 16/800 · + 아이콘 16 · 위 14 */
.board-home-create {
  appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 100%; height: var(--board-home-create-h); margin-top: var(--board-home-create-top);
  border: 0; border-radius: var(--board-radius-14); background: var(--board-accent); color: var(--board-accent-ink);
  font-family: var(--board-font-body); font-size: var(--board-font-size-16); font-weight: 800; cursor: pointer; text-decoration: none;
  display: flex; align-items: center; justify-content: center; gap: var(--board-home-create-gap);
}
body.board-body a.board-home-create, body.board-body a.board-home-create:hover { color: var(--board-accent-ink); }
.board-home-create:active { opacity: var(--board-press-dim); }
.board-home-create:focus-visible { outline: 2px solid var(--board-text); outline-offset: 2px; }
.board-home-create.board-btn-locked, .board-home-create.board-btn-locked:disabled { background: var(--board-btn-secondary-bg); color: var(--board-footer-text); cursor: default; } /* 비활성(진행 중, AC-4) — 옛 홈 [레이드 만들기]와 같은 토큰, 투명도 없음 */
.board-home-create__icon { width: var(--board-home-create-icon); height: var(--board-home-create-icon); }

/* 새 홈 페이지 자리(AC-3) — 스크롤 바탕이 헤더 아래 14(헤더 margin-bottom)까지 이어지고, 바닥 안내 줄은 아래로 민다. */
body.board-home-body, .board-home-pg { background: var(--board-home-scroll-bg); }
.board-home-pg > .board-home-scroll { flex: 1; }
.board-home-scroll .board-info-notice { padding: var(--board-home-foot-pad); }
/* 눌린 타일 강조(빠른 참여 시트가 열려 있는 동안·로그인 이동 직전) — 그림 칸에 하늘 테두리 + 링 */
.board-home-tile.is-picked .board-home-tile__img { border-color: var(--board-accent); box-shadow: 0 0 0 var(--board-home-tile-picked-ring) var(--board-accent-ring); }
.board-home-strip[hidden] { display: none; } /* JS가 타일이 비면 줄을 숨긴다(flex가 hidden을 덮지 않게) */