/* 1:1 온라인 상담(online-consult.html) · 내 상담 내역(login.html) — 2026-11-11. 이 두 쪽에만 붙는다.
   입력 칸 · 단추 · 동의 표는 [ui-p31](.mb-*) · [ui-p28](.rm-*) 그대로 쓰고, 여기에는 새 부품만 둔다. */
.rm-field select{width:100%;height:48px;margin:0;padding:0 40px 0 14px;border:1px solid #e3d8dd;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M.5.5 5 5 9.5.5' fill='none' stroke='%23f173ac'/%3E%3C/svg%3E") no-repeat right 16px center/10px 6px;color:var(--ink);font:inherit;font-size:16px;line-height:1.5;appearance:none;-webkit-appearance:none}
.rm-field select:focus{outline:2px solid var(--pink);outline-offset:-1px;border-color:transparent}
.oc-form .rm-field--wide textarea{min-height:200px}
.oc-who{margin:0 0 20px;padding:12px 16px;border-radius:12px;background:var(--blush);font-size:15px;line-height:1.6;color:var(--ink)}
.oc-who a{color:var(--pink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* 내 상담 내역 */
.mb-consults{margin-top:40px;padding-top:32px;border-top:1px solid #f1e3ea}
.mb-consults>h2{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.5}
.mc-list{display:grid;gap:12px;margin:16px 0 20px;padding:0;list-style:none}
.mc-item{border:1px solid #ecd2de;border-radius:14px;background:#fff;overflow:hidden}
.mc-item>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;cursor:pointer;list-style:none}
.mc-item>summary::-webkit-details-marker{display:none}
.mc-type{font-weight:700}
.mc-date{color:#8a7f84;font-size:14px}
.mc-state{margin-left:auto;padding:2px 10px;border-radius:999px;background:#f3f0f1;color:#6b6266;font-size:13px;font-weight:600}
.mc-state.is-done{background:var(--pink);color:#fff}
.mc-body{padding:0 16px 16px}
.mc-q,.mc-a{margin:0;padding:12px 14px;border-radius:10px;font-size:15px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.mc-q{background:var(--blush)}
.mc-a{margin-top:10px;border:1px solid #ecd2de;background:#fff}
.mc-a>b{display:block;margin-bottom:4px;color:var(--pink);font-size:13px}
.mc-empty{margin:12px 0 20px;color:#8a7f84}
@media (min-width:1200px){
  .rm-field select{font-size:17px}
  .mb-consults>h2{font-size:22px}
  .mc-q,.mc-a{font-size:17px}
}