/* PC 층 · 홈: 넘김과 가로 흐름을 격자로 펼칩니다. 카드 모양은 공통 CSS 그대로입니다. */
body.pc .pc-main { --pc-main-width: 1200px; padding-bottom: 0; }

/* 머리: 안내 글과 인물 그림을 한 면에 */
.home19-hero { display: flex; align-items: center; justify-content: space-between; min-height: 300px; margin: 0; padding: 40px 56px; border-radius: 20px; background: var(--color-bg-surface); }
.home19-hero__fig { position: relative; right: auto; flex: none; width: 280px; height: 280px; margin: -24px 0 -40px; }
.home19-hero__copy { font-size: 32px; }
.home19-hero__box { width: 360px; }

/* 묶음: 위아래 간격만 넓게 */
.home-section { margin-top: 48px; }

/* 추천: 넘김을 펼친 5열. JS 가 붙이는 위치 클래스의 변형을 무효로 */
body.pc .home-cf { margin: var(--space-3) 0 0; }
.home-cf__controls { display: none; }
body.pc .home-cf__track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; height: auto; overflow: visible; perspective: none; }
body.pc .home-cf .home-cf__track .home-cf__slide {
  position: static; width: auto; height: auto; min-height: 485px; opacity: 1; filter: none; visibility: visible; pointer-events: auto;
  transform: none; transition: none; box-shadow: none; z-index: auto; will-change: auto;
}
.home-cf__slide::after { display: none; }

/* 가로 흐름 → 격자 (흐름용 복제본은 숨김) */
.home-hscroll { margin: 0; padding: 0; overflow: visible; }
.home-hscroll__list { display: grid; width: auto; margin: 0; padding: 0; gap: 16px; }
.home-hscroll__list > * { width: auto; min-width: 0; flex: none; }
.home-hscroll__list > [data-home19-copy] { display: none; }
.home-types__list { grid-template-columns: repeat(11, minmax(0, 1fr)); }
.home-cards__list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.home-cases__list, .home-videos__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* 이번 주 · 어제 결과 */
.home-days { gap: 12px; }
.home19-yd__row { gap: 16px; }
body.pc .home19-yd__svg { width: 56px; height: 72px; }
body.pc .home19-yd__donut { width: 150px; height: 150px; }
.home-card__box-value { font-size: var(--fit, 18px); }

/* 고비에게 추천받기 줄과 회사 정보: 본문 폭을 넘어 끝까지 */
.home19-ask { margin-top: 48px; }
.home19-foot { margin: 56px calc(50% - 50vw) 0; padding: 48px max(var(--pc-gutter), calc(50vw - 600px)); }

.pc-main:has(.home19-foot) + .pc-footer { border-top: 0; background: var(--color-bg-inverse); }
.pc-main:has(.home19-foot) + .pc-footer .pc-footer__inner { color: var(--color-text-inverse-muted); }