/* The policy text itself (everything inside .policy). Shared by the public page /privacy and by the editor on the admin page, so what
   the admin sees while editing is what the visitor reads. The custom properties are defined here so it works on either page. */
.policy{--tx:#e8f0ff;--mut:#9db2d3;--dim:#6b82a6;--line:rgba(140,190,255,.16);color:var(--mut);font:15px/1.75 -apple-system,"Segoe UI","Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:break-word}
.policy .lead{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,30,52,.7),rgba(12,18,34,.7));margin:0 0 26px;color:var(--mut)}
.policy .lead b{color:var(--tx)}
.policy .key{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 30px}
.policy .key div{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(16,26,46,.6)}
.policy .key b{display:block;font-size:13px;color:#9fc3ff;margin-bottom:2px}.policy .key span{font-size:13.5px;color:var(--mut);line-height:1.6}
.policy h2{font-size:18px;margin:34px 0 10px;padding-top:6px;font-weight:700;color:var(--tx)}
.policy h3{font-size:15.5px;margin:20px 0 6px;font-weight:700;color:var(--tx)}
.policy h2 small{color:var(--dim);font-weight:500;font-size:13px;margin-left:6px}
.policy p,.policy li{color:var(--mut)}.policy p{margin:8px 0}.policy ul,.policy ol{margin:8px 0;padding-left:20px}.policy li{margin:4px 0}
.policy b,.policy strong{color:var(--tx)}
.policy a{color:#9fc3ff}
.policy code{background:rgba(140,190,255,.12);border-radius:5px;padding:1px 5px;font-size:.92em}
.policy table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13.5px}
.policy th,.policy td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}
.policy th{color:#9fc3ff;font-weight:600;white-space:nowrap;background:rgba(16,26,46,.5)}
.policy td{color:var(--mut)}
.policy .tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.policy .tw table{margin:0;min-width:0}
.policy hr{border:0;border-top:1px solid var(--line);margin:24px 0}
@media (max-width:600px){.policy{font-size:14.5px}.policy h2{font-size:16.5px}.policy th,.policy td{padding:8px;font-size:12.5px}.policy th{white-space:normal;width:34%}}
