/* ============================================================
   v3-legal.css  ·  ClosedLoop AI legal-document skin (v3)
   Ported from redesign/site/privacy.html (the approved exemplar).
   Everything is scoped under .v3-legal so it (a) overrides the
   shared token ladder with the calm cool-near-white legal palette
   ONLY inside the legal surface, and (b) never collides with the
   shared nav / footer chrome (which keep the shared tokens).
   Legal is the calmest surface: ZERO orange (orange is the evidence
   mark and a legal document carries no measured evidence, so the
   token is deliberately absent). Indigo appears only as the ONE
   signature corner on the document-control titleblock. 2px corners,
   no shadows, flush-left, ~66ch dense measure.
   ============================================================ */

.v3-legal{
  /* cool near-white legal ladder, self-contained token overrides */
  --ink:#141519;        /* UI, headings, body ink                 */
  --graphite:#2A2D31;   /* strong meta, firm hairline             */
  --muted:#8E9296;      /* mono labels, section numbers, captions */
  --sec:#565B60;        /* secondary body + paragraph text        */
  --frame:#7F858A;      /* corner registration marks (firm)       */
  --paper:#FFFFFF;      /* cool clean white: entity / card fill    */
  --ground:#FCFDFD;     /* cool near-white page body ground        */
  --board:#F0F2F3;      /* cool light board behind the titleblock  */
  --board-2:#E9ECEE;    /* firmer cool board tone                  */
  --rule:#E6E9EB;       /* cool hairline on paper                  */
  --rule-2:#D7DBDE;     /* firmer cool hairline                    */
  --brand:#5F67BB;      /* logo indigo. the one signature corner   */
  --measure:68ch;       /* dense legal reading measure cap         */
  --mono:'JetBrains Mono',ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --sans:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  display:block; width:100%; margin:0; padding:0 0 40px;
  background:var(--ground); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.58;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.v3-legal *,.v3-legal *::before,.v3-legal *::after{ box-sizing:border-box; }
.v3-legal h1,.v3-legal h2,.v3-legal h3{ margin:0; letter-spacing:-0.03em; font-weight:600; }
.v3-legal p{ margin:0; }
.v3-legal b,.v3-legal strong{ font-weight:600; }
.v3-legal ::selection{ background:var(--ink); color:#FFFFFF; }
.v3-legal :focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }

.v3-legal .lwrap{ max-width:1120px; margin:0 auto; padding:0 28px; }

/* page-scoped smooth scroll for the TOC anchors; static under reduced motion */
@media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } }

/* ---------- R1 · THE ENTITY FRAME (from brand grammar v3) ----------
   Four graphite corner brackets drawn as an 8-layer background; the
   bottom-right pair is strong indigo (--brand) at 3x the graphite
   stroke, the one signature corner. Never a full box. Exactly ONE
   entity wears it on this page: the document-control titleblock. */
.v3-legal .fr{
  position:relative;
  --fc:var(--frame);
  --fl:16px;
  --ft:0.5px;
  --fts:calc(var(--ft) * 3);
  background-image:
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand));
  background-repeat:no-repeat;
  background-position:
    top left,top left, top right,top right,
    bottom left,bottom left, bottom right,bottom right;
  background-size:
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--fts), var(--fts) var(--fl);
}

/* ======================================================================
   LEGAL MASTHEAD  ·  kicker + title + lead + document-control titleblock
   ====================================================================== */
.v3-legal .legal-head{ padding:60px 0 6px; }
.v3-legal .kicker{ display:flex; align-items:center; gap:10px; font:500 11px var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--muted); margin-bottom:20px; }
.v3-legal .kicker .n{ color:var(--ink); }
.v3-legal .kicker .ln{ width:26px; height:1px; background:var(--rule-2); }
.v3-legal .legal-head h1{ font-size:clamp(34px,5vw,54px); line-height:1.02; letter-spacing:-0.035em; color:var(--ink); margin:0; }
.v3-legal .legal-lead{ font-size:17px; line-height:1.6; color:var(--sec); max-width:60ch; margin:20px 0 0; }

