/* === ARCHIVES POLITICIENNES.CH === */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1a1a1a; line-height: 1.5; }
a { color: inherit; }
img { max-width: 100%; display: block; }

/* === HEADER & FOOTER === */
.ar-header { background:#2c0d20; padding:14px 6%; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.ar-header__logo { font-family:Georgia,serif; font-style:italic; font-size:18px; color:#fff; text-decoration:none; }
.ar-header__logo span { color:rgba(255,255,255,0.55); }
.ar-header__logo small { font-style:normal; font-family:inherit; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; margin-left:8px; color:rgba(255,255,255,0.7); }
.ar-header__back { font-size:13px; color:rgba(255,255,255,0.85); text-decoration:none; }
.ar-header__back:hover { color:#fff; }
.ar-footer { background:#2c0d20; padding:40px 6%; color:rgba(255,255,255,0.65); font-size:13px; margin-top:auto; }
.ar-footer__inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; max-width:1200px; margin:0 auto; }
.ar-footer a { color:rgba(255,255,255,0.85); text-decoration:none; }
.ar-footer a:hover { color:#fff; }

/* === ELEMENTS PARTAGES === */
.ar-eyebrow { font-size:13px; letter-spacing:0.22em; color:#9b1c4a; text-transform:uppercase; font-weight:500; margin:0 0 1.2rem; }
.ar-section-title { font-family:Georgia,serif; font-size:36px; line-height:1.2; color:#1a1a1a; margin:0 0 0.8rem; max-width:680px; font-weight:400; }
.ar-section-lead { font-size:16px; line-height:1.7; color:#5f5e5a; margin:0 0 3rem; max-width:600px; }

/* === HOMEPAGE === */
.ar-home-hero { background:#faf7f4; padding:70px 6%; }
.ar-home-hero__title { font-family:Georgia,serif; font-style:italic; font-size:64px; line-height:1.02; color:#1a1a1a; margin:0 0 1.5rem; max-width:820px; font-weight:400; }
.ar-home-hero__lead { font-family:Georgia,serif; font-size:21px; line-height:1.5; color:#5f5e5a; margin:0; max-width:720px; font-weight:400; }
.ar-home-hero__stats { display:flex; gap:3rem; margin-top:2.5rem; flex-wrap:wrap; }
.ar-home-stat { display:flex; flex-direction:column; gap:4px; }
.ar-home-stat__num { font-family:Georgia,serif; font-style:italic; font-size:42px; line-height:1; color:#9b1c4a; }
.ar-home-stat__label { font-size:13px; color:#5f5e5a; }
.ar-home-elections { background:#fff; padding:80px 6%; }
.ar-home-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; max-width:1200px; }
.ar-home-card { background:#faf7f4; border:1px solid #ece2dd; border-radius:10px; padding:2rem 1.8rem; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:1.5rem; transition:all 0.2s; }
.ar-home-card:hover { border-color:#9b1c4a; background:#fff; transform:translateY(-2px); }
.ar-home-card__year { font-family:Georgia,serif; font-style:italic; font-size:42px; line-height:1; color:#9b1c4a; }
.ar-home-card__body { flex:1; }
.ar-home-card__title { font-family:Georgia,serif; font-size:20px; line-height:1.3; color:#1a1a1a; margin:0 0 0.5rem; font-weight:400; }
.ar-home-card__count { font-size:14px; color:#5f5e5a; margin:0; }
.ar-home-card__arrow { font-size:18px; color:#9b1c4a; align-self:flex-end; }
.ar-home-actus { background:#faf7f4; padding:80px 6%; }
.ar-home-actus__grid { display:grid; grid-template-columns:1fr 1.3fr; gap:4rem; align-items:start; max-width:1200px; }
.ar-home-actus__lead { font-size:17px; line-height:1.7; color:#1a1a1a; margin:1.5rem 0 2rem; max-width:480px; }
.ar-home-actus__cats { display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2rem; }
.ar-home-cat { display:flex; align-items:baseline; gap:0.75rem; font-size:15px; }
.ar-home-cat strong { color:#9b1c4a; font-family:Georgia,serif; font-style:italic; font-size:20px; min-width:40px; text-align:right; }
.ar-home-actus__btn { display:inline-block; background:#9b1c4a; color:#fff; font-size:14px; font-weight:500; padding:12px 24px; border-radius:6px; text-decoration:none; }
.ar-home-actus__btn:hover { background:#2c0d20; }
.ar-home-recent { background:#fff; border:1px solid #ece2dd; border-radius:10px; padding:1.8rem; }
.ar-home-recent__label { font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:#9b1c4a; font-weight:600; margin:0 0 1.2rem; }
.ar-home-recent__item { display:block; padding:0.9rem 0; border-bottom:1px solid #ece2dd; text-decoration:none; color:inherit; }
.ar-home-recent__item:last-child { border-bottom:none; }
.ar-home-recent__item:hover .ar-home-recent__title { color:#9b1c4a; }
.ar-home-recent__cat { font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:#9b1c4a; margin:0 0 4px; font-weight:600; }
.ar-home-recent__title { font-family:Georgia,serif; font-size:16px; line-height:1.3; margin:0 0 4px; color:#1a1a1a; font-weight:400; }
.ar-home-recent__date { font-size:12px; color:#8a8780; margin:0; }

/* === PORTRAIT PAGE === */
.ar-portrait-hero { background:#faf7f4; padding:60px 6%; }
.ar-portrait-hero__grid { display:grid; grid-template-columns:1.2fr 1fr; gap:3rem; align-items:center; max-width:1200px; }
.ar-portrait-hero__name { font-family:Georgia,serif; font-style:italic; font-size:56px; line-height:1.02; color:#1a1a1a; margin:0 0 1.5rem; font-weight:400; }
.ar-portrait-hero__meta { display:flex; flex-wrap:wrap; gap:1.5rem; font-size:15px; color:#5f5e5a; }
.ar-portrait-hero__meta-item strong { color:#1a1a1a; font-weight:500; }
.ar-portrait-hero__photo { aspect-ratio:4/5; border-radius:8px; overflow:hidden; background:#e3d1ca; }
.ar-portrait-hero__photo img { width:100%; height:100%; object-fit:cover; }
.ar-portrait-hero__photo--placeholder { display:flex; align-items:center; justify-content:center; }
.ar-portrait-hero__photo--placeholder span { color:#8a8780; font-size:14px; }
.ar-qr { background:#fff; padding:70px 6%; }
.ar-qr__list { max-width:760px; display:flex; flex-direction:column; gap:2.6rem; margin:0 auto; }
.ar-qr__item { padding-top:2rem; border-top:1px solid #ece2dd; }
.ar-qr__item:first-child { border-top:none; padding-top:0; }
.ar-qr__q { font-family:Georgia,serif; font-style:italic; font-size:22px; line-height:1.3; color:#9b1c4a; margin:0 0 1rem; font-weight:400; }
.ar-qr__a { font-size:16px; line-height:1.75; }
.ar-qr__a p { margin:0 0 1rem; }
.ar-qr__a a { color:#9b1c4a; text-decoration:none; border-bottom:1px solid #9b1c4a; padding-bottom:1px; word-break:break-word; }
.ar-qr__a a:hover { color:#2c0d20; }
.ar-qr__empty { color:#8a8780; font-style:italic; }

/* === ARTICLE PAGE === */
.ar-article-hero { background:#faf7f4; padding:60px 6%; }
.ar-article-hero__title { font-family:Georgia,serif; font-style:italic; font-size:52px; line-height:1.05; color:#1a1a1a; margin:0 0 1rem; max-width:900px; font-weight:400; }
.ar-article-hero__date { font-size:15px; color:#5f5e5a; margin:0; }
.ar-article { background:#fff; padding:60px 6%; max-width:820px; margin:0 auto; }
.ar-article__photo { margin:0 0 2.5rem; }
.ar-article__photo img { border-radius:8px; width:100%; }
.ar-article__content { font-size:17px; line-height:1.8; }
.ar-article__content h2 { font-family:Georgia,serif; font-size:28px; line-height:1.25; margin:2.5rem 0 1rem; font-weight:400; }
.ar-article__content h3 { font-family:Georgia,serif; font-size:22px; line-height:1.3; margin:2rem 0 0.8rem; font-weight:400; }
.ar-article__content p { margin:0 0 1.3rem; }
.ar-article__content a { color:#9b1c4a; text-decoration:none; border-bottom:1px solid #9b1c4a; padding-bottom:1px; word-break:break-word; }
.ar-article__content a:hover { color:#2c0d20; }
.ar-article__content img { margin:1.5rem 0; border-radius:6px; }
.ar-article__content blockquote { border-left:3px solid #9b1c4a; margin:1.5rem 0; padding:0.5rem 0 0.5rem 1.5rem; color:#5f5e5a; font-style:italic; }
.ar-article__content ul, .ar-article__content ol { margin:0 0 1.3rem; padding-left:1.5rem; }
.ar-article__content li { margin-bottom:0.4rem; }

/* === LISTING PAGES === */
.ar-list-hero { background:#faf7f4; padding:60px 6%; }
.ar-list-hero__title { font-family:Georgia,serif; font-style:italic; font-size:58px; line-height:1.02; color:#1a1a1a; margin:0 0 1rem; font-weight:400; }
.ar-list-hero__count { font-size:17px; color:#5f5e5a; margin:0; }
.ar-list-filter { background:#fff; padding:40px 6% 20px; border-bottom:1px solid #ece2dd; }
.ar-filter__label { font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:#9b1c4a; font-weight:600; margin:0 0 1rem; }
.ar-filter__label--second { margin-top:1.5rem; }
.ar-filter__chips { display:flex; flex-wrap:wrap; gap:8px; }
.ar-filter__chip { font-family:inherit; font-size:14px; padding:8px 16px; border:1px solid #ece2dd; background:#fff; border-radius:20px; cursor:pointer; transition:all 0.15s; color:#1a1a1a; }
.ar-filter__chip:hover { border-color:#9b1c4a; color:#9b1c4a; }
.ar-filter__chip--active { background:#9b1c4a; color:#fff; border-color:#9b1c4a; }
.ar-list-grid { background:#fff; padding:50px 6% 80px; }
.ar-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem; max-width:1300px; }
.ar-grid--articles { grid-template-columns:repeat(3, 1fr); }
.ar-card { background:#faf7f4; border:1px solid #ece2dd; border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:all 0.2s; }
.ar-card:hover { border-color:#9b1c4a; transform:translateY(-2px); }
.ar-card.is-hidden { display:none; }
.ar-card__photo { aspect-ratio:4/5; background:#e3d1ca; overflow:hidden; }
.ar-card__photo img { width:100%; height:100%; object-fit:cover; }
.ar-card__photo--placeholder { background:linear-gradient(135deg,#e3d1ca 0%,#c8889b 100%); }
.ar-card__photo--small { aspect-ratio:16/10; }
.ar-card--article .ar-card__photo { aspect-ratio:16/10; }
.ar-card__body { padding:1.1rem 1.2rem 1.3rem; flex:1; }
.ar-card__cat { font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:#9b1c4a; margin:0 0 6px; font-weight:600; }
.ar-card__name { font-family:Georgia,serif; font-size:18px; line-height:1.25; color:#1a1a1a; margin:0 0 5px; font-weight:400; }
.ar-card__meta { font-size:13px; color:#5f5e5a; margin:0; }

/* === NAV === */
.ar-nav { background:#faf7f4; padding:40px 6%; border-top:1px solid #ece2dd; }
.ar-nav__grid { display:grid; grid-template-columns:1fr auto 1fr; gap:2rem; align-items:center; max-width:1200px; margin:0 auto; }
.ar-nav__link { font-size:14px; color:#1a1a1a; text-decoration:none; display:flex; flex-direction:column; gap:4px; }
.ar-nav__link span { font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:#8a8780; font-weight:600; }
.ar-nav__link strong { font-family:Georgia,serif; font-style:italic; font-size:18px; color:#9b1c4a; font-weight:400; }
.ar-nav__link:hover strong { color:#2c0d20; }
.ar-nav__link--next { text-align:right; }
.ar-nav__back { font-size:13px; color:#9b1c4a; text-decoration:none; border:1px solid #9b1c4a; padding:9px 18px; border-radius:6px; white-space:nowrap; text-align:center; }
.ar-nav__back:hover { background:#9b1c4a; color:#fff; }

/* === RESPONSIVE === */
@media (max-width:980px) {
  .ar-home-grid { grid-template-columns:1fr 1fr; }
  .ar-home-actus__grid { grid-template-columns:1fr; gap:2.5rem; }
  .ar-portrait-hero__grid { grid-template-columns:1fr; gap:2rem; }
  .ar-grid { grid-template-columns:repeat(3, 1fr); }
  .ar-grid--articles { grid-template-columns:repeat(2, 1fr); }
  .ar-nav__grid { grid-template-columns:1fr; gap:1rem; }
  .ar-nav__link--next { text-align:left; }
}
@media (max-width:680px) {
  .ar-grid { grid-template-columns:repeat(2, 1fr); }
  .ar-grid--articles { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .ar-home-hero__title { font-size:42px; }
  .ar-home-grid { grid-template-columns:1fr; }
  .ar-portrait-hero__name { font-size:36px; }
  .ar-article-hero__title { font-size:36px; }
  .ar-list-hero__title { font-size:38px; }
  .ar-section-title { font-size:26px; }
  .ar-qr__q { font-size:19px; }
}