/* SaraHome — auth/register page-specific styles (§R-N+284 Phase D extracted) */
/* §R-N+26xx Wave 4.2 — tos-link restructure (HTML5 spec: <label> 唔可以包 <a> )
   - .form-group-tos 改 flex 容器 (input + label + a 都係 sibling)
   - .tos-link 之前係 .tos-label 嘅 child, 而家係 sibling (對位 Wave 4.2 closure) */
.form-group-tos {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
    line-height: 1.5;
}

.form-group-tos .tos-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-group-tos input.tos-checkbox {
    margin-top: 0.2rem;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    cursor: pointer;
    align-self: flex-start;
}

.form-group-tos .tos-text {
    color: var(--sarahome-v3-color-fg);
    font-size: 0.95rem;
}

.form-group-tos .tos-link {
    color: var(--sarahome-v3-color-accent);
    text-decoration: none;
    font-size: 0.95rem;
    align-self: center;
}

.form-group-tos .tos-link:hover {
    text-decoration: underline;
}

/* 對位 §R-N+23xx+1 form error UX — checkbox error state */
.form-group-tos input.tos-checkbox.form-input-error {
    border-color: var(--sarahome-v3-color-error);
    outline-color: var(--sarahome-v3-color-error);
    background-color: #FEF2F2;
}

@media (max-width: 768px) {
    .form-group-tos {
        align-items: flex-start;
    }
}