/* ns-dayz.fr — feuille commune des pages publiques (carte, guides, objets, mises à jour). Mêmes couleurs que l'accueil. */
:root{--fond:#0f0d0b;--carte:#1b1713;--carte2:#221d18;--ligne:#342b22;--texte:#efe6d6;--doux:#a8977f;--sable:#d9bf8c;--rouille:#c8641e;--rouille2:#e07a2c;--or:#e0a030;--olive:#8fa04a;--kaki:#7d8a52;--rouge:#d04a3a}
*{box-sizing:border-box}html{background:var(--fond);scroll-padding-top:72px}
body{margin:0;color:var(--texte);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;
  background:radial-gradient(1200px 600px at 80% 0%,rgba(200,100,30,.12),transparent 60%),radial-gradient(900px 500px at 0% 60%,rgba(125,138,82,.08),transparent 60%),var(--fond)}
a{color:var(--or)}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
code{background:var(--fond);border:1px solid var(--ligne);border-radius:6px;padding:1px 6px;color:var(--sable);font-size:14px}

/* en-têtes de page */
.entete{padding:46px 0 10px}
.fil{font-size:13px;color:var(--doux);margin-bottom:10px}.fil a{color:var(--doux);text-decoration:none}.fil a:hover{color:var(--sable)}
.titre{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--rouille2);font-weight:800;margin:0 0 10px}
h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 14px;font-weight:900;color:var(--sable)}
h2{font-size:clamp(22px,2.8vw,30px);line-height:1.2;margin:42px 0 14px;font-weight:900;color:var(--sable)}
h3{font-size:19px;margin:26px 0 8px;color:var(--texte)}
.chapo{color:#d7cbb8;font-size:19px;max-width:820px;margin:0}
.meta{color:var(--doux);font-size:13px;margin-top:12px}
section{padding:24px 0}

/* cartes et grilles */
.carte{background:linear-gradient(180deg,var(--carte2),var(--carte));border:1px solid var(--ligne);border-radius:16px;padding:22px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
a.carte{display:block;text-decoration:none;color:var(--texte);transition:transform .15s,border-color .15s}
a.carte:hover{transform:translateY(-3px);border-color:var(--rouille)}
a.carte h3{margin:8px 0 6px;color:var(--sable)}
a.carte p{margin:0;color:var(--doux);font-size:15.5px}
.ico{font-size:30px;line-height:1}
.etiquette{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:20px;
  background:rgba(200,100,30,.14);color:var(--rouille2);border:1px solid rgba(200,100,30,.3);margin:0 6px 6px 0}
.etiquette.olive{background:rgba(143,160,74,.14);color:#c3d08a;border-color:rgba(143,160,74,.3)}
.etiquette.sable{background:rgba(217,191,140,.10);color:var(--sable);border-color:rgba(217,191,140,.25)}

/* articles (guides, mises à jour) */
.article{max-width:820px}
.article p,.article li{color:#d7cbb8}
.article li{margin:4px 0}
.article strong{color:var(--texte)}
.article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15.5px}
.article th,.article td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--ligne);vertical-align:top}
.article th{color:var(--sable);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.encadre{border-left:4px solid var(--rouille);background:rgba(200,100,30,.08);padding:14px 18px;border-radius:0 12px 12px 0;margin:18px 0}
.encadre.olive{border-color:var(--olive);background:rgba(143,160,74,.08)}
.encadre p{margin:0}
.sommaire{columns:2 260px;font-size:15px;padding-left:18px}

/* bandeau d'appel vers le serveur */
.appel{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:46px 0 10px;
  background:linear-gradient(120deg,rgba(200,100,30,.22),rgba(125,138,82,.12));border:1px solid rgba(200,100,30,.35);border-radius:18px;padding:22px 26px}
.appel p{margin:0;color:#e9dcc6}.appel strong{color:var(--sable)}
.bouton{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;font-weight:900;text-decoration:none;color:#1a0f05;
  background:linear-gradient(180deg,#f0913f,var(--rouille) 70%);border:1px solid #f6a65c;white-space:nowrap}
.bouton:hover{filter:brightness(1.08)}
.bouton.second{background:transparent;color:var(--sable);border-color:var(--ligne)}

/* recherche et tableaux d'objets */
.recherche{width:100%;padding:14px 18px;border-radius:12px;border:1px solid var(--ligne);background:var(--carte);color:var(--texte);font-size:17px;outline:none}
.recherche:focus{border-color:var(--rouille)}
.liste-objets{columns:3 240px;column-gap:24px;padding:0;list-style:none;margin:10px 0 0}
.liste-objets li{break-inside:avoid;padding:3px 0;font-size:15px}
.liste-objets a{color:var(--texte);text-decoration:none}.liste-objets a:hover{color:var(--or)}
.liste-objets small{color:var(--doux)}
.compte{color:var(--doux);font-size:14px}
.barre{height:8px;border-radius:6px;background:var(--ligne);overflow:hidden}.barre i{display:block;height:100%;background:var(--rouille)}

footer{padding:30px 0 50px;text-align:center;color:var(--doux);font-size:13px;border-top:1px solid var(--ligne);margin-top:60px}
footer .liens{margin-bottom:10px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
footer .liens a{color:var(--doux);text-decoration:none;font-weight:700}footer .liens a:hover{color:var(--sable)}
footer .petit{font-size:11px;opacity:.75;margin-top:6px;max-width:760px;margin-left:auto;margin-right:auto}
@media (max-width:700px){body{font-size:16px}.entete{padding-top:30px}.appel{padding:18px}}