@font-face { font-family: 'SUIT Variable'; font-weight: 100 900; font-style: normal; font-display: swap; src: url('fonts/SUIT-Variable.woff2') format('woff2'); }
:root[data-preview-font="suit"] { --font-family: 'SUIT Variable', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }

/* 비교용 모양만 바꾼다. 완료 버튼과 같은 26px 자리, 기존 카드·제목 위치는 유지한다. */
:root[data-child-indicator="link"] #home-section .home-child-arrow,
:root[data-child-indicator="dot"] #home-section .home-child-arrow,
:root[data-child-indicator="round"] #home-section .home-child-arrow { position: relative; font-size: 0; }

:root[data-child-indicator="link"] #home-section .home-child-arrow::before {
  content: ''; position: absolute; left: 7px; top: 5px; width: 10px; height: 10px;
  border-left: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; border-bottom-left-radius: 5px;
}
:root[data-child-indicator="link"] #home-section .home-child-arrow::after {
  content: ''; position: absolute; left: 16px; top: 13px; width: 4px; height: 4px;
  border-radius: 50%; background: var(--text-light);
}
:root[data-child-indicator="dot"] #home-section .home-child-arrow::after {
  content: ''; position: absolute; left: 10.5px; top: 10.5px; width: 5px; height: 5px;
  border-radius: 50%; background: var(--text-light); box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-light) 12%, transparent);
}
:root[data-child-indicator="round"] #home-section .home-child-arrow::before {
  content: ''; position: absolute; left: 7px; top: 5px; width: 10px; height: 10px;
  border-left: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; border-bottom-left-radius: 5px;
}
:root[data-child-indicator="round"] #home-section .home-child-arrow::after {
  content: ''; position: absolute; left: 12px; top: 12px; width: 5px; height: 5px;
  border-top: 1.4px solid currentColor; border-right: 1.4px solid currentColor; transform: rotate(45deg);
}