/* Feuille de style des pages statiques Proxizen (crawlables, sans JS) */
:root {
  --pz-primary: #12233f;
  --pz-primary-soft: #1c3557;
  --pz-secondary: #f57c1f;
  --pz-bg: #fdf9f3;
  --pz-card: #ffffff;
  --pz-text: #1b2436;
  --pz-muted: #5b6577;
  --pz-border: #e7dfd3;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Nunito, "Segoe UI", system-ui, -apple-system, sans-serif;
  background: var(--pz-bg);
  color: var(--pz-text);
  line-height: 1.65;
}
a { color: var(--pz-primary); }
.pz-header {
  background: var(--pz-primary);
  color: #fff;
  padding: 1rem 1.25rem;
}
.pz-header .pz-wrap { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.pz-brand {
  display: flex; align-items: center; gap: .6rem;
  font-weight: 800; font-size: 1.15rem; color: #fff; text-decoration: none;
}
.pz-brand img { width: 34px; height: 34px; border-radius: .6rem; }
.pz-nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-left: auto; }
.pz-nav a { color: #ffe9d6; text-decoration: none; font-weight: 600; font-size: .95rem; }
.pz-nav a:hover, .pz-nav a[aria-current="page"] { color: var(--pz-secondary); }
.pz-wrap { max-width: 880px; margin: 0 auto; }
main.pz-wrap { padding: 1.5rem 1.25rem 3rem; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 1.2rem 0 .4rem; color: var(--pz-primary); }
h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; color: var(--pz-primary); }
h3 { font-size: 1.05rem; margin: 1.4rem 0 .3rem; color: var(--pz-primary-soft); }
.pz-lead { font-size: 1.05rem; color: var(--pz-muted); margin-top: 0; }
.pz-card {
  background: var(--pz-card);
  border: 1px solid var(--pz-border);
  border-radius: 1rem;
  padding: 1.1rem 1.25rem;
  margin: 1rem 0;
}
.pz-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.pz-price { font-size: 1.5rem; font-weight: 800; color: var(--pz-secondary); margin: .2rem 0; }
.pz-badge {
  display: inline-block; background: #fff2e3; color: #a3520c;
  border: 1px solid #f5cda3; border-radius: 999px;
  padding: .15rem .65rem; font-size: .8rem; font-weight: 700;
}
.pz-cta {
  display: inline-block; background: var(--pz-secondary); color: #fff;
  text-decoration: none; font-weight: 800;
  padding: .7rem 1.2rem; border-radius: .9rem; margin: .4rem .4rem .4rem 0;
}
.pz-cta.pz-cta-alt { background: var(--pz-primary); }
ul, ol { padding-left: 1.2rem; }
li { margin: .3rem 0; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid var(--pz-border); padding: .55rem .7rem; text-align: left; vertical-align: top; }
th { background: #f4ece0; color: var(--pz-primary); }
.pz-note { font-size: .9rem; color: var(--pz-muted); }
.pz-footer {
  border-top: 1px solid var(--pz-border);
  background: #f6efe4;
  padding: 1.5rem 1.25rem;
  font-size: .9rem;
  color: var(--pz-muted);
}
.pz-footer a { color: var(--pz-primary-soft); }
.pz-footer ul { list-style: none; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap; }
@media (min-width: 720px) { h1 { font-size: 2.2rem; } }