/* nosvoyages — Pages "photos" : /assets/photos.css */

/* Wrapper/panel (si la page utilise <div class="wrap"><div class="panel">...) */
.wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 18px 60px;
}

.panel{
  background: rgba(255,255,255,0.10);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

a{ color: inherit; }

header{ margin-bottom: 18px; }
.back{ font-size: 14px; opacity: 0.9; margin-bottom: 10px; }

/* Section texte (photos.json type:"section") */
.section{
  grid-column: 1 / -1;
  padding: 14px 14px 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
}
.section h2{
  margin: 0 0 8px 0;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.section p{
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  white-space: pre-line;
}