/* ============================================================
   Global Copilot - Legal / trust pages (Privacy, Terms, Security)
   in the current site design. Layers on /site/site.css (tokens,
   header, footer, .art-head). scripts/export-legal.mjs prints these
   pages to PDF with the @media print rules below and walks
   .legal-article into Word, so keep the class names.
   ============================================================ */

.legal-head{padding-block:56px 28px}
.legal-head .art-sub{max-width:64ch}
.legal-body{max-width:900px;padding-block:8px 80px}
.legal-article{max-width:820px;color:var(--text)}

.legal-article h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.025em;font-weight:650;color:var(--ink);margin:56px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.legal-article h2:first-of-type{margin-top:8px}
.legal-article h3{font-size:18px;line-height:1.3;letter-spacing:-.015em;font-weight:650;color:var(--ink);margin:30px 0 10px}
.legal-article p{font-size:16px;line-height:1.7;margin:0 0 14px}
.legal-article strong{color:var(--ink);font-weight:600}
.legal-article a{color:var(--brand);text-underline-offset:3px}
.legal-article a:hover{text-decoration:underline}
.legal-article ul{list-style:disc;margin:0 0 16px;padding-left:24px}
.legal-article ol{list-style:decimal;margin:0 0 16px;padding-left:24px}
.legal-article li{font-size:16px;line-height:1.65;margin:6px 0}
.legal-article li::marker{color:var(--brand)}
.legal-article hr{border:0;height:1px;background:var(--line);margin:36px 0}
.legal-article code{font-family:var(--mono);font-size:.86em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);white-space:nowrap}
.legal-meta{font-size:14px;color:var(--muted)}
.legal-meta a{color:var(--text)}
.legal-byline{font-size:14px;line-height:1.6;margin-bottom:6px}

/* at-a-glance block */
.legal-article ul.legal-glance{list-style:none;padding:18px 22px;margin:8px 0 28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr;gap:6px 28px}
.legal-article ul.legal-glance li{margin:0;font-size:14.5px;line-height:1.55}
@media(min-width:720px){.legal-article ul.legal-glance{grid-template-columns:1fr 1fr}}

/* table of contents */
.legal-toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:28px 0 36px}
.legal-toc-title{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.legal-toc ul{list-style:none;margin:0;padding:0;columns:1;column-gap:32px}
.legal-toc li{margin:0;padding:4px 0;break-inside:avoid;font-size:14px}
.legal-toc a{color:var(--text);text-decoration:none}
.legal-toc a:hover{color:var(--brand);text-decoration:none}
@media(min-width:640px){.legal-toc ul{columns:2}}

/* tables */
.legal-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:18px 0 28px}
.legal-table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.legal-table th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--muted);text-align:left;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}
.legal-table td{padding:13px 16px;vertical-align:top;border-top:1px solid var(--line-2)}
.legal-table tr:first-child td{border-top:0}
.legal-table td .sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.legal-table .yes{color:var(--green-ink);font-weight:600}
.legal-table .no{color:var(--muted)}

/* FAQ */
.legal-faq{display:flex;flex-direction:column;gap:10px;margin:18px 0 28px}
.legal-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;display:grid;gap:8px}
.legal-faq-item dt{font-size:15px;font-weight:600;color:var(--ink);line-height:1.45}
.legal-faq-item dd{font-size:14.5px;line-height:1.65;margin:0}
@media(min-width:768px){.legal-faq-item{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}}

/* callouts */
.legal-callout{border-radius:16px;padding:16px 20px;margin:18px 0 24px;background:linear-gradient(var(--gloco-tint),var(--gloco-tint)) padding-box,linear-gradient(135deg,var(--flow-a),var(--flow-c)) border-box;border:1.5px solid transparent}
.legal-callout p{margin:0;color:var(--ink);font-size:15px}
.legal-callout p+p{margin-top:8px}

/* numbered flow (uploaded-files pipeline) */
.legal-article ol.legal-flow{list-style:none;padding:0;margin:18px 0 28px;counter-reset:flow;display:grid;gap:10px}
.legal-flow li{counter-increment:flow;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 58px;position:relative;margin:0;font-size:15px;line-height:1.6}
.legal-flow li::before{content:counter(flow);position:absolute;left:18px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--gloco-tint);border:1px solid color-mix(in oklab,var(--brand) 30%,transparent);color:var(--brand);font-family:var(--mono);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.legal-flow li strong{display:block;margin-bottom:2px}

/* download buttons (PDF / Word) */
.legal-downloads{display:flex;flex-wrap:wrap;gap:10px}

@media(max-width:768px){
  .legal-article h2{margin-top:44px}
  .legal-flow li{padding-left:50px}
  .legal-flow li::before{left:14px}
}

/* print / PDF export: the article on white, no chrome */
@media print{
  :root,:root[data-theme]{--bg:#fff;--surface:#f6f7fb;--surface-2:#eef0f6;--line:#d9dce6;--line-2:#e5e7ee;--ink:#111318;--text:#2f3440;--muted:#6b7280;--brand:#0f766e;--green-ink:#0f766e;--gloco-tint:#f6f7fb}
  html,body{background:#fff!important;color:#111318!important}
  header.top,.mnav,.skip,footer,.legal-downloads,.legal-toc{display:none!important}
  .legal-head{padding:0 0 12px!important;max-width:none!important}
  .legal-head h1{font-size:30px!important;color:#111318!important}
  .legal-head .eyebrow{display:none!important}
  .legal-body{padding:0!important;max-width:none!important}
  .legal-article{max-width:none!important}
  .legal-article h2{break-after:avoid;page-break-after:avoid;margin-top:32px!important}
  .legal-article h3{break-after:avoid;page-break-after:avoid}
  .legal-article p,.legal-article li{color:#2f3440!important;font-size:12.5px!important;line-height:1.55!important}
  .legal-article a{color:#0f766e!important}
  .legal-table-wrap{overflow:visible!important;break-inside:auto}
  .legal-table{font-size:11.5px!important}
  .legal-table th,.legal-table td{padding:8px 10px!important}
  .legal-table tr{break-inside:avoid;page-break-inside:avoid}
  .legal-faq-item,.legal-callout,.legal-flow li{break-inside:avoid;page-break-inside:avoid}
}