.reperes-hero { --accent: var(--cyan); --hero-image: url('../media/archipel-hero_e20b27a7.jpg'); }
.reperes-index { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.reperes-index a { padding: .6rem .8rem; border: 1px solid var(--line); color: var(--muted); font-size: .95rem; font-weight: 750; text-decoration: none; }
.reperes-index a:hover, .reperes-index a:focus-visible { border-color: var(--accent, var(--cyan)); color: var(--accent, var(--cyan)); }
.faq-group { margin-top: clamp(2rem, 5vw, 4rem); }
.faq-group h2 { margin-bottom: 1.2rem; }
.contact-list { display: grid; gap: .8rem; margin-top: 1.7rem; }
.contact-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border: 1px solid var(--line); color: var(--ink); background: rgba(240, 253, 247, .035); font-size: var(--reading); text-decoration: none; }
.contact-list a::after { content: "↗"; color: var(--accent, var(--cyan)); font-size: 1.25rem; }
.contact-list a:hover, .contact-list a:focus-visible { border-color: var(--accent, var(--cyan)); }