/* The Privacy Policy and Terms pages: one retro window on the site's blue desktop. */
html { background: #2466D9; }
body { margin: 0; padding: 16px; font: 15px/1.6 Tahoma, Verdana, "Segoe UI", sans-serif; color: #000000; }
.page { max-width: 760px; margin: 0 auto; background: #ECE9D8; border: 2px solid #0A3FE0; box-shadow: 4px 4px 0 rgba(0, 0, 0, .35); }
.titlebar { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 6px 10px; background: linear-gradient(90deg, #0A3FE0, #1084D0); color: #FFFFFF; font-weight: 700; }
.titlebar a { color: #FFFFFF; text-decoration: none; }
.titlebar a:hover, .titlebar a:focus-visible { text-decoration: underline; }
.titlebar span { font-weight: 400; }
.body { padding: 16px 20px 24px; background: #FFFFFF; margin: 6px; border: 1px solid #919B9C; }
h1 { font: 700 26px/1.2 "Trebuchet MS", Verdana, sans-serif; color: #10307A; margin: 0 0 2px; }
h2 { font: 700 17px/1.3 "Trebuchet MS", Verdana, sans-serif; color: #10307A; margin: 26px 0 6px; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 6px; }
a { color: #0000CC; }
.meta { color: #555555; font-size: 13px; }
.foot { margin-top: 28px; padding-top: 12px; border-top: 1px solid #D0D0BF; font-size: 13px; }
@media (max-width: 480px) { body { padding: 8px; } .body { padding: 12px 14px 20px; } }
