:root { --bg:#120e09; --panel:#21180e; --border:#765931; --gold:#d7ad58; --text:#eadabd; --muted:#ab9674; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 0, #382613, var(--bg) 50%); color:var(--text); font:16px/1.6 Georgia, "Times New Roman", serif; }
a { color:var(--gold); text-decoration:none; }
a:hover { color:#ffe09a; text-decoration:underline; }
.updates-header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:15px clamp(18px, 5vw, 72px); background:rgba(20,14,8,.94); border-bottom:1px solid var(--border); }
.updates-brand { color:#f0cb7a; font-weight:bold; letter-spacing:.18em; font-size:18px; }
.updates-nav { display:flex; gap:18px; font-size:14px; color:var(--muted); }
.updates-main { max-width:820px; margin:0 auto; padding:26px clamp(16px, 4vw, 36px) 56px; }
.updates-hero { background:linear-gradient(145deg, rgba(48,35,23,.94), rgba(28,20,12,.96)); border:1px solid var(--border); border-radius:5px; padding:clamp(24px, 5vw, 40px); margin-bottom:24px; }
.updates-kicker { color:var(--gold); letter-spacing:.16em; text-transform:uppercase; font-size:12px; margin:0 0 5px; }
.updates-hero h1 { color:#f0cb7a; margin:0 0 10px; font-size:clamp(30px, 6vw, 44px); line-height:1.1; }
.updates-lead { color:var(--muted); margin:0; }
.updates-list { display:grid; gap:18px; }
.update-card { background:var(--panel); border:1px solid #5f4727; border-radius:5px; padding:22px 24px; }
.update-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.update-date { color:var(--muted); font-size:13px; margin:0 0 4px; text-transform:uppercase; letter-spacing:.08em; }
.update-card h2 { color:#ecc677; margin:0; font-size:24px; line-height:1.2; }
.update-version { display:inline-block; margin-left:6px; padding:2px 8px; border:1px solid #6a5028; border-radius:999px; color:var(--gold); font-size:12px; vertical-align:middle; }
.update-summary { color:var(--text); margin:14px 0 0; font-size:17px; }
.update-section { margin-top:18px; }
.update-section h3 { color:#e5be6d; font-size:17px; margin:0 0 8px; border-bottom:1px solid rgba(118,89,49,.45); padding-bottom:5px; }
.update-section ul { margin:0; padding-left:20px; color:var(--muted); }
.update-section li { margin-bottom:6px; }
.updates-empty { color:var(--muted); font-style:italic; }
.updates-footer { max-width:820px; margin:0 auto; padding:0 clamp(16px, 4vw, 36px) 40px; color:var(--muted); font-size:14px; }