/* Styles des pages statiques : version texte du portfolio (sans JavaScript),
   mentions légales, confidentialité et page 404. Polices système uniquement. */
html.js .static-site { visibility: hidden; }
#root > .static-site { height: 100%; overflow-y: auto; }

.static-site,
.legal-page {
  margin: 0;
  background: #f5f5f2;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}
.static-hero { background: #1b241e; }
.static-hero img { display: block; width: 100%; height: auto; max-width: 1600px; margin: 0 auto; }
.static-main,
.legal-main {
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 16px 40px;
}
.static-site h1,
.legal-page h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 12px; }
.static-site h2,
.legal-page h2 { font-size: 1.2rem; margin: 32px 0 8px; padding-top: 12px; border-top: 1px solid #deded8; }
.static-site h3,
.legal-page h3 { font-size: 1.02rem; margin: 16px 0 4px; }
.static-lead { font-size: 1.08rem; color: #3a3a3c; }
.static-meta { color: #6e6e73; font-size: 0.92rem; margin-top: 0; }
.static-list { padding-left: 1.2em; }
.static-list li { margin: 6px 0; }
.static-site a,
.legal-page a { color: #0055b8; }
.static-footer,
.legal-footer {
  border-top: 1px solid #deded8;
  padding: 18px 16px 28px;
  text-align: center;
  font-size: 0.9rem;
  color: #6e6e73;
}

/* Pages légales */
.legal-header {
  background: #1b241e;
  color: #fff;
  padding: 14px 16px;
}
.legal-header a { color: #fff; text-decoration: none; font-weight: 600; }
.legal-header a:hover { text-decoration: underline; }
.legal-page table { width: 100%; border-collapse: collapse; font-size: 0.92rem; margin: 12px 0; }
.legal-page th,
.legal-page td { border: 1px solid #d5d5cf; padding: 8px; text-align: left; vertical-align: top; }
.legal-page th { background: #ecece6; }
.table-wrap { overflow-x: auto; }
.legal-page .note { color: #6e6e73; font-size: 0.92rem; }
.legal-btn {
  display: inline-block;
  margin: 6px 0;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  background: #1d1d1f;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.legal-btn:hover { background: #3a3a3c; }
.legal-status { font-weight: 600; }
.legal-page .not-found { text-align: center; padding: 60px 16px; }
.legal-page .not-found p { max-width: 520px; margin: 12px auto; }

/* Page profil */
.profile-hero { background: radial-gradient(ellipse at 50% 60%, #26352a 0%, #0f1811 75%); text-align: center; padding-top: 24px; }
.profile-hero img { display: block; margin: 0 auto; height: 380px; width: auto; -webkit-mask-image: radial-gradient(ellipse 50% 72% at 50% 44%, #000 72%, transparent 100%); mask-image: radial-gradient(ellipse 50% 72% at 50% 44%, #000 72%, transparent 100%); }
.profile-page .legal-main h1 { font-size: 2rem; margin-bottom: 4px; }