/* the ONE framed entity: a drafting titleblock = document-control / last-updated line */
.v3-legal .doc-tb{ margin-top:30px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--board); }
.v3-legal .doc-tb .tb-c{ padding:14px 16px 15px; border-left:1px solid var(--rule-2); display:flex; flex-direction:column; gap:7px; min-width:0; }
.v3-legal .doc-tb .tb-c:first-child{ border-left:0; }
.v3-legal .tb-k{ font:500 9.5px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.v3-legal .tb-v{ font:500 13px var(--mono); letter-spacing:.01em; color:var(--ink); font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; }
.v3-legal .tb-v.sm{ font-size:11px; white-space:normal; line-height:1.35; letter-spacing:.02em; color:var(--graphite); }

/* ---------- legal-doc chrome strip: the sibling legal documents ---------- */
.v3-legal .legal-docs{ display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:26px; padding-top:22px; border-top:1px solid var(--rule); }
.v3-legal .legal-docs .ld-k{ flex:none; align-self:center; font:500 10px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-right:4px; }
.v3-legal .ld-chip{ font:500 12.5px var(--sans); color:var(--ink); border:1px solid var(--rule-2); border-radius:2px; background:var(--paper); padding:7px 13px; text-decoration:none; white-space:nowrap; transition:border-color .15s ease, background .15s ease; }
.v3-legal .ld-chip:hover{ border-color:var(--frame); background:rgba(20,21,25,.03); }
.v3-legal .ld-chip[aria-current="page"]{ background:var(--ink); color:var(--paper); border-color:var(--ink); cursor:default; }

/* ======================================================================
   LONG-FORM LEGAL DOC LAYOUT  ·  sticky TOC rail + measure-capped content
   ====================================================================== */
.v3-legal .legal-layout{ display:grid; grid-template-columns:232px minmax(0,1fr); gap:56px; align-items:start; padding:30px 0 24px; }

/* --- TOC: a hairline rail. mono section numbers. current is marked by an
       ink left-edge segment, never a colored fill. --- */
.v3-legal .toc{ position:sticky; top:22px; align-self:start; max-height:calc(100vh - 44px); overflow:auto; }
.v3-legal .toc-title{ font:500 10px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--muted); padding-bottom:12px; margin-bottom:6px; border-bottom:1px solid var(--rule-2); }
.v3-legal .toc-list{ list-style:none; margin:0; padding:0; }
.v3-legal .toc-link{ display:grid; grid-template-columns:22px 1fr; gap:9px; align-items:baseline; padding:7px 8px 7px 13px; text-decoration:none; box-shadow:inset 2px 0 0 var(--rule); transition:box-shadow .16s ease, background .16s ease, color .16s ease; }
.v3-legal .toc-num{ font:500 11px var(--mono); letter-spacing:.02em; color:var(--muted); font-variant-numeric:tabular-nums; }
.v3-legal .toc-txt{ font:500 13px var(--sans); line-height:1.34; color:var(--sec); letter-spacing:-0.005em; }
.v3-legal .toc-link:hover{ background:rgba(20,21,25,.04); box-shadow:inset 2px 0 0 var(--rule-2); }
.v3-legal .toc-link:hover .toc-num,.v3-legal .toc-link:hover .toc-txt{ color:var(--ink); }
.v3-legal .toc-link.is-current{ box-shadow:inset 2px 0 0 var(--ink); }
.v3-legal .toc-link.is-current .toc-num{ color:var(--ink); }
.v3-legal .toc-link.is-current .toc-txt{ color:var(--ink); font-weight:600; }

