.suggestion-card{width:100%;font:inherit;text-align:left;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-md);cursor:pointer;border-left:4px solid var(--color-alert);background:var(--color-alert-bg);transition:all .15s;display:block}.suggestion-card:hover{border-left-color:var(--color-alert-dark);box-shadow:var(--shadow-md);transform:translate(2px)}.suggestion-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.suggestion-card--unread{border-left-color:var(--color-alert)}.suggestion-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.suggestion-card-tag{font-size:var(--font-size-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-alert-border);color:var(--color-alert-dark);font-weight:600}.suggestion-card-date{font-size:var(--font-size-xs);color:var(--color-text-placeholder)}.suggestion-card-title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:6px;font-weight:600}.suggestion-card-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.suggestion-card-action{font-size:var(--font-size-sm);color:var(--color-primary);align-items:center;gap:var(--spacing-xs);margin-top:10px;font-weight:600;display:flex}
.suggestion-list{width:100%;max-width:700px;margin:0 auto}.suggestion-list-title{font-size:var(--font-size-base);color:var(--color-primary);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.suggestion-list-badge{background:var(--color-alert);color:#fff;font-size:var(--font-size-xs);padding:2px var(--spacing-sm);border-radius:10px;font-weight:600}.suggestion-list-cards{flex-direction:column;display:flex}.suggestion-list-empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-md)}