/* Étagère — pages de contenu (Confidentialité, Changelog). Réutilise les tokens de landing.css. */
.page{max-width:720px;margin:0 auto;padding:26px clamp(16px,4vw,28px) 60px}
.page-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}
.page-nav .brand{display:flex;align-items:center;gap:10px;font:600 21px/1 'Spectral',serif}
.page-nav-right{display:flex;align-items:center;gap:10px}
.back-link{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 'Public Sans',sans-serif;
  color:var(--muted);text-decoration:none}
.back-link:hover{color:var(--accent)}
.page-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);
  background:var(--surface);cursor:pointer;font-size:17px;line-height:1}

.doc h1{margin:0;font:600 30px/1.15 'Spectral',serif}
.doc .lead{margin:12px 0 0;font:400 15px/1.6 'Public Sans',sans-serif;color:var(--muted)}
.doc .updated{margin-top:6px;font:400 12.5px/1 'Public Sans',sans-serif;color:var(--muted)}
.doc section{margin-top:30px}
.doc h2{margin:0 0 10px;font:600 18px/1.25 'Spectral',serif}
.doc p{margin:0 0 12px;font:400 14.5px/1.7 'Public Sans',sans-serif;color:var(--text)}
.doc ul{margin:0 0 12px;padding-left:20px}
.doc li{margin:0 0 7px;font:400 14.5px/1.65 'Public Sans',sans-serif;color:var(--text)}
.doc a{color:var(--accent);text-decoration:none}
.doc a:hover{text-decoration:underline}
.doc strong{font-weight:600}
.doc .card-note{margin-top:8px;padding:16px 18px;border-radius:14px;background:var(--soft);
  border:1px solid var(--line);font:400 13.5px/1.6 'Public Sans',sans-serif;color:var(--muted)}

/* Changelog — timeline */
.clog{margin-top:26px;display:flex;flex-direction:column;gap:22px}
.clog-entry{padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.clog-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.clog-ver{font:600 15px/1 'Spectral',serif;color:var(--accent)}
.clog-date{font:400 12.5px/1 'Public Sans',sans-serif;color:var(--muted)}
.clog-title{font:500 13px/1 'Public Sans',sans-serif;color:var(--text)}
.clog-items{display:flex;flex-direction:column;gap:8px}
.clog-item{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.5 'Public Sans',sans-serif;color:var(--text)}
.clog-tag{flex:none;margin-top:1px;padding:2px 8px;border-radius:999px;font:600 10px/1.5 'Public Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.5px}
.clog-tag.new{background:rgba(95,125,63,.16);color:#5f7d3f}
.clog-tag.fix{background:rgba(180,85,47,.14);color:var(--accent)}
.clog-tag.sec{background:rgba(75,107,138,.16);color:#4b6b8a}
:root[data-theme="dark"] .clog-tag.new{background:rgba(140,180,100,.2);color:#b6cf90}
:root[data-theme="dark"] .clog-tag.sec{background:rgba(120,160,200,.2);color:#a7c4de}

.page-foot{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);text-align:center;
  font:400 12px/1.6 'Public Sans',sans-serif;color:var(--muted)}
.page-foot a{color:var(--accent);text-decoration:none}