/* ---- Carte Mastodon ---- */
        .masto-card {
            --masto-bg: #ffffff;
            --masto-fg: #0f172a;
            --masto-muted: #64748b;
            --masto-border: rgba(15,23,42,0.08);
            --masto-accent: #6366f1;
            background: var(--masto-bg);
            color: var(--masto-fg);
            border: 1px solid var(--masto-border);
            border-radius: 14px;
            padding: 16px;
            box-shadow: 0 6px 24px rgba(2,6,23,0.06);
            overflow: hidden;
        }
			
			
				
			
			
        .masto-card-head {
            display: grid;
            grid-template-columns: 48px 1fr auto;
            gap: 12px;
            align-items: center;
            margin-bottom: 8px;
        }
        .masto-avatar img,.masto-avatar-fallback{
            width:48px;height:48px;border-radius:50%;
            display:block;background:#e2e8f0;
        }
        .masto-author .masto-name{
            font-weight:700; line-height:1.2; font-size:1rem; margin-bottom:2px;
        }
        .masto-author .masto-handle{
            font-size:.9rem;color:var(--masto-muted);
        }
        .masto-author .masto-handle a{
            color:inherit; text-decoration:none; border-bottom:1px dashed transparent;
        }
        .masto-author .masto-handle a:hover{ border-bottom-color: var(--masto-muted); }
        .masto-dot{ opacity:.6; margin:0 .35rem; }

        .masto-brand .fa-mastodon { font-size: 42px; color: var(--masto-accent); }

        .masto-content { margin-top: 8px; line-height:1.6; margin-bottom:10px;}
        .masto-content p {margin-bottom:10px;}
        .masto-content a { color: var(--masto-accent); text-decoration: underline; text-underline-offset: 2px; }

        .masto-title { display:block; margin-bottom:6px;     font-weight: 700; } /* espace entre "titre" et contenu */

        .masto-cw { margin-top: 8px; }
        .masto-cw-toggle{
            width:100%; text-align:left; background: transparent; border:1px dashed var(--masto-border);
            padding:10px 12px; border-radius:10px; cursor:pointer; color:var(--masto-muted);
        }
        .masto-cw-toggle.is-open{ border-style: solid; color: var(--masto-fg); }
        .masto-cw-content{ margin-top:10px; }

        .masto-media{ margin-top:12px; border-radius:12px; overflow:hidden; }
        .masto-media-link { display:block; }
        .masto-media img{ width:100%; height:auto; display:block; transition: transform .08s ease; }
        .masto-media-link:hover img { transform: scale(1.01); }

        .masto-footer{ margin-top:12px; display:flex; justify-content:flex-end; }
        .masto-button{
            display:inline-block; padding:8px 12px; border-radius:10px; font-weight:600;
            background: var(--masto-accent); color:#fff; text-decoration:none;
            
        }
        .masto-button:hover{ filter: brightness(1.05);}
			
			
			.masto-credit{
    margin-top:6px;
    font-size:.6rem;
    color:var(--masto-muted);
    text-align:right; /* ou left */
}
.masto-credit a{
    color:inherit;
    text-decoration:none;
    border-bottom:1px dotted transparent;
}
.masto-credit a:hover{
    border-bottom-color:currentColor;
}


        /* Thèmes */
        .masto-theme-light { }
        .masto-theme-dark {
            --masto-bg: #0b1220;
            --masto-fg: #e5e7eb;
            --masto-muted: #94a3b8;
            --masto-border: rgba(148,163,184,0.2);
            box-shadow: 0 6px 24px rgba(2,6,23,0.35);
        }
        @media (prefers-color-scheme: dark) {
            .masto-theme-auto {
                --masto-bg: #0b1220;
                --masto-fg: #e5e7eb;
                --masto-muted: #94a3b8;
                --masto-border: rgba(148,163,184,0.2);
                box-shadow: 0 6px 24px rgba(2,6,23,0.35);
            }
        }


.masto-after-br {
	    font-weight: 500;
    display: block;
    margin-top: .6rem;
    line-height: 1.65;
	}