.v3-legal .toc-actions{ margin-top:16px; padding-top:14px; border-top:1px solid var(--rule); }
.v3-legal .toc-print{ display:inline-flex; align-items:center; gap:8px; font:500 12px var(--sans); color:var(--sec); text-decoration:none; background:none; border:0; padding:0; cursor:pointer; letter-spacing:-0.005em; }
.v3-legal .toc-print:hover{ color:var(--ink); }
.v3-legal .toc-print svg{ width:15px; height:15px; flex:none; stroke:currentColor; }

/* --- mobile TOC (native disclosure), shown when the rail is hidden --- */
.v3-legal .toc-mobile{ display:none; margin:24px 0 4px; border:1px solid var(--rule-2); border-radius:2px; background:var(--paper); }
.v3-legal .toc-mobile > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; font:500 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink); }
.v3-legal .toc-mobile > summary::-webkit-details-marker{ display:none; }
.v3-legal .toc-mobile > summary .cv{ width:8px; height:8px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:translateY(-2px) rotate(45deg); transition:transform .18s ease; }
.v3-legal .toc-mobile[open] > summary .cv{ transform:translateY(1px) rotate(-135deg); }
.v3-legal .toc-mobile-list{ list-style:none; margin:0; padding:4px 8px 10px; border-top:1px solid var(--rule); }
.v3-legal .toc-mobile-list a{ display:grid; grid-template-columns:24px 1fr; gap:10px; align-items:baseline; padding:8px 8px; text-decoration:none; color:var(--sec); }
.v3-legal .toc-mobile-list a:hover{ background:rgba(20,21,25,.04); color:var(--ink); }
.v3-legal .toc-mobile-list .toc-num{ color:var(--muted); }
.v3-legal .toc-mobile-list .toc-txt{ font-size:14px; }

/* ======================================================================
   NUMBERED CLAUSE / SECTION STRUCTURE
   ====================================================================== */
.v3-legal .legal-content{ min-width:0; }
.v3-legal .legal-section{ padding:34px 0; border-top:1px solid var(--rule); scroll-margin-top:24px; }
.v3-legal .legal-section:first-child{ border-top:0; padding-top:2px; }
.v3-legal .sec-num{ display:block; font:600 11px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:14px; }
.v3-legal .legal-section h2{ font-size:clamp(22px,2.5vw,28px); line-height:1.1; letter-spacing:-0.03em; color:var(--ink); margin:0 0 18px; max-width:var(--measure); }
.v3-legal .legal-section h3{ font-size:16px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); margin:26px 0 9px; }

.v3-legal .legal-body{ max-width:var(--measure); }
.v3-legal .legal-body p{ font-size:15px; line-height:1.7; color:var(--sec); margin:0 0 15px; overflow-wrap:anywhere; }
.v3-legal .legal-body p:last-child{ margin-bottom:0; }
.v3-legal .legal-body strong{ color:var(--ink); font-weight:600; }
.v3-legal .legal-body a{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--rule-2); text-underline-offset:3px; text-decoration-thickness:1px; overflow-wrap:anywhere; }
.v3-legal .legal-body a:hover{ text-decoration-color:var(--ink); }

.v3-legal .legal-body ul{ list-style:none; margin:2px 0 16px; padding:0; }
.v3-legal .legal-body li{ position:relative; font-size:15px; line-height:1.62; color:var(--sec); padding-left:20px; margin-bottom:9px; }
.v3-legal .legal-body li:last-child{ margin-bottom:0; }
.v3-legal .legal-body li::before{ content:""; position:absolute; left:0; top:11px; width:9px; height:2px; background:var(--graphite); }
.v3-legal .legal-body li strong{ color:var(--ink); font-weight:600; }

/* --- defined-term treatment --- */
.v3-legal .term{ color:var(--ink); font-weight:600; border-bottom:1px dotted var(--frame); }

