html{background:#f6f1e7}
body{min-height:100vh;min-height:100dvh}
/* Les Non-Attribués — collectif d'entraide (2032). Papier, tampon, urgence humaine. */
:root{--fond:#f6f1e7;--encre:#2b2620;--rouge:#a33327;--filet:#d8cfbe;--doux:#6e6558}
*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);
 font-family:'Courier New','Courier',ui-monospace,monospace;font-size:15.5px;line-height:1.75}
.page{max-width:680px;margin:0 auto;padding:40px 20px 70px}
a{color:var(--rouge)}
.tampon{display:inline-block;border:3px solid var(--rouge);color:var(--rouge);padding:4px 14px;
 font-family:-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.22em;
 text-transform:uppercase;transform:rotate(-2deg);margin-bottom:18px}
h1{font-size:1.7rem;line-height:1.25;margin:.2em 0 .5em;letter-spacing:-.01em}
.chapo{font-size:1.06rem;color:var(--doux);font-style:italic}
h2{font-size:1.15rem;margin:2.2em 0 .5em;border-bottom:1px solid var(--filet);padding-bottom:6px}
.temoignage{border-left:3px solid var(--filet);padding:2px 0 2px 16px;margin:0 0 18px;color:#3c362e}
.temoignage b{font-family:-apple-system,'Segoe UI',sans-serif;font-size:.82rem;letter-spacing:.05em;color:var(--doux)}
.appel{background:#fff;border:1px solid var(--filet);padding:20px 22px;margin:26px 0;box-shadow:3px 3px 0 var(--filet)}
.appel h2{margin-top:0;border:0;padding:0;color:var(--rouge)}
.actions{margin:14px 0 0}
.actions a{display:inline-block;border:2px solid var(--encre);padding:9px 16px;margin:0 10px 10px 0;
 font-family:-apple-system,'Segoe UI',sans-serif;font-size:.86rem;font-weight:700;color:var(--encre);text-decoration:none}
.actions a:hover{background:var(--encre);color:var(--fond)}
.pied{margin-top:50px;padding-top:14px;border-top:1px solid var(--filet);color:var(--doux);font-size:.82rem}
.etat-final{max-width:520px;margin:16vh auto;text-align:center;padding:0 20px}

.pub{position:fixed;top:110px;right:24px;width:260px;max-width:260px;margin:0;text-align:center;z-index:5}
@media(max-width:1247px){.pub{position:static;width:auto;max-width:290px;margin:36px auto 8px;right:auto}}
.pub .pub-lab{font-family:'Courier New',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--doux);display:block;margin-bottom:8px}
.pub .pub-slot img{width:100%;border:1px solid var(--filet)}

/* Archive du collectif : captures des billets effacés par Atlas */
.archive{margin:30px 0 10px}
.archive > p{color:var(--doux)}
.capture{display:flex;gap:14px;background:#fff;border:1px solid var(--filet);
  box-shadow:3px 3px 0 var(--filet);padding:12px;margin:0 0 14px;align-items:flex-start}
.capture-vignette{flex:none;width:96px;height:96px;overflow:hidden;border:1px solid var(--filet);background:#eee}
.capture-vignette img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.12)}
.capture-corps{min-width:0}
.capture-legende{margin:2px 0 9px;font-size:.95rem}
.capture-compte{font-family:-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.78rem;
  letter-spacing:.03em;color:var(--doux);margin-right:8px}
.capture-note{margin:0;font-family:-apple-system,'Segoe UI',sans-serif;font-size:.7rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--rouge)}
@media(max-width:520px){.capture-vignette{width:72px;height:72px}}

[hidden]{display:none!important}

/* iOS safe-area */
html,body{min-height:100dvh}
body{margin:0}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}

/* --- Mur co-écrit --- */
.mur-bloc{margin:30px 0}
.mur-bloc form{margin:14px 0 6px}
.mur-bloc textarea{width:100%;box-sizing:border-box;font:inherit;line-height:1.5;padding:11px 13px;border:1px solid rgba(60,50,35,.28);border-radius:8px;background:rgba(255,255,255,.55);resize:vertical}
.mur-bloc textarea:focus{outline:none;border-color:rgba(60,50,35,.55)}
.mur-bloc button{margin-top:9px;font:inherit;cursor:pointer;padding:9px 18px;border:1px solid rgba(60,50,35,.4);border-radius:8px;background:transparent;transition:background .15s}
.mur-bloc button:hover{background:rgba(60,50,35,.07)}
.mur-bloc button:disabled{opacity:.5;cursor:default}
.mur-note{min-height:1.2em;font-size:.9rem;opacity:.75;margin:9px 0 0}
.mur{display:grid;gap:10px;margin-top:10px}
.mur-item{animation:mur-in .5s ease}
@keyframes mur-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
