/* Charte historique des Mouchquetaires : fond rouge texturé, or et parchemin jaune */
:root{--red:#8f160c;--red-dark:#5c0c07;--gold:#f0d45b;--gold-light:#fff0a0;--paper:#f3df72;--ink:#180b05;--line:#160903}
*{box-sizing:border-box}
html{min-height:100%;background:var(--red)}
body{ -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility; }
body{margin:0;min-height:100vh;color:#ffe78a;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;background-color:#971b10;background-image:url('../images/fond_mouchquetaires.png');background-repeat:repeat;background-position:top left}
a{color:var(--gold-light);text-decoration:underline}
a:hover,a:focus{color:#fff;background:rgba(70,0,0,.25)}
.site-header{color:var(--gold-light);padding:10px 18px 0;background:rgba(92,8,3,.12);border-bottom:1px solid rgba(255,220,90,.45)}
.brand{max-width:1500px;margin:0 auto;padding:0 0 10px;position:relative;min-height:90px}
.brand a{display:flex;align-items:center;gap:14px;color:#fff0a0;text-decoration:none;font-size:clamp(1.8rem,4vw,2.7rem);font-style:italic;text-shadow:2px 2px 3px #250500,0 0 5px #ffe88a}
.brand img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 1px 2px #210400)}
.brand p{margin:-2px 0 0 96px;color:#fff0a0;font-style:italic;text-shadow:1px 1px 2px #400}
.site-header nav{display:flex;flex-wrap:wrap;gap:0;max-width:1500px;margin:0 auto;padding:0 0 10px 96px}
.site-header nav a{color:#ffe987;padding:5px 13px;margin-right:5px;border:1px solid rgba(255,226,100,.55);background:rgba(80,0,0,.22);text-decoration:underline}
.site-header nav a:hover,.site-header nav a.active{background:#ead56c;color:#260900;text-shadow:none}
.container{max-width:1180px;margin:24px auto;padding:0 18px 40px;min-height:55vh}
.legacy-content,.panel{background:rgba(243,223,114,.96);color:var(--ink);border:2px solid #260e03;border-radius:0;box-shadow:0 2px 8px rgba(30,0,0,.25);padding:clamp(16px,3vw,28px);overflow-wrap:anywhere}
.legacy-content img{max-width:100%;height:auto}
.legacy-content table{max-width:100%;border-collapse:collapse;background:var(--paper);color:var(--ink)}
.legacy-content td,.legacy-content th{border:1px solid var(--line);padding:3px 6px;max-width:100%;overflow-wrap:anywhere}
.legacy-content th{background:#d9b553;font-weight:bold;text-align:left}
.legacy-content .titre,h1{font-size:1.7rem;color:#4b1308;border-bottom:1px solid #79521a;padding-bottom:8px;margin-top:0}
.legacy-content h2,.legacy-content h3{color:#58170a}
.legacy-content p{margin:.75em 0}
.legacy-content a,.panel a{color:#431005;font-weight:500}
.legacy-content a:hover,.panel a:hover{color:#8d1b0a;background:#f9eaa0}
.chronicle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:20px}
.chronicle-card{background:#f3df72;color:#180b05;border:1px solid #260e03;border-radius:0;padding:14px}
.chronicle-card h2{font-size:1.1rem;margin:0 0 8px}
.chronicle-card h2 a{text-decoration:underline;color:#351006}
.meta,.read-more{font-weight:bold;font-size:.95rem}
.back-link{margin-bottom:18px}
.site-footer{text-align:center;padding:20px;background:rgba(75,5,2,.55);color:#ffe78a;border-top:1px solid rgba(255,220,90,.45);font-size:.9rem}
.site-footer p{margin:0}
@media(max-width:600px){.site-header{padding:8px 10px 0}.brand{min-height:0}.brand img{width:48px;height:48px}.brand a{gap:9px;font-size:1.55rem}.brand p{margin-left:57px;font-size:.9rem}.site-header nav{padding:8px 0 10px;gap:4px}.site-header nav a{padding:5px 8px;margin-right:0;font-size:.92rem}.container{padding:0 9px 24px;margin:14px auto}.legacy-content,.panel{padding:12px}.legacy-content table{display:block;overflow-x:auto}}

/* Tableau des membres : identifiants troll sur une seule ligne */
.legacy-content table.members-table { width: auto; min-width: 760px; table-layout: auto; }
.legacy-content table.members-table th:first-child,
.legacy-content table.members-table td:first-child { min-width: 78px; width: 78px; white-space: nowrap; text-align: center; }
.legacy-content table.members-table td:nth-child(2) { white-space: nowrap; }
.legacy-content table.members-table td:nth-child(3) { white-space: nowrap; }
@media(max-width: 600px) { .legacy-content table.members-table { min-width: 760px; } }

/* En-têtes triables du tableau des membres */
.legacy-content table { border-collapse: collapse; }
.legacy-content .sortable-header { cursor: pointer; white-space: nowrap; }
.legacy-content .sortable-header:hover { filter: brightness(0.94); text-decoration: underline; }
.legacy-content .sortable-header:focus { outline: 2px solid #6e170d; outline-offset: -2px; }
/* L'identifiant du troll doit rester sur une seule ligne */
.legacy-content table td:first-child, .legacy-content table th:first-child { white-space: nowrap; min-width: 76px; padding-left: 8px; padding-right: 8px; }