/* Worknest — the shared shell for every public document page.
 * Same type system, colour and spacing as the landing (assets/landing-d/page.css): Apple's SF stack,
 * a reading column, #f5f5f7 bands, raspberry for action. Deliberately standalone rather than layered
 * on page.css: these pages are text, they load one file, and nothing the landing does can break them.
 *
 * THE CONTRACT WITH THE LEGAL TEXT: this file styles markup it does not own. Everything inside
 * <article class="doc"> and <footer class="site"> is byte-identical to the previous revision —
 * the SMS wording in the footer is registered with carriers (A2P) and the documents are counsel's.
 * So there are no ::before/::after rules that would inject words, and no content: anywhere.
 */

:root{
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,Inter,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  --ink:#1d1d1f;
  --ink-2:#424245;        /* body copy in a long document: a touch darker than the landing's secondary */
  --ink-3:#6e6e73;
  --ink-4:#86868b;
  --bg:#fff;
  --band:#f5f5f7;
  --hair:#d2d2d7;
  --accent:#d82d60;
  --accent-ink:#b31f4c;

  --doc:720px;            /* the reading column: ~75 characters at 17px */
  --pad:22px;
  --nav-h:52px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sf);font-size:17px;line-height:1.6;font-weight:400;letter-spacing:-.016em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-ink);text-decoration:underline}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}

/* ---------- the bar ---------- */
header.site{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--hair);
}
header.site .bar{
  max-width:var(--doc);margin-inline:auto;padding-inline:var(--pad);
  height:var(--nav-h);display:flex;align-items:center;
}
header.site .brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:16px;letter-spacing:-.018em}
header.site .brand:hover{color:var(--ink);text-decoration:none;opacity:.7}
header.site .brand svg{width:19px;height:19px}
header.site .brand b{font-weight:600}
header.site .brand .biz{font-weight:400;color:var(--ink-3)}

/* ---------- the page ---------- */
.wrap{max-width:var(--doc);margin-inline:auto;padding-inline:var(--pad)}

article.doc{padding-block:clamp(36px,6vw,64px) 0}
article.doc h1{
  margin:0 0 14px;font-size:clamp(32px,5.4vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.018em;
  text-wrap:balance;
}
article.doc .updated{
  margin:0 0 36px;padding:14px 16px;border-radius:14px;background:var(--band);
  font-size:14px;line-height:1.5;color:var(--ink-3);letter-spacing:-.01em;
}
article.doc h2{
  margin:44px 0 12px;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.016em;color:var(--ink);
  scroll-margin-top:calc(var(--nav-h) + 16px);
}
article.doc h2 + p,article.doc h2 + ul,article.doc h2 + ol{margin-top:0}
article.doc p{margin:0 0 16px;color:var(--ink-2)}
article.doc strong{font-weight:600;color:var(--ink)}
article.doc ul,article.doc ol{margin:0 0 16px;padding-left:1.35em;color:var(--ink-2)}
article.doc li{margin-bottom:9px}
article.doc li::marker{color:var(--ink-4)}
article.doc code{
  font-family:var(--mono);font-size:.88em;letter-spacing:0;
  background:var(--band);border-radius:6px;padding:.14em .42em;color:var(--ink);
}
/* seller-terms carries its four languages as sibling blocks: give each one air and a hairline,
   never a label — the markup inside is counsel's and is not touched. */
article.doc > div[lang] + div[lang]{margin-top:52px;padding-top:40px;border-top:1px solid var(--hair)}

/* ---------- the foot ---------- */
footer.site{
  margin-top:clamp(48px,7vw,80px);padding:32px 0 44px;border-top:1px solid var(--hair);
  font-size:13px;line-height:1.5;color:var(--ink-4);letter-spacing:-.006em;
}
footer.site p{margin:0 0 10px}
footer.site .company{color:var(--ink-3)}
footer.site .links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}

/* ---------- paper ---------- */
@media print{
  header.site{display:none}
  body{font-size:11pt;line-height:1.45;color:#000}
  article.doc{padding-top:0}
  article.doc h1{font-size:20pt}
  article.doc h2{font-size:13pt;margin-top:18pt;page-break-after:avoid}
  article.doc p,article.doc li{color:#000}
  article.doc .updated{background:none;border:1px solid #999;border-radius:0}
  a{color:#000;text-decoration:underline}
  footer.site{color:#000}
}