/* Shared styling for the public legal pages. Deliberately plain: these are documents people are
   sent to by a store listing or an app row, so legibility beats identity. */
:root{
  --accent:#7847F0;
  --ground:#FBFAFD; --panel:#FFFFFF;
  --ink:#1B1230; --ink-2:rgba(27,18,48,.72); --ink-3:rgba(27,18,48,.5);
  --line:rgba(28,16,56,.12);
}
@media (prefers-color-scheme:dark){
  :root{
    --accent:#C485FF;
    --ground:#14101F; --panel:#1C1730;
    --ink:#F2EDFA; --ink-2:rgba(242,237,250,.72); --ink-3:rgba(242,237,250,.5);
    --line:rgba(255,255,255,.13);
  }
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",system-ui,sans-serif;
  line-height:1.75;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:48px 22px 80px}
a{color:var(--accent)}
header.doc{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:32px}
.crumb{font-size:13px;color:var(--ink-3);text-decoration:none}
.crumb:hover{color:var(--accent)}
h1{margin:14px 0 6px;font-size:clamp(24px,4vw,31px);font-weight:800;letter-spacing:-.02em}
.dates{margin:0;font-size:13px;color:var(--ink-3)}
h2{
  margin:38px 0 12px;font-size:17px;font-weight:800;
  padding-top:22px;border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0;margin-top:26px}
p,li{color:var(--ink-2);font-size:15px}
ul{padding-left:20px}
li{margin:6px 0}
strong{color:var(--ink)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
footer a{color:var(--ink-3)}
/* Landing */
.hero h1{font-size:clamp(28px,5vw,40px)}
.tagline{margin:8px 0 0;color:var(--ink-2);font-size:16px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
@media (max-width:600px){.cards{grid-template-columns:1fr}}
.card{
  display:block;padding:18px 20px;border:1px solid var(--line);border-radius:12px;
  background:var(--panel);text-decoration:none;color:inherit;
}
.card:hover{border-color:var(--accent)}
.card b{display:block;font-size:15.5px;margin-bottom:3px}
.card span{font-size:13px;color:var(--ink-3)}