/* The privacy, support and licences pages (privacy.html, support.html, licenses.html): the game's sky, cream cards
   with a white rim, blue headings and the pink accent (src/ui/Dialog.tsx). Light only, like the app. */
:root{color-scheme:light;--sky:#d7eef4;--card:#fffdf7;--rim:#ffffff;--ink:#365579;--head:#557e9e;--body:#56798a;--soft:#829ab1;--line:#dae8ef;--pink:#ee7798;--mint:#eef5e7}
*{box-sizing:border-box}
html{background:var(--sky)}
body{margin:0;padding:24px 16px 48px;background:var(--sky);color:var(--body);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:720px;margin:0 auto}
.brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 16px}
.logo{font-weight:900;font-size:26px;letter-spacing:-1px;color:var(--ink);text-decoration:none}
.logo b{color:#e55f91}
.langs{display:flex;gap:8px}
.langs a,.pill{display:inline-block;padding:6px 12px;border-radius:14px;background:var(--card);border:2px solid var(--rim);color:#bd89ad;font-weight:800;font-size:13px;text-decoration:none}
section.card{background:var(--card);border:3px solid var(--rim);border-radius:25px;padding:22px 20px;margin:0 0 18px;box-shadow:0 4px 0 rgba(157,132,99,.14)}
h1{margin:0 0 6px;font-size:26px;line-height:1.3;letter-spacing:-.5px;color:var(--head)}
section.card>h2:first-child{margin-top:0}
h2{margin:26px 0 8px;font-size:18px;line-height:1.35;color:var(--ink)}
h3{margin:18px 0 6px;font-size:15px;color:var(--ink)}
p,li{margin:6px 0}
ul,ol{padding-left:22px;margin:6px 0}
a{color:#d4577f}
.meta{margin:0 0 14px;font-size:13px;color:var(--soft)}
.note{padding:10px 14px;border-radius:14px;background:var(--mint);color:#4f7a6c;font-size:14px}
.todo{background:#fff1c9;color:#8a5a00;padding:0 4px;border-radius:4px;font-weight:800}
.table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
th{color:var(--ink);font-weight:800;background:#f4fafd}
pre{white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4fafd;border-radius:12px;padding:12px;margin:8px 0;color:#48687a}
details{border-bottom:1px solid var(--line);padding:6px 0}
summary{cursor:pointer;font-weight:800;color:var(--ink)}
.pkgs{columns:2 240px;column-gap:24px;font-size:13px;padding-left:18px}
.pkgs li{break-inside:avoid}
.pkgs small{display:block;color:var(--soft)}
footer{text-align:center;font-size:12px;color:var(--soft);margin-top:20px}