:root{--spacing: 16px}.fiches{display:flex;flex-direction:column;gap:12px}.fiche{background-color:#f0f8ff;border-radius:16px;padding:var(--spacing);position:relative}.fiche .actions{position:absolute;top:var(--spacing);right:var(--spacing)}.fiche .nom{margin:1rem 0}@media screen and (min-width: 600px){.fiches{max-width:800px;margin:auto;gap:24px}.fiche{display:grid;grid-template-areas:"avatar nom actions" "avatar job actions";grid-template-columns:100px 1fr 3rem;gap:var(--spacing)}.fiche .nom{margin:0}.fiche .avatar{grid-area:avatar}.fiche .nom{grid-area:nom}.fiche .job{grid-area:job}.fiche .actions{grid-area:actions;position:static;display:flex;flex-direction:column}.fiche .actions button{align-self:end}}@layer reset{*,*:before,*:after{box-sizing:border-box;min-width:0}body{margin:0;padding:1rem;font-size:1.2rem;font-family:system-ui,sans-serif;background:#ddd;color:#222}img{max-width:100%;height:auto}button{border:0;padding:0;line-height:0;background:transparent;cursor:pointer}}@layer deco{h1{text-align:center}h2,p{margin:0}ul{margin:0;padding:0;list-style:none}}