/** =========================
 * Block: Checkbox
 * ========================= */
.checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--checkbox-primary-color, #00B4FF);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    background: #fff;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0; /* 텍스트 줄바꿈 시 눌리지 않도록 */
}

.checkbox:checked {
    background-color: var(--checkbox-primary-color, #00B4FF);
    border-color: var(--checkbox-primary-color, #00B4FF);
}

.checkbox:checked::after {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.4rem;
    color: #fff;
    transform: translate(-50%, -50%);
}

/** =========================
 * Block: Checkbox Label (텍스트 포함)
 * ========================= */
.checkbox-label {
    display: inline-flex;
    align-items: center;  /* 세로 중앙 맞춤 */
    gap: 0.6rem;          /* 체크박스와 텍스트 간격 */
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1.2;     /* 텍스트 줄 간격 */
    color: var(--checkbox-text-color, #333);
}