/* ComdKit legal and info pages (15-OCT-26): privacy, terms, cookies, contact, licences, accessibility, the legal hub,
   What's new, the Play page and the 404 page share this one look. Fonts are self-hosted (/app/fonts.css): no Google request. */
:root{--bg:#081008;--panel:#101810;--border:#30432b;--green:#8DB84A;--green2:#B5D27A;--btn:#4f7a2e;--text:#f1f3e9;--muted:#a8b09f}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,sans-serif}
main{max-width:760px;margin:0 auto;padding:40px 16px 80px}
main.narrow{max-width:560px}
a{color:var(--green2)}
a:focus-visible,button:focus-visible{outline:2px solid var(--green2);outline-offset:2px;border-radius:4px}
.brand{font:400 26px/1 "Russo One",system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;color:var(--text)}
.brand span{color:var(--green)}
h1{font-size:34px;line-height:1.1;margin:28px 0 6px}
h2{font-size:21px;margin:36px 0 8px;color:var(--green2)}
h3{font-size:17px;margin:22px 0 4px}
.date,.intro{color:var(--muted);margin:0 0 24px}
.box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:16px 0}
.box>:first-child{margin-top:0}.box>:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
th,td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--border)}
th{color:var(--muted);font-weight:600}
ul{padding-left:20px}
li{margin:4px 0}
.btn{display:inline-block;text-align:center;background:var(--btn);color:#fff;text-decoration:none;font-weight:700;padding:12px 16px;border-radius:12px;border:1.5px solid var(--green)}
.cards{list-style:none;padding:0;display:grid;gap:10px}
.cards a{display:block;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--text)}
.cards a b{display:block;color:var(--green2);font-size:17px}
.cards a span{color:var(--muted);font-size:15px}
.legal-foot{color:var(--muted);font-size:14px;margin-top:56px;border-top:1px solid var(--border);padding-top:18px}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}
.legal-foot p{margin:4px 0}
@media (max-width:560px){
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack thead{display:none}
  table.stack tr{border-bottom:1px solid var(--border);padding:8px 0}
  table.stack td{border:0;padding:2px 0}
  table.stack td:first-child{font-weight:700}
  table.stack td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-weight:600}
}