/* kre8.fun policy pages (terms/, privacy/, content-policy/, copyright/; generated by scripts/legal-static.mjs).
   Loaded after soon.css: same Night Stage tokens, a readable long-form layout. Plain CSS, no script. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:5;background:var(--k8-yellow);color:var(--k8-ink);padding:12px 16px;border-radius:var(--r-chip);font-weight:700}
.skip:focus{top:12px}
.legal-page .top{position:relative;z-index:1}
.legal-wrap{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:8px 20px 32px;display:grid;gap:20px;flex:1}
.legal-toc details{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:6px 16px}
.legal-toc summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text2)}
.legal-toc ol{margin:0 0 8px;padding-left:20px;font-size:14px;color:var(--text2)}
.legal-toc li a{display:inline-flex;align-items:center;min-height:44px;color:var(--text2);text-decoration:none}
.legal-toc li a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--k8-yellow)}
.legal-doc{max-width:70ch}
.legal-head .label{margin:0 0 10px;font:500 12px/1.3 var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--k8-yellow)}
.legal-head h1{margin:0;font:800 32px/1.08 var(--font-display);letter-spacing:-.02em;text-transform:none;max-width:none}
.legal-updated{margin:10px 0 0;font-size:12px;color:var(--text2);letter-spacing:.04em}
.legal-lead{margin:14px 0 0;font-size:17px;color:var(--text2)}
.legal-body{font-size:16px;line-height:1.65;color:var(--text)}
.legal-body h2{margin:36px 0 10px;font:700 22px/1.25 var(--font-display);letter-spacing:-.01em;scroll-margin-top:16px}
.legal-body h3{margin:22px 0 6px;font:700 17px/1.3 var(--font-sans);scroll-margin-top:16px}
.legal-body p{margin:0 0 12px}
.legal-body ul,.legal-body ol{margin:0 0 14px;padding-left:22px}
.legal-body li{margin:0 0 6px}
.legal-body a{color:var(--k8-yellow);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-body strong{color:var(--text)}
.legal-body code{font-family:var(--font-mono);font-size:.9em;background:var(--surface2);padding:1px 5px;border-radius:4px}
.legal-callout{margin:16px 0;padding:14px 16px;border:1px solid rgba(231,184,75,.45);border-radius:var(--r-input);background:rgba(231,184,75,.08)}
.legal-callout p:last-child{margin-bottom:0}
.legal-table{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r-input)}
.legal-table table{border-collapse:collapse;width:100%;font-size:14.5px}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line2)}
.legal-table th{font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);background:var(--surface)}
.legal-table tr:last-child td{border-bottom:0}
.legal-foot{flex-direction:column;align-items:flex-start}
.legal-links{display:flex;flex-wrap:wrap;gap:0 18px}
.legal-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--text2);font-size:14px;font-weight:700}
.legal-links a[aria-current="page"]{color:var(--k8-yellow)}
.legal-licence{max-width:90ch;line-height:1.6;margin:0;font-size:11.5px;color:var(--text2)}
.legal-foot-app{margin-top:36px;padding-top:14px;border-top:1px solid var(--line2);display:grid;gap:8px}
.legal-app{padding-top:16px}
.legal-licence a{display:inline;min-height:0;padding:0;color:var(--text2);overflow-wrap:anywhere}
@media (min-width:768px){
  .legal-wrap{padding-left:32px;padding-right:32px}
  .legal-head h1{font-size:42px}
}
@media (min-width:1024px){
  .legal-wrap{grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
  .legal-toc{position:sticky;top:16px}
  .legal-toc details{border:0;background:none;padding:0}
  .legal-toc summary{pointer-events:none;list-style:none}
  .legal-toc summary::-webkit-details-marker{display:none}
}
@media (min-width:1440px){.legal-wrap{max-width:1280px}}
@media print{.glow,.legal-toc,.skip,.top .link{display:none}.legal-body a{color:inherit}}
