@charset "utf-8";

/*============================
#privacyPage
============================*/

body#privacyPage { margin: 0; background: var(--color-tone101419); color: var(--color-toneEFF3F7); font-size: var(--fs-15); line-height: 1.95; }
:where(#privacyPage) :where(.elementHeader), :where(#privacyPage) :where(.elementMain), :where(#privacyPage) :where(.elementFooter) { max-width: 53.75rem; margin: auto; padding: var(--space-24); }
:where(#privacyPage) :where(.elementHeader) { border-bottom: 1px solid var(--color-tone38414A); }
:where(#privacyPage) :where(.elementH1) { font-size: var(--fs-26); }
:where(#privacyPage) :where(.elementH3) { font-size: var(--fs-17); margin-top: var(--space-30); }
:where(#privacyPage) :where(.elementP), :where(#privacyPage) :where(.elementLi) { color: var(--color-toneC4CDD7); }
:where(#privacyPage) :where(.elementUl) { padding-left: var(--space-22); }
:where(#privacyPage) :where(.elementA) { color: var(--color-toneB9D7FF); }
:where(#privacyPage) :where(.elementNav) { display: flex; gap: var(--space-20); flex-wrap: wrap; }
:where(#privacyPage) .meta { font-size: var(--fs-12); color: var(--color-toneA8B3BF); }
:where(#privacyPage) :where(.elementArticle) { overflow-wrap: anywhere; }
:where(#privacyPage) :where(.elementA):focus-visible { outline: 2px solid var(--color-toneB9D7FF); outline-offset: 3px; }
:where(#privacyPage) :where(.elementH3) { margin-bottom: 1em; }

@media screen and (max-width: 860px) {
:where(#privacyPage) :is(header,main,footer) { box-sizing: border-box; width:100%; padding-left: clamp(24px,6.4vw,40px); padding-right: clamp(24px,6.4vw,40px); }
:where(#privacyPage) main { padding-top: 28px; padding-bottom: 36px; }
:where(#privacyPage) h1 { font-size: clamp(23px,6.4vw,30px); line-height: 1.5; }
:where(#privacyPage) h2, :where(#privacyPage) h3 { line-height: 1.6; margin-top: 24px; margin-bottom: 12px; }
:where(#privacyPage) p, :where(#privacyPage) li, :where(#privacyPage) dd { font-size: 14px; line-height: 1.9; }
:where(#privacyPage) header { flex-wrap: wrap; gap: 12px; }
:where(#privacyPage) nav { gap: 12px 18px; }
}