/* 메뉴·입력은 큰 글씨에서도 줄바꿈한다. 회원 유형에 관계없이 같은 골격을 쓴다. */
#mypage-legacy-source[hidden], #mypage-management [hidden] { display:none!important; }
#main.entitlement-unavailable #mypage-management { display:none; }
#mypage-management { margin:0 auto; color:var(--ink); }
#mypage-management h1 { margin:8px 0 24px; font-size:28px; line-height:1.4; letter-spacing:-.04em; }
#mypage-management h2 { margin:0 0 14px; font-size:18px; line-height:1.5; }
#mypage-management a, #mypage-management button, #mypage-management strong, #mypage-management small { white-space:normal; overflow-wrap:anywhere; word-break:keep-all; text-overflow:clip; -webkit-line-clamp:unset; }
#mypage-management .mg-back { display:inline-block; padding:12px 0; color:var(--sub); font-size:15px; }
#mypage-management .mg-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 4px; min-height:64px; color:inherit; text-decoration:none; border-bottom:1px solid var(--line); }
#mypage-management .mg-row > span:first-child { min-width:0; }
#mypage-management .mg-row strong { display:block; font-size:18px; font-weight:650; line-height:1.5; }
#mypage-management .mg-row small { display:block; margin-top:5px; font-size:14px; color:var(--sub); line-height:1.6; }
#mypage-management .mg-row > span:last-child { flex:none; font-size:25px; }
#mypage-management .mg-products { padding:20px; margin:20px 0 12px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
#mypage-management .mg-product { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; padding:10px 0; }
#mypage-management .mg-product strong { font-size:17px; }
#mypage-management .mg-product span { font-size:14px; color:var(--sub); }
#mypage-management .mg-product small { flex-basis:100%; font-size:14px; line-height:1.6; color:var(--sub); }
#mypage-management #mp-profile { margin:0; padding:0; border:0; box-shadow:none; }
#mypage-management #hello-sub { white-space:normal; }
#mypage-management .mg-content > .mp-card, #mypage-management .mg-content > .card { margin:16px 0; }
#mypage-management .mg-tabs { display:flex; flex-wrap:wrap; gap:24px; border-bottom:1px solid var(--line); margin-bottom:24px; }
#mypage-management .mg-tabs a { display:inline-flex; align-items:center; min-width:44px; min-height:44px; margin-bottom:-1px; padding:10px 2px; border-bottom:3px solid transparent; color:#4E5968; font-size:16px; font-weight:600; text-decoration:none; }
/* 지금 보는 탭 — AI 작업실 「도구」 탭과 같은 모양(진한 글자·굵게·파란 밑줄 · 2026-10-02 김현진 매니저 QA) */
#mypage-management .mg-tabs [aria-current] { color:#191F28; font-weight:800; border-bottom-color:#0B5BD3; }
/* 내가 만든 결과 — 줄이 카드 가장자리에 붙고 글자가 작아 읽기 어려웠다(2026-10-02 QA). 안쪽 여백·글자 키움 */
#mypage-management [data-mg-page="results"] #history-count { display:block; margin:0 0 10px; color:#4E5968; font-size:15px; font-weight:700; }
#mypage-management [data-mg-page="results"] .hist .hitem { gap:12px; padding:16px 16px 16px 14px; }
#mypage-management [data-mg-page="results"] .hist .hitem .hi-tool { font-size:16px; }
#mypage-management [data-mg-page="results"] .hist .hitem .hi-date { font-size:13.5px; color:#4E5968; }
#mypage-management [data-mg-page="results"] .hist .hitem .hi-prev { margin-top:6px; color:#4E5968; font-size:15px; line-height:1.6; display:block; -webkit-line-clamp:unset; overflow:visible; }
#mypage-management [data-mg-page="results"] .hist .hitem .hi-arr { align-self:center; font-size:20px; color:#4E5968; }
/* 내가 만든 결과 — 찾기 칸·도구 고르기(2026-10-02 외부 QA). 큰 글씨에서 줄바꿈, 칸 높이 44px 이상, 폭 320px 에서도 넘침 없음 */
#mypage-management .hfilter { display:flex; flex-wrap:wrap; gap:12px 16px; margin:0; padding:16px 14px 12px; border-bottom:1px solid #E5E8EB; }
#mypage-management .hfilter[hidden] { display:none; }
#mypage-management .hf-field { display:flex; flex-direction:column; gap:6px; flex:1 1 220px; min-width:0; }
#mypage-management .hf-field label { color:var(--ink); font-size:15px; font-weight:700; line-height:1.5; }
#mypage-management .hf-field input, #mypage-management .hf-field select { box-sizing:border-box; width:100%; max-width:100%; min-height:48px; padding:10px 12px; border:1.5px solid #4E5968; border-radius:10px; background:var(--card, #fff); color:var(--ink); font:inherit; font-size:16px; line-height:1.5; }
#mypage-management .hf-field input::placeholder { color:#4E5968; opacity:1; }
#mypage-management .hf-field input:focus-visible, #mypage-management .hf-field select:focus-visible, #mypage-management [data-mg-page="results"] .hitem:focus-visible { outline:3px solid var(--brand); outline-offset:2px; }
#mypage-management #history-nomatch { padding:24px 14px; color:var(--ink); font-size:16px; }
#mypage-management #history-nomatch p { margin:0 0 12px; }
#mypage-management #history-clear { min-height:48px; padding:12px 18px; border:1.5px solid #4E5968; border-radius:10px; background:var(--card, #fff); color:var(--ink); font:inherit; font-size:16px; font-weight:700; cursor:pointer; }
#mypage-management .mg-work-style { margin:24px 0; }
#mypage-management .mg-work-style > p { color:var(--sub); line-height:1.6; }
#mypage-management .mg-work-style:has(#next-step-workstyle:not(:empty)) > p { display:none; }
#mypage-management .mg-action { min-height:48px; padding:12px 16px; margin:16px 0; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:8px; font:inherit; cursor:pointer; }
#mypage-management #history-toggle, #mypage-management #diag-toggle { display:none; }
#mypage-management #history-body, #mypage-management #diag-body { display:block; }
#mypage-management #history-card, #mypage-management #diag-card { border:0; box-shadow:none; padding:0; }
#mypage-management .mp-row { flex-wrap:wrap; gap:12px; }
#mypage-management .mp-fontsize { flex-wrap:wrap; }
#mypage-management .mp-fontsize button { min-height:44px; }
#mypage-management a:focus-visible, #mypage-management button:focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
@media(max-width:480px) { #mypage-management h1 { font-size:24px; } #mypage-management .mg-products { padding:16px; } #mypage-management .mg-row { padding:18px 0; } }