/* ============================================================
   subpage.css — 밸류브릿지 고객 "로그인 후 서브페이지" 공용 chrome
   · 대상: account / mypage / order / points / card-edit
   · core.css(로그인·가입 chrome)가 커버하지 않는 다음 계층(서브페이지 헤더·섹션라벨·로딩)
   · 로드 순서: theme.css → core.css → subpage.css → (페이지 인라인 <style>)
     → 페이지 인라인이 뒤에 오므로, 페이지별 drift는 인라인에서 override 유지
   · 기준값 = account/order(다수) 기준. points/card-edit/mypage의 여백 차이는
     각 페이지 인라인에 override로 남긴다(현재 렌더링 보존).
   ============================================================ */

/* ── 서브페이지 헤더(제목 + 뒤로가기) ── */
.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.head h1{font-family:var(--serif-kr);font-size:23px;font-weight:500;color:var(--ink-head);}

/* 뒤로가기 버튼 — account/order/points/card-edit 공용(mypage는 .pill 사용, 별도) */
.back{background:none;border:1px solid var(--gold-line);color:var(--muted);
  border-radius:99px;padding:7px 15px;font-size:11px;letter-spacing:.04em;font-family:var(--sans-kr);
  cursor:pointer;transition:.25s var(--ease);text-decoration:none;}
.back:hover{border-color:var(--gold);color:var(--gold-text);}

/* ── 섹션 라벨(우측으로 뻗는 헤어라인) ── */
.sec-label{font-family:var(--sans-kr);font-size:11px;letter-spacing:.06em;
  color:var(--muted);margin:4px 0 14px;display:flex;align-items:center;gap:10px;}
.sec-label::after{content:"";flex:1;height:1px;background:var(--gold-line);}

/* ── 로딩 상태 + 콘텐츠 초기 숨김(로드 완료 후 JS가 표시) ── */
.loading{text-align:center;color:var(--muted);font-size:14px;padding:50px 0;}
#content{display:none;}