/* Dear — 정책 문서 공통 스타일. /dear/ 소개 페이지의 토큰을 그대로 쓴다. */
:root{
  --ground:#FFFBF5; --surface:#FFFFFF; --tint:#FFF0EB;
  --ink:#3A3231; --soft:#635B59; --rule:#E5DAD5;
  --coral:#E8918B; --coral-deep:#C96F69; --link:#0a66c2;
  --ios:#2F6FB0; --ios-bg:#E8F1FA; --and:#2E7D53; --and-bg:#E6F4EC;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#171514; --surface:#211E1D; --tint:#282220;
    --ink:#EDE0DD; --soft:#B5A9A5; --rule:#37312F;
    --coral:#F2B3AE; --coral-deep:#F2B3AE; --link:#7ab8f5;
    --ios:#9CC6EC; --ios-bg:#1E2A35; --and:#93D6B2; --and-bg:#1B2A22;
  }
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo",sans-serif;
  line-height:1.72; font-size:16px;
}
.wrap{max-width:820px; margin:0 auto; padding:0 22px}
header.doc{padding:48px 0 0}
h1{font-size:28px; line-height:1.3; margin:0 0 14px; text-wrap:balance}
h2{font-size:19px; margin:38px 0 10px; padding-top:10px; border-top:1px solid var(--rule)}
h3{font-size:16px; margin:24px 0 6px}
p,li{font-size:15.5px}
ul{padding-left:20px; margin:8px 0}
li{margin:5px 0}
a{color:var(--link)}
.meta{color:var(--soft); font-size:14px; line-height:1.8; margin:0 0 6px}
.meta strong{color:var(--ink)}
.note{
  background:var(--tint); border:1px solid var(--rule); border-radius:12px;
  padding:14px 18px; margin:22px 0; font-size:14.5px;
}
.note p{font-size:14.5px; margin:6px 0}
.note p:first-child{margin-top:0}
.note p:last-child{margin-bottom:0}
.tablewrap{overflow-x:auto; margin:14px 0}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:14.5px}
th,td{border:1px solid var(--rule); padding:9px 11px; text-align:left; vertical-align:top}
th{background:var(--tint); font-weight:600}
.p{
  display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.02em;
  padding:1px 7px; border-radius:999px; vertical-align:2px; margin-right:5px; white-space:nowrap;
}
.p.ios{color:var(--ios); background:var(--ios-bg)}
.p.and{color:var(--and); background:var(--and-bg)}
.p.both{color:var(--coral-deep); background:var(--tint)}
footer.doc{
  margin-top:52px; border-top:1px solid var(--rule); padding:24px 0 64px;
  color:var(--soft); font-size:14px;
}
footer.doc nav{display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:12px}
footer.doc p{margin:4px 0; font-size:14px}