/* Shared styles for the information pages (privacy, terms, families, delete account, about). */
:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;background:#102721;color:#e5efe8}
a{color:#e7cc8c}
a:focus-visible,button:focus-visible{outline:2px solid #e7cc8c;outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:#e7cc8c;color:#102721;padding:10px 14px;z-index:10}
.skip:focus{left:8px;top:8px}
.legal-top{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto;padding:18px 20px;border-bottom:1px solid #2c4a40}
.legal-top .logo{font-size:22px;font-weight:700;color:#f3ecd2;text-decoration:none}
.legal-top nav,.legal-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.legal-top nav a,.legal-foot nav a{text-decoration:none;color:#cfe0d3}
.legal-top nav a:hover,.legal-foot nav a:hover{text-decoration:underline}
.legal-top .signin{border:1px solid #6d8d7a;border-radius:8px;padding:4px 12px;color:#f3ecd2}
.legal{max-width:760px;margin:0 auto;padding:28px 20px 60px}
.legal h1{font-size:clamp(32px,6vw,46px);line-height:1.15;margin:.2em 0 .1em;font-weight:600}
.legal h2{font-size:22px;line-height:1.3;margin:2em 0 .4em;color:#f3ecd2}
.legal p,.legal li{color:#d3e1d6}
.legal li{margin:.35em 0}
.legal b,.legal strong{color:#f6f1dc}
.meta{color:#9db2a4;font-size:14px;margin:0 0 1.4em}
.summary{padding:18px 20px;margin:1.2em 0;border:1px solid #b8a265;border-radius:14px;background:#17352c}
.summary ul,.summary p{margin:.5em 0 0}
.cards{display:grid;gap:16px;margin:1.6em 0}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{padding:18px;border:1px solid #3d6153;border-radius:14px;background:#17352c;display:flex;flex-direction:column;gap:6px}
.card h2{margin:0;font-size:20px}
.card p{margin:.2em 0 .8em;flex:1;font-size:15px}
.button{display:inline-block;text-align:center;padding:10px 16px;border-radius:10px;background:#e7cc8c;color:#17251f;font-weight:700;text-decoration:none}
.legal-foot{max-width:980px;margin:0 auto;padding:22px 20px 50px;border-top:1px solid #2c4a40;font-size:14px;color:#9db2a4}
.legal-foot p{margin:0 0 10px}
.toc{margin:1.2em 0;padding:16px 20px;border:1px solid #2f5043;border-radius:14px;background:#142e27;font-size:15px}
.toc ol{columns:2;column-gap:28px;margin:.5em 0 0;padding-left:1.2em}
.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
@media(max-width:560px){.toc ol{columns:1}}
.legal h3{margin:1.6em 0 .4em;font-size:18px;color:#f3ecd2}
.table-wrap{overflow-x:auto;margin:1em 0;border:1px solid #2f5043;border-radius:12px}
.data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;min-width:640px}
.data-table th,.data-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #264236}
.data-table thead th{background:#17352c;color:#f3ecd2;font-size:13px;letter-spacing:.3px}
.data-table tbody th{font-weight:600;color:#f6f1dc;width:28%}
.data-table tr:last-child th,.data-table tr:last-child td{border-bottom:0}
.kids{font-size:19px}
.kids h1{font-size:clamp(34px,7vw,52px)}
.kids .lead{font-size:22px;color:#f1ecd2}
.kids .cards{display:grid;gap:16px;grid-template-columns:1fr;margin:1.4em 0}
@media(min-width:760px){.kids .cards{grid-template-columns:repeat(3,1fr)}}
.kids .card p{font-size:17px;flex:none}
.kids .big{list-style:none;padding:0}
.kids .big li{padding:12px 16px;margin:10px 0;border-radius:14px;background:#17352c;border:1px solid #2f5043}