/* Shared styles for Placetta's legal pages (terms, privacy, authorization, ai) and the trust page. Single light look, matching the landing page. */
:root{
  color-scheme:light;
  --bg:#F4F5F7; --card:#EDEFF3; --line:#E5E8EE;
  --ink:#0F1B33; --ink2:#4A5368; --muted:#8C93A1;
  --gs:#7399C6; --gs-ink:#3B5F8E; --gs-ll:#EEF3F9;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","PingFang SC","Noto Sans SC",system-ui,sans-serif;
  --zh:"PingFang SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
html[lang="zh-CN"] body{font-family:var(--zh)}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--gs-ink);outline-offset:2px;border-radius:6px}

.lw{max-width:760px;margin:0 auto;padding-inline:16px}
@media (min-width:640px){.lw{padding-inline:24px}}

/* top bar */
.lh{position:sticky;top:0;z-index:5;background:rgba(244,245,247,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lh .lw{display:flex;align-items:center;gap:16px;height:60px;max-width:1040px}
.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2);text-decoration:none;padding:6px 10px 6px 6px;margin-left:-6px;border-radius:8px;white-space:nowrap}
.back:hover{background:var(--card);color:var(--ink)}
.brand{display:flex;align-items:center;gap:9px;margin:0 auto;font-size:17px;font-weight:500;letter-spacing:-.2px;text-decoration:none}
.brand{color:#192F47}
.lt{display:flex;align-items:center;gap:2px;font-size:13px;color:var(--muted)}
.lt button{border:0;background:none;padding:6px 6px;border-radius:6px;color:var(--muted)}
.lt button[aria-pressed="true"]{color:var(--ink);font-weight:500}

.wm{display:inline-flex;align-items:center}
.wm svg{display:block;width:auto;fill:currentColor}
.wm .wm-en,.wm .wm-zh{height:22px}
.wm .wm-zh{display:none}
html[lang="zh-CN"] .wm .wm-en{display:none}
html[lang="zh-CN"] .wm .wm-zh{display:block}

/* document */
article{padding:56px 0 72px}
@media (min-width:1024px){article{padding:80px 0 96px}}
h1{margin:0;font-weight:400;font-size:36px;line-height:1.15;letter-spacing:-.8px}
@media (min-width:1024px){h1{font-size:44px;letter-spacing:-1.1px}}
.upd{margin:12px 0 0;font-size:14px;color:var(--muted)}
.lead{margin:28px 0 0;font-size:18px;line-height:1.55;color:var(--ink)}
h2{margin:52px 0 0;font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-.35px}
h3{margin:24px 0 0;font-weight:500;font-size:17px;line-height:1.35;letter-spacing:-.2px}
p{margin:12px 0 0;color:var(--ink2)}
ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
li{position:relative;padding-left:36px;color:var(--ink2)}
html[lang="zh-CN"] li{padding-left:50px}
li b,p b{font-weight:500;color:var(--ink)}
ul.dot li{padding-left:22px}
ul.dot li::before{content:"";position:absolute;left:6px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--muted)}
html[lang="zh-CN"] ul.dot li{padding-left:22px}
.note{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--gs-ll);color:var(--gs-ink);font-size:15px}
mark.ph{background:#FFF1CC;color:#7A5410;border-radius:4px;padding:0 4px;font-weight:500}
.contact{margin-top:12px;display:flex;flex-direction:column;gap:6px;color:var(--ink2)}
.contact a{color:var(--gs-ink);text-decoration:none}
.contact a:hover{text-decoration:underline}

/* clause numbering: numbers hang in a left gutter, text aligns on one edge */
article{--g:64px}
@media (max-width:479px){article{--g:52px}}
.n{position:relative;padding-left:var(--g)}
.n>.cn{position:absolute;left:0;top:0;font-variant-numeric:tabular-nums;letter-spacing:0}
p.n>.cn{color:var(--ink);font-weight:500}
.in{padding-left:var(--g)}
ul.in{gap:10px}
li>.lm{position:absolute;left:0;top:0;color:var(--ink);font-variant-numeric:tabular-nums}
h2.n+h3.n{margin-top:18px}
h3.n+p,h3.n+ul{margin-top:8px}
@media (max-width:479px){p.n.n3>.cn{font-size:14px;top:.1em}}

/* trust page (site/trust.html): status tags, the section list, subprocessors, numbered steps */
.tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:6px;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:1px}
h2 .tag,h3 .tag{margin:0 0 0 6px;vertical-align:2px}
.t-on{background:var(--gs-ll);color:var(--gs-ink)}
.t-roll{background:#FFF1CC;color:#7A5410}
.t-prog{background:var(--card);color:var(--ink2)}
.trust .legend{margin-top:24px;padding:14px 16px;border-radius:12px;background:var(--card)}
.trust .legend p{margin:0;font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}
.trust .legend p+p{margin-top:6px}
.trust .legend .tag{margin:0;min-width:84px;text-align:center}
.toc{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.toc a{color:var(--gs-ink);text-decoration:none}
.toc a:hover{text-decoration:underline}
.trust [data-anchor]{scroll-margin-top:76px}
.trust h3+p{margin-top:8px}
.sp{margin-top:8px;border-bottom:1px solid var(--line)}
.sp-row{display:grid;gap:2px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}
@media (min-width:640px){.sp-row{grid-template-columns:240px 1fr;gap:20px}}
.sp-h{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:4px 8px;min-height:1.65em}
.sp-h b{font-weight:500;color:var(--ink)}
.sp-h .tag{margin:0}
.sp-row p{margin:0}
ol.steps{margin:12px 0 0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:8px}
ol.steps li,html[lang="zh-CN"] ol.steps li{counter-increment:step;padding-left:28px}
ol.steps li::before{content:counter(step) ".";position:absolute;left:0;top:0;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.trust a{color:var(--gs-ink)}

/* footer */
.lf{padding:28px 0 40px;font-size:13px;color:var(--muted)}
.lf .lw{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;max-width:1040px}
.lf a{text-decoration:none;color:var(--ink2)}
.lf a:hover{color:var(--ink)}
.lf .cp{margin-left:auto}