:root{--fond:#0f0f12;--carte:#18181d;--bord:#2a2a31;--encre:#f2f2f2;--doux:#a0a0aa;--accent:#FF5A36}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--fond);color:var(--encre);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));min-height:100vh;display:flex;flex-direction:column}
.w{max-width:900px;width:100%;margin:0 auto}
header{padding:44px 0 24px}
h1{font-size:clamp(32px,8vw,56px);letter-spacing:-.03em;line-height:1.05}
h2{font-size:22px;letter-spacing:-.01em;margin:28px 0 8px}
header p{color:var(--doux);margin-top:12px;max-width:620px}
a{color:var(--encre)}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:40px}
.carte{display:block;background:var(--carte);border:1px solid var(--bord);border-radius:18px;padding:22px;text-decoration:none;min-height:150px}
.carte b{display:block;font-size:20px;margin-bottom:6px}
.carte span{color:var(--doux);font-size:15px}
.carte.bientot{opacity:.5}
.carte:not(.bientot):hover{border-color:var(--accent)}
.carte .tag,.tag{display:inline-block;font:700 12px ui-monospace,Menlo,monospace;color:var(--accent);margin-bottom:10px}
.texte p,.texte li{color:#d8d8de;margin:8px 0}
.texte ul{padding-left:20px}
footer{margin-top:auto;padding:28px 0;color:var(--doux);font-size:14px;border-top:1px solid var(--bord)}
footer a{color:var(--doux)}