/* Remote Talent — legal document pages
   Tokens per Brand Guidelines v1.0. Document surfaces stay quiet: paper, ink,
   one blue for links. No status colour, no shading, no watermarks. */

:root{
  --ink:#0a0a0a; --paper:#fafaf7; --paper2:#f3f1ec; --paper3:#ece9e1;
  --rule:#dad6cc; --rule-soft:#ece9e1; --sub:#6b6862; --sub2:#8c8a83;
  --blue:#1d4ed8; --blue-tint:#e8edfb;
  --font:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --nav-h:60px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);
  font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}

.lwrap{max-width:1140px;margin:0 auto;padding:0 24px}
@media(max-width:640px){.lwrap{padding:0 18px}}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--sub)}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);
  padding:10px 16px;border-radius:0 0 8px 0;z-index:200;font-size:13px;font-weight:600}
.skip:focus{left:0}

/* ── Nav ── */
.lnav{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.92);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--rule);height:var(--nav-h)}
.lnav .lwrap{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:flex-end;gap:8px;flex-shrink:0;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .word{display:flex;flex-direction:column;line-height:1}
.brand .r{font-size:8.5px;font-weight:600;letter-spacing:-.2px}
.brand .t{font-size:19px;font-weight:800;letter-spacing:-.95px}
.brand .mark{width:16px;height:16px;margin-bottom:2px}
.lnav-links{display:flex;gap:22px;margin-left:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lnav-links a{font-size:13px;font-weight:500;color:var(--sub);white-space:nowrap;
  padding:4px 0;border-bottom:1.5px solid transparent}
.lnav-links a:hover{color:var(--ink);text-decoration:none}
.lnav-links a.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}

/* ── Layout ── */
.lmain{padding:44px 0 72px}
.lgrid{display:grid;grid-template-columns:224px minmax(0,1fr);gap:56px;align-items:start}
@media(max-width:940px){.lgrid{grid-template-columns:1fr;gap:0}.ltoc{display:none}}

.ltoc{position:sticky;top:calc(var(--nav-h) + 28px);max-height:calc(100vh - var(--nav-h) - 56px);
  overflow-y:auto;padding-right:8px}
.ltoc .eyebrow{margin-bottom:14px}
.ltoc li{margin-bottom:2px}
.ltoc a{display:block;font-size:12.5px;line-height:1.45;color:var(--sub);padding:5px 0 5px 12px;
  border-left:1.5px solid var(--rule-soft);transition:color .15s,border-color .15s}
.ltoc a:hover{color:var(--ink);border-left-color:var(--rule);text-decoration:none}
.ltoc a.on{color:var(--ink);font-weight:600;border-left-color:var(--ink)}

/* ── Document ── */
.ldoc{max-width:720px;font-size:15px;line-height:1.68;color:var(--ink)}
.lmeta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-bottom:22px;
  margin-bottom:30px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--sub2)}
.lbadge{font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  background:var(--paper2);border:1px solid var(--rule);color:var(--sub);
  padding:4px 9px;border-radius:999px}

.ldoc h1{font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-1px;
  font-weight:600;margin:0 0 20px}
.ldoc h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;font-weight:600;
  margin:46px 0 14px;scroll-margin-top:calc(var(--nav-h) + 24px)}
.ldoc h2:first-child{margin-top:0}
.ldoc h3{font-size:16px;line-height:1.4;letter-spacing:-.2px;font-weight:600;margin:30px 0 10px}
.ldoc p{margin:0 0 15px;color:#26241f}
.ldoc strong{font-weight:600;color:var(--ink)}
.ldoc code{font-family:var(--font);font-size:13px;font-weight:500;background:var(--paper2);
  border:1px solid var(--rule-soft);border-radius:5px;padding:1px 6px;color:var(--sub)}
.ldoc hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
.ldoc ul{margin:0 0 18px;padding-left:0}
.ldoc li{position:relative;padding-left:20px;margin-bottom:8px;color:#26241f}
.ldoc li::before{content:"";position:absolute;left:4px;top:10px;width:4px;height:4px;
  border-radius:50%;background:var(--rule)}

.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 22px;
  border:1px solid var(--rule);border-radius:12px}
.ldoc table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:460px}
.ldoc th,.ldoc td{padding:12px 15px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--rule-soft)}
.ldoc thead th{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--sub2);
  font-weight:500;background:var(--paper2);border-bottom:1px solid var(--rule)}
.ldoc tbody tr:last-child td{border-bottom:0}

.lfoot-note{margin-top:52px;padding:20px 22px;background:var(--paper2);
  border:1px solid var(--rule);border-radius:14px}
.lfoot-note p{font-size:12.5px;line-height:1.6;color:var(--sub);margin:0 0 10px}
.lfoot-note p:last-child{margin-bottom:0}

/* ── Footer ── */
.lfoot{background:var(--ink);color:var(--paper);padding:34px 0}
.lfoot-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.lfoot-row p{font-size:11.5px;line-height:1.6;color:rgba(250,250,247,.5);margin:0}
.lfoot-row .r{margin-left:auto}
.lfoot-row a{color:rgba(250,250,247,.8)}
.lfoot-row a:hover{color:var(--paper)}
@media(max-width:640px){.lfoot-row .r{margin-left:0}}

@media print{
  .lnav,.ltoc,.lfoot,.skip{display:none}
  body{background:#fff}
  .lgrid{grid-template-columns:1fr}
  .ldoc{max-width:none;font-size:10pt;line-height:1.45}
}

.lsummary{font-size:16px;line-height:1.6;color:var(--sub);margin:0 0 24px;max-width:640px}