.updates-page { margin: 0; color: #2c1b4d; background: #f6f3fa; font-family: "Open Sans", Arial, sans-serif; }
.updates-hero { padding: 5.5rem 0 3.5rem; color: #fff; background: linear-gradient(135deg, #2c1b4d, #6f42c1); }
.updates-hero .container, .updates-content .container, .updates-footer .container { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; }
.updates-eyebrow { display: inline-block; margin-bottom: .7rem; color: #ffc107; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.updates-hero h1 { margin: 0 0 1rem; font-size: clamp(2.2rem, 5vw, 4rem); }
.updates-hero p { max-width: 760px; margin: 0; font-size: 1.18rem; line-height: 1.7; }
.updates-content { padding: 2.5rem 0 5rem; }
.updates-filters { display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 2rem; }
.updates-filters a { padding: .72rem 1.15rem; border: 1px solid #6f42c1; border-radius: 999px; color: #6f42c1; background: #fff; font-weight: 700; text-decoration: none; }
.updates-filters a.active, .updates-filters a:hover { color: #fff; background: #6f42c1; }
.updates-list { display: grid; gap: 1.5rem; }
.update-card { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid #e2d9eb; border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(44,27,77,.08); }
.update-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .8rem; color: #6b6075; font-size: .9rem; }
.update-meta > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.channel, .version, .item-type { display: inline-block; padding: .28rem .6rem; border-radius: 999px; font-size: .78rem; font-weight: 800; }
.channel-web { color: #fff; background: #6f42c1; }
.channel-mobile { color: #fff; background: #17a2b8; }
.version { color: #43364e; background: #eee9f2; }
.update-card h2 { margin: 1rem 0 .55rem; font-size: 1.55rem; }
.update-summary { color: #5e5368; line-height: 1.65; }
.update-card ul { display: grid; gap: .85rem; padding: 0; margin: 1.4rem 0 0; list-style: none; }
.update-card li { display: grid; grid-template-columns: max-content 1fr; align-items: start; gap: .7rem; line-height: 1.55; }
.item-type.feature { color: #155724; background: #d4edda; }
.item-type.improvement { color: #0c5460; background: #d1ecf1; }
.item-type.fix { color: #856404; background: #fff3cd; }
.updates-empty { padding: 1.25rem; border-left: 4px solid #17a2b8; background: #fff; }
.updates-footer { padding: 2rem 0; color: #fff; background: #2c1b4d; }
.updates-footer .footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.updates-footer a { color: #ffc107; }
.updates-footer .footer-links { display: flex; flex-wrap: wrap; gap: 1rem; }
@media (max-width: 620px) { .update-card li { grid-template-columns: 1fr; } .update-meta { align-items: flex-start; flex-direction: column; } }