.personal-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; border-top: 1px solid var(--line); }
.personal-menu button { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 88px; padding: 18px 8px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; color: var(--ink); cursor: pointer; }
.personal-menu button:hover { background: #eaf6f1; }
.personal-menu button > span:first-child { min-width: 0; }
.personal-menu strong { display: block; font-size: var(--text-16, 16px); }
.personal-menu small { display: block; color: var(--muted); font-size: var(--text-12, 12px); margin-top: 6px; overflow-wrap: anywhere; }
.personal-menu button > span:last-child { font-size: 24px; color: var(--teal); }
.personal-subpage > .content-section { padding: 0; border: 0; box-shadow: none; background: transparent; }
.personal-detail-form { max-width: 760px; margin: 20px 0; }
.personal-detail-form label { display: grid; gap: 8px; }
.personal-detail-form .consent-row { display: flex; }
#emergencyContactDialog .personal-detail-form { padding: 0 24px 24px; }
.personal-actions { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 24px; }
.contact-summary { padding-block: 20px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.contact-phone { display: inline-block; text-decoration: none; overflow-wrap: anywhere; max-width: 100%; }
.personal-setting { max-width: 760px; padding: 20px 0; border-bottom: 1px solid var(--line); }
#personalTextSize { display: block; width: 100%; padding: 0; margin: 24px 0 4px; accent-color: #178c7a; }
.text-size-labels { display: flex; justify-content: space-between; color: var(--muted); }
#personalTextPreview { font-size: var(--text-18, 18px); margin-top: 28px; }
.personal-faq details { border-bottom: 1px solid var(--line); padding: 16px 0; }
.personal-faq summary { cursor: pointer; font-weight: 600; }
.personal-faq p { color: var(--muted); line-height: 1.8; }
.feedback-record { border-bottom: 1px solid var(--line); padding: 18px 0; }
.feedback-record > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.feedback-record p { white-space: pre-wrap; overflow-wrap: anywhere; }
.feedback-record small { color: var(--muted); margin-right: 20px; }
body.comfortable-mode { --text-10: 12px; --text-11: 13px; --text-12: 14px; --text-13: 15px; --text-14: 16px; --text-15: 17px; --text-16: 18px; --text-17: 19px; --text-18: 20px; --text-20: 22px; font-size: 17px; }
@media(max-width: 760px) { .personal-menu { grid-template-columns: minmax(0, 1fr); } .personal-menu button { min-height: 78px; } }
