/* 소셜을 맨 아래로 — DOM 을 안 옮기고 순서만 바꾼다 */
.ri-auth, .ri-auth .ri-panel { display: flex !important; flex-direction: column !important; }
.ri-auth .ri-social {
    order: 90 !important;
    margin-top: 26px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e5e7eb !important;
}
.ri-auth .ri-social::before {
    content: "소셜 계정으로 1초 만에";
    display: block; margin: 0 0 12px;
    font-size: 13px; color: #6b7280; text-align: center;
}
/* 가로 한 줄 — 인라인 스타일을 이겨야 해서 !important 가 필요하다 */
.runin-login { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.runin-login > .runin-sso {
    flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important;
    padding: 0 4px !important; white-space: nowrap !important; font-size: 15px !important;
}
.runin-login > .runin-guest { flex: 1 1 100% !important; margin-top: 16px !important; }
/* v1.12.2 : 셋(네이버·카카오·구글)이 들어와도 한 줄에 맞도록 — 글자·여백을 폭에 따라 줄인다 */
.runin-login > .runin-sso { font-size: clamp(13px, 2.6vw, 15px) !important; letter-spacing: -0.2px !important; }
@media (max-width: 560px) {
    .runin-login { gap: 6px !important; }
    .runin-login > .runin-sso { height: 46px !important; padding: 0 2px !important; }
}
@media (max-width: 380px) {
    .runin-login > .runin-sso { font-size: 12.5px !important; }
}

/* 접이 — 동의 «체크칸» 이 아니라 «설명» 만 접는다 */
details.ri-a-fold { margin: 6px 0 18px; }
details.ri-a-fold > summary {
    cursor: pointer; list-style: none;
    padding: 11px 14px; border: 1px solid #e5e7eb; border-radius: 8px;
    background: #f9fafb; font-size: 14px; color: #4b5563;
}
details.ri-a-fold > summary::-webkit-details-marker { display: none; }
details.ri-a-fold > summary::after { content: " ▾"; color: #9ca3af; }
details.ri-a-fold[open] > summary::after { content: " ▴"; }
details.ri-a-fold > summary:hover { background: #f3f4f6; }
details.ri-a-fold .ri-collect { margin-top: 12px; }