/* Page auteur (/author-hicham-souilmi.html, /auteur-hicham-souilmi.html). Jetons de blog-redesign.css. */
.auteur-head { display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,3vw,32px); align-items:center;
  padding:22px 0 32px; border-bottom:1px solid var(--rule); }
.auteur-head img { width:clamp(96px,14vw,140px); height:clamp(96px,14vw,140px); border-radius:50%; object-fit:cover; border:3px solid var(--accent); }
.auteur-head .eyebrow { font:500 .75rem var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--accent-ink); margin:0 0 .4em; }
.auteur-head h1 { margin:0 0 .2em; max-width:none; }
.auteur-role { margin:0; color:var(--muted); font-size:1.02rem; }
@media (max-width:560px) { .auteur-head { grid-template-columns:1fr; } }

.auteur-bio { max-width:var(--measure); padding:30px 0 6px; font-family:var(--serif); font-size:1.18rem; line-height:1.7; color:var(--ink-2); }
.auteur-bio p { margin:0 0 1em; }
.auteur-liens { display:flex; flex-wrap:wrap; gap:18px; font-family:var(--sans); font-size:.92rem; }
.auteur-liens a { font-weight:600; }

.auteur-articles h2 { font:600 .78rem var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ink);
  padding-bottom:.8em; border-bottom:3px solid var(--ink); margin:clamp(36px,5vw,56px) 0 0; }
.auteur-liste { list-style:none; margin:0; padding:0; }
.auteur-liste li { display:grid; grid-template-columns:1fr minmax(0,240px); gap:clamp(16px,3vw,32px); align-items:start; padding:28px 0; border-bottom:1px solid var(--rule); }
.auteur-liste li > div { min-width:0; }
.auteur-liste h3 { margin:.45em 0 .4em; }
.auteur-liste h3 a { color:var(--ink); text-decoration:none; }
.auteur-liste h3 a:hover { text-decoration:underline; text-decoration-color:var(--accent); }
.auteur-liste .resume { color:var(--ink-2); margin:0 0 .6em; font-size:.98rem; }
.auteur-liste img { width:100%; height:auto; border-radius:var(--radius); border:1px solid var(--rule); background:var(--card); }
.auteur-liste .aussi { font-size:.85rem; color:var(--muted); margin:0; }
@media (max-width:700px) { .auteur-liste li { grid-template-columns:1fr; } .auteur-liste li a.vignette { order:-1; } }