/* --- definition list: hairline-ruled term / definition rows --- */
.v3-legal .defs{ margin:20px 0 6px; border-top:1px solid var(--rule-2); }
.v3-legal .defs > div{ display:grid; grid-template-columns:180px minmax(0,1fr); gap:4px 26px; padding:13px 0; border-bottom:1px solid var(--rule); }
.v3-legal .defs dt{ font:600 14px var(--sans); letter-spacing:-0.005em; color:var(--ink); }
.v3-legal .defs dt .aka{ display:block; margin-top:3px; font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.v3-legal .defs dd{ margin:0; font-size:14px; line-height:1.6; color:var(--sec); }

/* --- contact close band --- */
.v3-legal .legal-contact{ margin-top:8px; padding:30px 0 4px; border-top:1px solid var(--graphite); display:flex; align-items:baseline; justify-content:space-between; gap:16px 32px; flex-wrap:wrap; }
.v3-legal .legal-contact p{ font-size:16px; color:var(--ink); font-weight:600; letter-spacing:-0.01em; margin:0; }
.v3-legal .legal-contact a{ font:500 15px var(--sans); color:var(--ink); text-decoration:underline; text-decoration-color:var(--rule-2); text-underline-offset:3px; }
.v3-legal .legal-contact a:hover{ text-decoration-color:var(--ink); }

/* ---------- the one subtle constructive reveal: masthead rises in once ---------- */
@media (prefers-reduced-motion:no-preference){
  .v3-legal .legal-head{ animation:v3l-rise .55s cubic-bezier(.2,.75,.2,1) both; }
  @keyframes v3l-rise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .v3-legal .legal-layout{ grid-template-columns:1fr; gap:0; padding-top:8px; }
  .v3-legal .toc{ display:none; }
  .v3-legal .toc-mobile{ display:block; }
  .v3-legal .legal-head{ padding-top:48px; }
}
@media (max-width:720px){
  .v3-legal .doc-tb{ grid-template-columns:1fr 1fr; }
  .v3-legal .doc-tb .tb-c:nth-child(3){ border-left:0; }
  .v3-legal .doc-tb .tb-c{ border-top:1px solid var(--rule-2); }
  .v3-legal .doc-tb .tb-c:nth-child(1),.v3-legal .doc-tb .tb-c:nth-child(2){ border-top:0; }
  .v3-legal .defs > div{ grid-template-columns:1fr; gap:6px; }
  .v3-legal .legal-contact{ flex-direction:column; gap:12px; }
}
@media (max-width:460px){
  .v3-legal .doc-tb{ grid-template-columns:1fr; }
  .v3-legal .doc-tb .tb-c{ border-left:0; border-top:1px solid var(--rule-2); }
  .v3-legal .doc-tb .tb-c:first-child{ border-top:0; }
  .v3-legal .legal-head h1{ font-size:clamp(30px,9vw,42px); }
}

/* reduced motion: fully static settled states */
@media (prefers-reduced-motion:reduce){
  .v3-legal *,.v3-legal *::before,.v3-legal *::after{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}

/* print: drop the shared chrome + the TOC rail; keep the legal doc only
   (page-scoped: this file is linked ONLY from privacy.php) */
@media print{
  .cl-site .nav,.cl-site .nav-mobile,.cl-site .nav-burger,.cl-site .foot,.cl-site .skip-link{ display:none !important; }
  .v3-legal .toc,.v3-legal .toc-mobile,.v3-legal .toc-actions{ display:none !important; }
  .v3-legal .legal-layout{ grid-template-columns:1fr; }
  .v3-legal{ background:#fff; padding:0; }
  .v3-legal .doc-tb{ background:#fff; }
  .v3-legal a{ text-decoration:none; }
}

/* ============================================================
   APPENDED · legal-family additions (terms / dpa / ai-terms /
   cookies / subprocessors / scc / nda / vulnerability-disclosure
   / legal hub). Append-only: every rule above is the settled
   privacy.php exemplar and is never modified. Same grammar:
   hairlines, mono labels, 2px corners, existing tokens only,
   zero orange.
   ============================================================ */

/* --- ordered lists inside the legal body (numbered prose lists) --- */
.v3-legal .legal-body ol{ list-style:none; counter-reset:v3lol; margin:2px 0 16px; padding:0; }
.v3-legal .legal-body ol > li{ counter-increment:v3lol; position:relative; font-size:15px; line-height:1.62; color:var(--sec); padding-left:34px; margin-bottom:9px; }
.v3-legal .legal-body ol > li:last-child{ margin-bottom:0; }
.v3-legal .legal-body ol > li::before{ content:counter(v3lol,decimal-leading-zero); position:absolute; left:0; top:2px; font:500 11px var(--mono); letter-spacing:.02em; color:var(--muted); font-variant-numeric:tabular-nums; }

/* --- hairline data table (cookie inventory, subprocessor registry).
       Mono uppercase heads; wide tables scroll inside .tbl-x, the page
       body never scrolls horizontally. --- */
.v3-legal .tbl-x{ overflow-x:auto; margin:18px 0 10px; }
.v3-legal .tbl-x table{ width:100%; min-width:540px; border-collapse:collapse; border-top:1px solid var(--rule-2); }
.v3-legal .tbl-x th{ font:500 10px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-align:left; padding:11px 18px 10px 0; border-bottom:1px solid var(--rule-2); white-space:nowrap; }
.v3-legal .tbl-x td{ font-size:13.5px; line-height:1.5; color:var(--sec); text-align:left; vertical-align:top; padding:11px 18px 11px 0; border-bottom:1px solid var(--rule); }
.v3-legal .tbl-x th:last-child,.v3-legal .tbl-x td:last-child{ padding-right:0; }
.v3-legal .tbl-x td:first-child{ color:var(--ink); font-weight:600; }
.v3-legal .tbl-x.mono-first td:first-child{ font:500 12.5px var(--mono); letter-spacing:.01em; }

/* --- request steps (scc / nda): hairline rows with mono counters --- */
.v3-legal .doc-steps{ list-style:none; counter-reset:v3ls; margin:20px 0 6px; padding:0; border-top:1px solid var(--rule-2); }
.v3-legal .doc-steps > li{ counter-increment:v3ls; display:grid; grid-template-columns:44px minmax(0,1fr); gap:3px 0; padding:16px 0 17px; border-bottom:1px solid var(--rule); }
.v3-legal .doc-steps > li::before{ content:counter(v3ls,decimal-leading-zero); grid-row:1 / span 2; font:600 12px var(--mono); letter-spacing:.02em; color:var(--muted); padding-top:3px; font-variant-numeric:tabular-nums; }
.v3-legal .doc-steps strong{ font:600 15px var(--sans); letter-spacing:-0.01em; color:var(--ink); }
.v3-legal .doc-steps span{ font-size:14px; line-height:1.6; color:var(--sec); }

/* --- request close (scc / nda): ink button, never a colored fill --- */
.v3-legal .doc-cta{ display:flex; align-items:baseline; gap:14px 22px; flex-wrap:wrap; margin-top:30px; padding-top:26px; border-top:1px solid var(--graphite); }
.v3-legal .doc-cta .cta-btn{ display:inline-block; font:600 13.5px var(--sans); letter-spacing:-0.005em; color:var(--paper); background:var(--ink); border:1px solid var(--ink); border-radius:2px; padding:11px 22px; text-decoration:none; transition:background .15s ease; }
.v3-legal .doc-cta .cta-btn:hover{ background:var(--graphite); }
.v3-legal .doc-cta p{ font-size:14px; color:var(--sec); margin:0; }
.v3-legal .doc-cta p a{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--rule-2); text-underline-offset:3px; }
.v3-legal .doc-cta p a:hover{ text-decoration-color:var(--ink); }

/* --- legal hub: the document register. The register is the hub's ONE
       framed entity (it wears .fr); rows are hairline-separated. --- */
.v3-legal .doc-index{ margin:36px 0 10px; padding:12px 28px; background:var(--paper); }
.v3-legal .doc-index .doc-row{ display:grid; grid-template-columns:46px minmax(0,1fr) auto 22px; grid-template-rows:auto auto; gap:3px 18px; align-items:baseline; padding:19px 2px 20px; border-top:1px solid var(--rule); text-decoration:none; transition:background .15s ease; }
.v3-legal .doc-index .doc-row:first-child{ border-top:0; }
.v3-legal .doc-index .doc-row:hover{ background:rgba(20,21,25,.03); }
.v3-legal .doc-row .di-num{ grid-row:1 / span 2; font:500 12px var(--mono); letter-spacing:.02em; color:var(--muted); font-variant-numeric:tabular-nums; }
.v3-legal .doc-row .di-title{ grid-column:2; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; font:600 16.5px var(--sans); letter-spacing:-0.015em; color:var(--ink); }
.v3-legal .doc-row .di-tag{ font:500 9.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); border:1px solid var(--rule-2); border-radius:2px; padding:2px 7px; transform:translateY(-2px); }
.v3-legal .doc-row .di-desc{ grid-column:2; font-size:14px; line-height:1.55; color:var(--sec); }
.v3-legal .doc-row .di-date{ grid-column:3; grid-row:1; font:500 11px var(--mono); letter-spacing:.03em; color:var(--muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.v3-legal .doc-row .di-arr{ grid-column:4; grid-row:1; width:8px; height:8px; border-top:1.5px solid var(--muted); border-right:1.5px solid var(--muted); transform:rotate(45deg); justify-self:end; align-self:center; }
.v3-legal .doc-index .doc-row:hover .di-arr{ border-color:var(--ink); }

/* --- appended responsive --- */
@media (max-width:720px){
  .v3-legal .doc-index{ padding:4px 16px; }
  .v3-legal .doc-index .doc-row{ grid-template-columns:34px minmax(0,1fr) 16px; }
  .v3-legal .doc-row .di-desc{ grid-column:2; }
  .v3-legal .doc-row .di-date{ grid-column:2; grid-row:3; margin-top:5px; }
  .v3-legal .doc-row .di-arr{ grid-column:3; }
  .v3-legal .doc-steps > li{ grid-template-columns:34px minmax(0,1fr); }
}

/* ============================================================
   APPENDED · 2026-07-10 full-site consistency pass (append-only,
   per this file's convention — the exemplar block above stays
   untouched).
   ============================================================ */

/* 1. Kicker tracking: every other family's section kicker runs
      500 11px / .2em (v3-sol/.v3-ft .kick, .doc-eyebrow, home,
      pricing). Legal ran .22em — aligned to the sitewide device. */
.v3-legal .kicker{ letter-spacing:.2em; }

/* 2. Frame tick weight: every other family draws the corner
      registration marks at 0.75px; legal drew 0.5px. Aligned so
      hairline weight reads identically page to page. */
.v3-legal .fr{ --ft:0.75px; }

/* 3. Frame re-assert: `.doc-tb{ background:#fff }` (print block +
      line 219) and `.doc-index{ background:var(--paper) }` are
      `background:` SHORTHANDS declared after the .fr rule — they
      reset background-image and erased the titleblock / register
      frames. Re-asserted LAST so source order in this file can
      never kill the frame again (sister backstop lives in v3.css). */
.v3-legal .fr{
  background-image:
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--fc),var(--fc)), linear-gradient(var(--fc),var(--fc)),
    linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand));
  background-repeat:no-repeat;
  background-position:
    top left,top left, top right,top right,
    bottom left,bottom left, bottom right,bottom right;
  background-size:
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--ft), var(--ft) var(--fl),
    var(--fl) var(--fts), var(--fts) var(--fl);
}
/* print keeps the plain white titleblock: frame off under print
   (body.cl-site prefix outranks the v3.css frame backstop) */
@media print{
  body.cl-site .v3-legal .fr{ background-image:none; }
}