.updates-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-4)}.updates-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);justify-content:center}.updates-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background-color:var(--surface-2);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.updates-filter-btn:hover{background-color:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.updates-filter-btn.active{background-color:var(--accent-soft);color:var(--text-primary);border-color:var(--accent)}.updates-filter-btn.active:hover{background-color:var(--accent-soft);border-color:var(--accent-strong)}.updates-filter-btn i{font-size:var(--font-size-base)}.updates-list{display:flex;flex-direction:column;gap:var(--space-4)}.update-card{background-color:var(--surface-2);border-radius:var(--radius-lg);box-shadow:none;border:1px solid var(--border-subtle);border-left:4px solid var(--color-primary);padding:var(--space-5);transition:all var(--transition-normal);position:relative;overflow:hidden;scroll-margin-top:calc(var(--space-12) + var(--space-4))}.update-card:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong);transform:translateY(-2px)}.update-card--targeted{border-color:var(--accent);box-shadow:0 0 0 3px #0a5c7a40}.update-card--info{border-left-color:var(--color-alert-info)}.update-card--warning{border-left-color:var(--color-alert-warning)}.update-card--urgent{border-left-color:var(--color-alert-error)}.update-card__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.update-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.update-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.update-badge--line_change{background-color:#1976d21a;color:var(--color-alert-info)}.update-badge--closure{background-color:#d32f2f1a;color:var(--color-alert-error)}.update-badge--schedule_change{background-color:#9c27b01a;color:var(--color-badge-planned)}.update-badge--severity-info{background-color:#1976d226;color:var(--color-alert-info)}.update-badge--severity-warning{background-color:#ed6c0226;color:var(--color-alert-warning)}.update-badge--severity-urgent{background-color:#d32f2f26;color:var(--color-alert-error)}.update-card__date{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.update-card__title{font-family:var(--font-family-headings);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0;line-height:var(--line-height-tight)}.update-card__description{font-size:var(--font-size-base);color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.update-card__lines{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.update-card__lines-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-fast)}.line-badge:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.update-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.update-card__source{font-size:var(--font-size-sm);color:var(--text-secondary)}.update-card__source a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.update-card__source a:hover{color:var(--color-accent-dark);text-decoration:underline}.update-card__expiry{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.updates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background-color:var(--surface-2);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.updates-empty__icon{font-size:var(--font-size-4xl);color:var(--text-light);margin-bottom:var(--space-4)}.updates-empty__title{font-family:var(--font-family-headings);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.updates-empty__text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;max-width:400px}.updates-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:var(--font-size-lg);color:var(--text-secondary)}.updates-loading .loading-spinner{margin-right:var(--space-3)}.updates-error{background:var(--color-danger);color:var(--text-light);padding:var(--space-5);border-radius:var(--radius-md);text-align:center;margin:var(--space-4) 0}.updates-error i{margin-right:var(--space-2);font-size:var(--font-size-lg)}@media(max-width:576px){.updates-container{padding:0 var(--space-3)}.updates-filters{gap:var(--space-2)}.updates-filter-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.update-card{padding:var(--space-4)}.update-card__title{font-size:var(--font-size-base)}.update-card__description{font-size:var(--font-size-sm)}.update-card__header{flex-direction:column}.update-card__footer{flex-direction:column;align-items:flex-start}}@media(min-width:768px){.updates-filters{gap:var(--space-4)}.updates-filter-btn{padding:var(--space-3) var(--space-5)}.update-card{padding:var(--space-6)}.update-card__title{font-size:var(--font-size-xl)}}@media(min-width:992px){.updates-container{padding:0 var(--space-6)}}[data-theme=dark] .update-card{background-color:var(--surface-2);border-color:var(--border-subtle)}[data-theme=dark] .update-card--targeted{border-color:var(--accent);box-shadow:0 0 0 3px #2b6ea873}[data-theme=dark] .updates-filter-btn{background-color:var(--surface-2);border-color:var(--border-subtle);color:var(--text-muted)}[data-theme=dark] .updates-filter-btn:hover{background-color:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .updates-filter-btn.active{background-color:var(--accent-soft);border-color:#2b6ea873;color:var(--text-primary)}[data-theme=dark] .updates-empty{background-color:var(--surface-2);border-color:var(--border-subtle)}[data-theme=dark] .update-badge--line_change{background-color:#64b5f626;color:var(--color-alert-info)}[data-theme=dark] .update-badge--closure{background-color:#ef535026;color:var(--color-alert-error)}[data-theme=dark] .update-badge--schedule_change{background-color:#ba68c826;color:#ba68c8}[data-theme=dark] .update-badge--severity-info{background-color:#64b5f633}[data-theme=dark] .update-badge--severity-warning{background-color:#ffb74d33}[data-theme=dark] .update-badge--severity-urgent{background-color:#ef535033}[data-theme=dark] .line-badge{background-color:var(--color-primary-light)}[data-theme=dark] .line-badge:hover{background-color:var(--color-primary)}@media print{.updates-filters{display:none}.update-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.update-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.update-card,.updates-filter-btn,.line-badge{transition:none}.update-card:hover,.line-badge:hover{transform:none}}