/* Homepage frame for ranking and directory; retain their existing content widgets. */
body.channel-home {
  --page-bg: var(--paper);
  --accent: #a84b58;
  --accent-strong: var(--wine);
  --sky: #b9c8ce;
  --mint: #b4c6b0;
  --lemon: #dac590;
  --peach: #d9b6a6;
  --lavender: #c8bdcd;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  text-align: left;
}
body.channel-home main { width: 100%; max-width: none; margin: 0; padding: 0 0 72px; }
.channel-home .site-header { padding: 0; color: var(--ink); }
.channel-home .hero { isolation: isolate; }
.channel-home .hero-copy { min-width: 0; }
.channel-home .hero-note { font-size: 13px; }
.channel-home .attention-ranking,
.channel-home .ranking-orbit-panel { border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.channel-home .ranking-orbit__heading h2,
.channel-home .channel-panel-head h2 { font-family: var(--serif); font-size: 29px; line-height: 1.4; }
.channel-home .ranking-orbit__heading > p { font-size: 13px; font-weight: 400; }
.channel-home .library-eyebrow { margin: 0 0 5px; color: var(--wine); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.channel-home .channel-panel { padding: 24px; }
.channel-home .channel-panel-head p { font-weight: 400; }
/* The directory is already paginated: render its small current page normally. */
body.channel-home .person-link { content-visibility: visible; contain-intrinsic-size: none; }
body.channel-home .person-card__badge { color: #fff; }
.channel-home #ranking-list4,
.channel-home #attention-ranking-title { scroll-margin-top: 100px; }
.channel-home .hero-search :focus-visible,
.channel-home .hot-search a:focus-visible { outline: 2px solid var(--wine); outline-offset: -3px; }
@media (max-width: 780px) {
  body.channel-home main { padding-bottom: 48px; }
  .channel-home .channel-panel { padding: 15px; }
  .channel-home .ranking-orbit__heading h2,
  .channel-home .channel-panel-head h2 { font-size: 24px; }
  .channel-home .hero-note { font-size: 12px; }
  .channel-home .ranking-orbit-panel { padding: 15px; }
  .channel-home .ranking-orbit-track { gap: 5px; padding: 5px; border-radius: 16px; }
  .channel-home .ranking-orbit-link { padding: 3px; border-radius: 9px; }
  .channel-home .ranking-orbit-image { width: 38px; height: 38px; }
  .channel-home .ranking-orbit-center { gap: 6px; }
  .channel-home .ranking-orbit-center-card { padding: 6px; border-radius: 12px; }
  .channel-home .ranking-orbit-center-image { width: 52px; height: 52px; }
  .channel-home .ranking-orbit-center-title { font-size: 13px; }
  .channel-home .ranking-orbit-center-link { padding: 0 8px; font-size: 11px; }
  .channel-home .ranking-orbit-center-tag { padding: 0 6px; font-size: 10px; }
  .channel-home .ranking-orbit-center-category { position: static; }
}