/* Margo 페이지 공통 (alteria-red.com/margo/…)
   site.css 다음에 불러옵니다. body.theme-margo 는 Margo 디자인 시스템 v1 토큰(종이·잉크·자두색)을 씁니다.
   문서(방침·약관)는 site.css 의 .doc 양식을 그대로 쓰고 강조색만 자두색으로 바뀝니다.
   한국어/영어는 같은 페이지에 함께 있고, <html data-lang="ko|en"> 에 따라 한쪽만 보입니다.
   스크립트가 꺼져 있으면 두 언어가 모두 보입니다. */
body.theme-margo{
  --paper:#F6F1E9;
  --mist:#EFE8DC;
  --ink:#26211C;
  --ink-soft:#6E655B;
  --ruby:#5B3A5E;          /* 이 테마에서 강조색은 자두색(plum) */
  --ruby-deep:#3F2742;
  --ruby-bright:#8A5A8E;
  --line:#E2D9CB;
  --card:#FFFDF9;
  --profit:#1E6B4F;
  --profit-soft:#DCE5D6;
  --estimate:#7A5812;
  --estimate-soft:#F6E7C1;
  --cut-strong:#6E655B;
  --cut-medium:#A89E92;
  --cut-light:#CFC5B6;
  --display:"Fraunces Variable","Pretendard Variable",Pretendard,Georgia,serif;
}
body.theme-margo .brand b{color:#A4152F} /* Margo 페이지에서도 Alteria-Red 는 루비 */
.theme-margo .tnum{font-feature-settings:"tnum" 1,"lnum" 1}

/* 언어 전환 */
html[data-lang="ko"] .i18n[lang="en"],
html[data-lang="en"] .i18n[lang="ko"]{display:none}
html:not([data-lang]) .lang-switch,
html:not([data-lang]) .lang-link{display:none}

/* 소개 페이지용 알약형 언어 전환 */
.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--mist);border:1px solid var(--line)}
.lang-switch button{appearance:none;border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:.8125rem;font-weight:650;
  min-height:32px;padding:0 12px;border-radius:999px;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(38,33,28,.12)}

/* 문서용 글자 링크형 언어 전환 (날짜 줄 끝) */
.lang-link{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:var(--ruby);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lang-link:hover{text-decoration-thickness:2px}

/* 문서 보조 */
.theme-margo .legal-en{font-size:.9rem;letter-spacing:.01em;line-height:1.75}
.theme-margo .trademark{color:var(--ink-soft);font-size:.8125rem;line-height:1.7}