.mypage-hero .lead{margin-top:14px;max-width:68ch}
.mypage-member{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;color:var(--ink-3)}
.mypage-member strong{color:var(--navy)}
.mypage-section{min-height:50vh}
.mypage-message{padding:16px;border-radius:11px;background:var(--bg-soft);color:var(--ink-3);text-align:center}
.mypage-message:empty{display:none}
.mypage-message.error{color:#a82c2c;background:#fff2f1}
.mypage-login{text-align:center}.mypage-login h2{margin-bottom:10px}.mypage-login p{margin-bottom:20px;color:var(--ink-3)}
.mypage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mypage-card{min-width:0;box-shadow:0 10px 32px rgba(11,30,61,.05)}
.mypage-wide{grid-column:1/-1}
.mypage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.mypage-card-head h2{margin-top:10px}
.mypage-stat{color:var(--teal);font-size:28px;white-space:nowrap}
.mypage-link{color:#08788a;font-size:14px;font-weight:800;white-space:nowrap}
.mypage-list{display:flex;flex-direction:column}
.mypage-item{padding:17px 0;border-top:1px solid var(--line)}
.mypage-item:first-child{border-top:0}
.mypage-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mypage-item strong{color:var(--navy)}
.mypage-item-meta{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:7px;color:var(--ink-4);font-size:13px}
.mypage-badge{display:inline-flex;padding:3px 9px;border-radius:999px;background:#eef2f6;color:var(--ink-3);font-size:12px;font-weight:800}
.mypage-badge.answered{background:#e8f8f2;color:#087865}
.mypage-badge.private{background:#fff4de;color:#8b5a00}
.mypage-progress{height:9px;margin-top:13px;overflow:hidden;border-radius:99px;background:#e8edf3}
.mypage-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--green))}
.mypage-empty{text-align:center;padding:24px 0 8px}.mypage-empty p{margin-bottom:16px;color:var(--ink-3)}
@media(max-width:820px){.mypage-grid{grid-template-columns:1fr}.mypage-wide{grid-column:auto}}
@media(max-width:600px){.mypage-card{padding:24px 18px}.mypage-card-head{flex-direction:column}.mypage-stat{font-size:24px}.mypage-item-head{flex-direction:column}.mypage-link{white-space:normal}}
.mypage-pw-form{display:flex;flex-direction:column;gap:14px;max-width:420px}
.mypage-field{display:flex;flex-direction:column;gap:6px}
.mypage-field label{font-size:13px;font-weight:600;color:var(--ink-2)}
.mypage-hint{font-weight:400;color:var(--ink-4)}
.mypage-field input{padding:11px 13px;border:1px solid var(--line,#d8dee6);border-radius:9px;font-size:14px;background:#fff}
.mypage-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,160,160,.15)}
.mypage-pw-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.mypage-pw-message{font-size:13px}
.mypage-pw-message.ok{color:var(--green)}
.mypage-pw-message.error{color:#c0392b}
.mypage-credit-sub{color:var(--ink-3,#5c574f);font-size:13px;margin:2px 0 14px}
#creditCard .mypage-list:empty{display:none}
.mypage-bonus{margin:-4px 0 18px;padding:13px 15px;border-radius:10px;background:#eefaf8;color:#087865;font-weight:700}
.mypage-profile-form{display:flex;flex-direction:column;gap:14px}
.mypage-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mypage-consent{display:flex;align-items:flex-start;gap:8px;color:var(--ink-2);font-size:14px}.mypage-consent input{margin-top:3px}.mypage-consent a{color:#08788a;text-decoration:underline}
.mypage-profile-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mypage-withdraw-link{margin-top:22px;border:0;background:none;color:#8b4a4a;text-decoration:underline;cursor:pointer;padding:0}
.mypage-withdraw-dialog{width:min(92vw,460px);border:0;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(11,30,61,.24)}.mypage-withdraw-dialog::backdrop{background:rgba(11,30,61,.55)}
.mypage-dialog-close{float:right;border:0;background:none;font-size:28px;cursor:pointer}.mypage-withdraw-dialog p{margin:14px 0;color:var(--ink-3);line-height:1.7}.mypage-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.mypage-danger{background:#a82c2c;border-color:#a82c2c}
@media(max-width:820px){.mypage-profile-fields{grid-template-columns:1fr}}
.mypage-inquiry-excerpt{margin:8px 0 0;color:var(--ink-3);white-space:pre-wrap}
.mypage-answer{margin-top:12px;padding:12px 14px;border-radius:9px;background:var(--bg-soft)}.mypage-answer summary{cursor:pointer;color:#08788a;font-weight:700}.mypage-answer p{margin:10px 0 0;white-space:pre-wrap;color:var(--ink-2)}
