/* newbeejobs policy pages (privacy, terms, employer terms, report). Same colors and fonts as the main site. */
:root{--bg:#d3eafc;--ink:#12284a;--head:#16304a;--link:#1b5fc4;--accent:#ffc928;--surface:#ffffff;--muted:#3f5573;--rule:#c9dbef;--tag:#eef5fd;--bad:#b3261e;--ok:#1d7a3e;
  --display:'Fredoka',ui-rounded,system-ui,sans-serif;--body:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}
a{color:var(--link)}
.wrap{max-width:860px;margin:0 auto;padding:18px 16px 60px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font:700 24px/1 var(--display)}
.logo img{width:40px;height:40px}
.logo b{color:var(--link);font-weight:700}
.lang{display:inline-flex;border:1px solid var(--rule);border-radius:999px;background:var(--surface);padding:3px}
.lang a{padding:4px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px}
.lang a[aria-current]{background:var(--ink);color:#fff}
main{background:var(--surface);border-radius:22px;padding:26px 26px 30px;box-shadow:0 16px 28px -18px rgba(18,40,74,.45),0 3px 7px rgba(18,40,74,.10)}
h1{font:700 32px/1.15 var(--display);color:var(--head);margin:0 0 6px}
h1 mark{background:linear-gradient(transparent 62%,var(--accent) 62%);color:inherit;padding:0 2px}
h2{font:700 21px/1.25 var(--display);color:var(--head);margin:28px 0 8px;scroll-margin-top:16px}
h3{font:700 17px/1.3 var(--display);margin:18px 0 4px}
p,li{margin:0 0 10px}
ul{padding-left:22px;margin:0 0 12px}
.meta{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.summary{background:#fff8dc;border:1px solid #f3dc8f;border-radius:16px;padding:14px 18px;margin:14px 0 6px}
.summary ul{margin:6px 0 0}
.summary li{margin-bottom:4px}
.toc{display:flex;flex-wrap:wrap;gap:6px 8px;margin:14px 0 4px;padding:0;list-style:none}
.toc a{display:inline-block;background:var(--tag);border:1px solid var(--rule);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none;color:var(--ink);font-weight:700}
.tablewrap{overflow-x:auto;margin:8px 0 14px;border:1px solid var(--rule);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
th,td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--rule)}
th{background:var(--tag);font-family:var(--display);font-weight:600}
tr:last-child td{border-bottom:0}
.note{font-size:14px;color:var(--muted)}
.es-note{background:var(--tag);border-radius:12px;padding:10px 14px;font-size:14.5px;margin:0 0 16px}
footer{margin-top:20px;text-align:center;font-size:14px;color:var(--muted)}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:6px}
/* report form */
form{display:grid;gap:14px;margin-top:10px}
fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}
legend,.lbl{font-weight:700;margin-bottom:4px;padding:0}
label.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--rule);border-radius:12px;padding:9px 12px;cursor:pointer;background:#fff}
label.opt:has(input:checked){border-color:var(--ink);background:#fffbea}
label.opt input{margin:4px 0 0;width:18px;height:18px;flex:none;accent-color:var(--ink)}
input[type=email],input[type=text],textarea{width:100%;font:inherit;border:1.5px solid var(--rule);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus{outline:3px solid rgba(27,95,196,.35);border-color:var(--link)}
.btn{justify-self:start;font:700 16px/1 var(--display);background:var(--link);color:#fff;border:0;border-radius:999px;padding:13px 24px;cursor:pointer;box-shadow:0 4px 0 #0f3f86}
.btn:disabled{opacity:.6}
.listing{background:var(--tag);border-radius:12px;padding:10px 14px;font-size:15px}
.msg{font-weight:700;min-height:1.4em;margin:0}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}
.hint{font-size:13.5px;color:var(--muted)}
@media (max-width:560px){main{padding:20px 16px 24px;border-radius:18px}h1{font-size:26px}h2{font-size:19px}}
