/* Shared styling for the policy pages. One file rather than four copies, so the legal
   pages cannot drift apart visually. Same palette as the rest of the site. */
:root{
  --bg:#0a0f15; --bg2:#0e1620; --line:#1c2733; --ink:#e6edf3; --muted:#8a97a5;
  --teal:#1d9e75; --teal2:#5dcaa5; --tealbg:rgba(29,158,117,.12); --warn:#e0a13c;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);line-height:1.7;
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
     -webkit-font-smoothing:antialiased}
a{color:var(--teal2);text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);background:rgba(10,15,21,.92);
       position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-size:19px;font-weight:700;color:var(--ink)}
.logo span{color:var(--teal2)}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
main{padding:44px 0 72px}
h1{font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.4px;margin-bottom:8px}
.updated{color:var(--muted);font-size:13.5px;margin-bottom:34px}
h2{font-size:19px;font-weight:700;margin:34px 0 10px;color:var(--ink)}
h3{font-size:15.5px;font-weight:700;margin:20px 0 6px}
p{margin-bottom:14px;color:#cfd8e0}
ul,ol{margin:0 0 16px 22px;color:#cfd8e0}
li{margin-bottom:7px}
strong{color:var(--ink)}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0 20px}
th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;
   letter-spacing:.06em;padding:0 10px 9px 0;font-weight:600;border-bottom:1px solid var(--line)}
td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);vertical-align:top;
   color:#cfd8e0}
.note{background:var(--tealbg);border:1px solid rgba(29,158,117,.35);border-radius:10px;
      padding:15px 17px;margin:20px 0}
.note p:last-child{margin-bottom:0}
.warn{background:rgba(224,161,60,.10);border-color:rgba(224,161,60,.45)}
.contact{background:var(--bg2);border:1px solid var(--line);border-radius:12px;
         padding:20px 22px;margin:22px 0}
.contact dt{color:var(--muted);font-size:12.5px;text-transform:uppercase;
            letter-spacing:.06em;margin-top:14px}
.contact dt:first-child{margin-top:0}
.contact dd{font-size:15.5px;margin-top:2px}
nav.policies{display:flex;gap:8px 20px;flex-wrap:wrap;padding:20px 0 0;
             border-top:1px solid var(--line);margin-top:44px;font-size:14px}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13.5px}
footer .wrap{display:flex;gap:10px 22px;justify-content:space-between;flex-wrap:wrap}

/* Corporate enquiry form on the contact page. */
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.row2{grid-template-columns:1fr}}
#entform label{display:block;font-size:12.5px;font-weight:600;margin:14px 0 5px;
  color:var(--ink)}
#entform input,#entform select,#entform textarea{width:100%;padding:10px 12px;
  border:1px solid var(--line);border-radius:9px;background:#0a1119;color:var(--ink);
  font:inherit;font-size:14px}
#entform input:focus,#entform select:focus,#entform textarea:focus{outline:none;
  border-color:var(--teal)}
#entform textarea{resize:vertical}
#entform button{margin-top:18px;width:100%;background:var(--teal);color:#04120c;
  border:0;border-radius:9px;padding:12px;font:600 15px inherit;cursor:pointer}
#entform button:hover{background:var(--teal2)}
#entform button:disabled{background:#2a3742;color:#8a97a5;cursor:not-allowed}
.entmsg{display:none;margin-top:14px;border-radius:9px;padding:11px 13px;font-size:13.5px}
.entmsg.show{display:block}
.entmsg.ok{background:var(--tealbg);border:1px solid var(--teal);color:var(--teal2)}
.entmsg.err{background:rgba(224,86,76,.10);border:1px solid rgba(224,86,76,.4);
  color:#f0a49d}