/* Shared styles for ChiVui legal pages (privacy, terms) */
:root{
  --green-1:#1ED9AC; --green-2:#06A074; --accent:#08A877;
  --ink:#0E2A24; --muted:#4F635C; --muted-2:#7C8C86;
  --bg:#F4FBF8; --line:rgba(14,42,36,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink); line-height:1.75;
  font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
img{display:block}

.doc-header{position:sticky; top:0; z-index:10; background:rgba(244,251,248,.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
.doc-bar{max-width:860px; margin:0 auto; padding:0 22px; height:66px; display:flex; align-items:center; justify-content:space-between}
.logo{display:inline-flex; align-items:center; gap:10px}
.logo img{width:34px; height:34px}
.logo span{font-family:'Poppins',sans-serif; font-weight:800; font-size:21px; color:var(--ink)}
.logo span b{color:var(--accent)}
.back{font-size:14.5px; font-weight:600; color:var(--muted)}
.back:hover{color:var(--ink); text-decoration:none}

main{max-width:860px; margin:0 auto; padding:48px 22px 24px}
.doc-title{font-family:'Poppins',sans-serif; font-size:clamp(28px,5vw,40px); font-weight:800; letter-spacing:-.02em; margin:0}
.doc-meta{color:var(--muted-2); font-size:14px; margin:10px 0 8px}
.doc-intro{color:var(--muted); font-size:17px; margin:0 0 8px}

h2{font-size:21px; font-weight:700; margin:38px 0 10px; letter-spacing:-.01em}
h3{font-size:17px; font-weight:700; margin:22px 0 6px}
p{margin:0 0 12px; color:#2c4039}
ul{margin:0 0 14px; padding-left:22px}
li{margin:6px 0; color:#2c4039}
.note{background:#fff; border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:12px; padding:16px 18px; margin:18px 0; color:var(--muted); font-size:15px}

footer{border-top:1px solid var(--line); margin-top:40px; background:#fff}
.doc-foot{max-width:860px; margin:0 auto; padding:30px 22px 44px; color:var(--muted); font-size:14.5px}
.doc-foot b{color:var(--ink)}
.doc-foot a{color:var(--muted)}
.doc-foot .copy{margin-top:16px; color:var(--muted-2); font-size:13.5px}