.updates-container{max-width:var(--content-max-width);margin:0 auto}.updates-filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:flex-start;display:flex}.updates-filter-btn{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-out), border-color var(--transition-fast) var(--ease-out), color var(--transition-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:inline-flex}.updates-filter-btn:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-strong);color:var(--color-text-primary)}.updates-filter-btn.active,.updates-filter-btn[aria-pressed=true]{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.updates-filter-btn.active:hover,.updates-filter-btn[aria-pressed=true]:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.updates-filter-btn i{font-size:var(--font-size-base)}.updates-list{gap:var(--space-4);flex-direction:column;display:flex}.update-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:none;border:1px solid var(--color-border);border-left:4px solid var(--color-border-strong);padding:var(--space-5);transition:background-color var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out), color var(--transition-normal) var(--ease-out);scroll-margin-top:calc(var(--space-12) + var(--space-4));position:relative;overflow:hidden}.update-card--targeted{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface)}.update-card--info{border-left-color:var(--color-info)}.update-card--warning{border-left-color:var(--color-warning)}.update-card--urgent{border-left-color:var(--color-danger)}.update-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.update-card__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.update-badge{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;display:inline-flex}.update-badge--line_change,.update-badge--closure,.update-badge--schedule_change{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary)}.update-badge--severity-info{background-color:var(--color-info-surface);color:var(--color-info)}.update-badge--severity-warning{background-color:var(--color-warning-surface);color:var(--color-warning)}.update-badge--severity-urgent{background-color:var(--color-danger-surface);color:var(--color-danger)}.update-card__date{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);display:flex}.update-card__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-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(--color-text-primary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.update-card__lines{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.update-card__lines-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.update-card .line-badge{min-width:28px;height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-surface-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background-color var(--transition-fast) var(--ease-out), border-color var(--transition-fast) var(--ease-out), color var(--transition-fast) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.update-card a.line-badge:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:none;text-decoration:none}.update-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.update-card__source{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.update-card__source a{color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.update-card__source a:hover{color:var(--color-primary-dark);text-decoration:underline}.update-card__expiry,.update-card__effective{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);display:flex}.updates-empty{padding:var(--space-10) var(--space-6);text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-success-border);flex-direction:column;justify-content:center;align-items:center;display:flex}.updates-empty__icon{border-radius:var(--radius-full);background-color:var(--color-success-surface);width:3rem;height:3rem;color:var(--color-success);font-size:var(--font-size-xl);margin-bottom:var(--space-4);place-items:center;display:grid}.updates-empty__title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.updates-empty__text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin:0}.updates-loading{min-height:200px;font-size:var(--font-size-lg);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.updates-loading .loading-spinner{margin-right:var(--space-3)}.updates-error{background:var(--color-danger-surface);color:var(--color-text-primary);border:1px solid var(--color-danger-border);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);color:var(--color-danger)}@media (width<=576px){.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)}.updates-empty{padding:var(--space-8) 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 (width>=768px){.updates-filters{gap:var(--space-3)}.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)}}[data-theme=dark] .update-card--targeted{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-border)}@media print{.updates-filters{display:none}.update-card{box-shadow:none;page-break-inside:avoid;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.update-card,.updates-filter-btn,.update-card .line-badge{transition:none}}
